@charset "UTF-8"; /* * * * * * ============================== * * * * * ============================== * * * * * ============================== * * * * * ============================== ======================================== ======================================== ======================================== ---------------------------------------- GENERAL SETTINGS ---------------------------------------- Read more about settings and USWDS style tokens in the documentation: https://designsystem.digital.gov/design-tokens ---------------------------------------- */ /* ---------------------------------------- Image path ---------------------------------------- Relative image file path ---------------------------------------- */ /* ---------------------------------------- Show compile warnings ---------------------------------------- Show Sass warnings when functions and mixins use non-standard tokens. AND Show updates and notifications. ---------------------------------------- */ /* ---------------------------------------- Namespace ---------------------------------------- */ /* ---------------------------------------- Prefix separator ---------------------------------------- Set the character the separates responsive and state prefixes from the main class name. The default (":") needs to be preceded by two backslashes to be properly escaped. ---------------------------------------- */ /* ---------------------------------------- Layout grid ---------------------------------------- Should the layout grid classes output with !important ---------------------------------------- */ /* ---------------------------------------- Border box sizing ---------------------------------------- When set to true, sets the box-sizing property of all site elements to `border-box`. ---------------------------------------- */ /* ---------------------------------------- Focus styles ---------------------------------------- */ /* ---------------------------------------- Icons ---------------------------------------- */ /* * * * * * ============================== * * * * * ============================== * * * * * ============================== * * * * * ============================== ======================================== ======================================== ======================================== ---------------------------------------- TYPOGRAPHY SETTINGS ---------------------------------------- Read more about settings and USWDS typography tokens in the documentation: https://designsystem.digital.gov/design-tokens/typesetting/overview/ ---------------------------------------- */ /* ---------------------------------------- Root font size ---------------------------------------- Setting $theme-respect-user-font-size to true sets the root font size to 100% and uses ems for media queries ---------------------------------------- $theme-root-font-size only applies when $theme-respect-user-font-size is set to false. This will set the root font size as a specific px value and use px values for media queries. Accepts true or false ---------------------------------------- */ /* ---------------------------------------- Global styles ---------------------------------------- Adds basic styling for the following unclassed elements: - paragraph: paragraph text - link: links - content: paragraph text, links, headings, lists, and tables ---------------------------------------- */ /* ---------------------------------------- Browser compatibility mode ---------------------------------------- When true, outputs woff and ttf font formats in addition to woff2 ---------------------------------------- */ /* ---------------------------------------- Font path ---------------------------------------- Relative font file path ---------------------------------------- */ /* ---------------------------------------- Custom typeface tokens ---------------------------------------- Add a new custom typeface token if your project uses a typeface not already defined by USWDS. ---------------------------------------- USWDS defines the following tokens by default: ---------------------------------------- 'georgia' 'helvetica' 'merriweather' 'open-sans' 'public-sans' 'roboto-mono' 'source-sans-pro' 'system' 'tahoma' 'verdana' ---------------------------------------- Add as many new tokens as you have custom typefaces. Reference your new token(s) in the type-based font settings using the quoted name of the token. For example: $theme-font-type-cond: 'example-font-token'; display-name: The display name of your font cap-height: The height of a 500px `N` in Sketch ---------------------------------------- You should change `example-[style]-token` names to something more descriptive. ---------------------------------------- */ /* ---------------------------------------- Type-based font settings ---------------------------------------- Set the type-based tokens for your project from the following tokens, or from any new font tokens you added in $theme-typeface-tokens. ---------------------------------------- 'georgia' 'helvetica' 'merriweather' 'open-sans' 'public-sans' 'roboto-mono' 'source-sans-pro' 'system' 'tahoma' 'verdana' ---------------------------------------- */ /* ---------------------------------------- Custom font stacks ---------------------------------------- Add custom font stacks to any of the type-based fonts. Any USWDS typeface token already has a default stack. Custom stacks don't need to include the font's display name. It will automatically appear at the start of the stack. ---------------------------------------- Example: $theme-font-type-sans: 'source-sans-pro'; $theme-font-sans-custom-stack: "Helvetica Neue", Helvetica, Arial, sans; Output: font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans; ---------------------------------------- */ /* ---------------------------------------- Add any custom font source files ---------------------------------------- If you want USWDS to generate additional @font-face declarations, add your font data below, following the example that follows. ---------------------------------------- USWDS automatically generates @font-face declarations for the following 'merriweather' 'public-sans' 'roboto-mono' 'source-sans-pro' These typefaces not require custom source files. ---------------------------------------- EXAMPLE - dir: Directory relative to $theme-font-path - This directory should include fonts saved as .woff2 ExampleSerif-Normal.woff2 $theme-font-serif-custom-src: ( dir: 'custom/example-serif', roman: ( 100: false, 200: false, 300: 'ExampleSerif-Light', 400: 'ExampleSerif-Normal', 500: false, 600: false, 700: 'ExampleSerif-Bold', 800: false, 900: false, ), italic: ( 100: false, 200: false, 300: 'ExampleSerif-LightItalic', 400: 'ExampleSerif-Italic', 500: false, 600: false, 700: 'ExampleSerif-BoldItalic', 800: false, 900: false, ), ); ---------------------------------------- */ /* ---------------------------------------- Role-based font settings ---------------------------------------- Set the role-based tokens for your project from the following font-type tokens. ---------------------------------------- 'cond' 'icon' 'lang' 'mono' 'sans' 'serif' ---------------------------------------- */ /* ---------------------------------------- Type scale ---------------------------------------- Define your project's type scale using values from the USWDS system type scale 1-20 ---------------------------------------- */ /* ---------------------------------------- Font weights ---------------------------------------- Assign weights 100-900 Or use `false` for unneeded weights. ---------------------------------------- */ /* ---------------------------------------- General typography settings ---------------------------------------- Type scale tokens ---------------------------------------- micro: 10px 1: 12px 2: 13px 3: 14px 4: 15px 5: 16px 6: 17px 7: 18px 8: 20px 9: 22px 10: 24px 11: 28px 12: 32px 13: 36px 14: 40px 15: 48px 16: 56px 17: 64px 18: 80px 19: 120px 20: 140px ---------------------------------------- Line height tokens ---------------------------------------- 1: 1 2: 1.15 3: 1.35 4: 1.5 5: 1.62 6: 1.75 ---------------------------------------- Font role tokens ---------------------------------------- 'ui' 'heading' 'body' 'code' 'alt' ---------------------------------------- Measure (max-width) tokens ---------------------------------------- 1: 44ex 2: 60ex 3: 64ex 4: 68ex 5: 74ex 6: 88ex none: none ---------------------------------------- */ /* * * * * * ============================== * * * * * ============================== * * * * * ============================== * * * * * ============================== ======================================== ======================================== ======================================== ---------------------------------------- COLOR SETTINGS ---------------------------------------- Read more about settings and USWDS color tokens in the documentation: https://designsystem.digital.gov/design-tokens/color ---------------------------------------- */ /* ---------------------------------------- Theme palette colors ---------------------------------------- */ /* ---------------------------------------- State palette colors ---------------------------------------- */ /* ---------------------------------------- General colors ---------------------------------------- */ /* * * * * * ============================== * * * * * ============================== * * * * * ============================== * * * * * ============================== ======================================== ======================================== ======================================== ---------------------------------------- COMPONENT SETTINGS ---------------------------------------- Read more about settings and USWDS style tokens in the documentation: https://designsystem.digital.gov/design-tokens ---------------------------------------- */ /* * * * * * ============================== * * * * * ============================== * * * * * ============================== * * * * * ============================== ======================================== ======================================== ======================================== ---------------------------------------- SPACING SETTINGS ---------------------------------------- Read more about settings and USWDS spacing units tokens in the documentation: https://designsystem.digital.gov/design-tokens/spacing-units ---------------------------------------- */ /* ---------------------------------------- Border radius ---------------------------------------- 2px 2px 0.5 4px 1 8px 1.5 12px 2 16px 2.5 20px 3 24px 4 32px 5 40px 6 48px 7 56px 8 64px 9 72px ---------------------------------------- */ /* ---------------------------------------- Column gap ---------------------------------------- 2px 2px 0.5 4px 1 8px 2 16px 3 24px 4 32px 5 40px 6 48px ---------------------------------------- */ /* ---------------------------------------- Grid container max-width ---------------------------------------- mobile mobile-lg tablet tablet-lg desktop desktop-lg widescreen ---------------------------------------- */ /* ---------------------------------------- Site ---------------------------------------- */ /* * * * * * ============================== * * * * * ============================== * * * * * ============================== * * * * * ============================== ======================================== ======================================== ======================================== ---------------------------------------- UTILITIES SETTINGS ---------------------------------------- Read more about settings and USWDS utilities in the documentation: https://designsystem.digital.gov/utilities ---------------------------------------- */ /* ---------------------------------------- map-collect() ---------------------------------------- Collect multiple maps into a single large map source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe ---------------------------------------- */ /* ---------------------------------------- Utility breakpoints ---------------------------------------- Which breakpoints does your project need? Select as `true` any breakpoint used by utilities or layout grid ---------------------------------------- */ /* ---------------------------------------- Global colors ---------------------------------------- The following palettes will be added to - background-color - border-color - color - text-decoration-color ---------------------------------------- */ /* ---------------------------------------- Settings ---------------------------------------- */ /* ---------------------------------------- Values ---------------------------------------- */ /* ---------------------------------------- color() ---------------------------------------- Derive a color from a color shortcode ---------------------------------------- */ /* ---------------------------------------- append-important() ---------------------------------------- Append `!important` to a list ---------------------------------------- */ /* ---------------------------------------- get-last() ---------------------------------------- Return the last item of a list, Return null if the value is null ---------------------------------------- */ /* ---------------------------------------- de-list() ---------------------------------------- Transform a one-element list or arglist into that single element. ---------------------------------------- (1) => 1 ((1)) => (1) ---------------------------------------- */ /* ---------------------------------------- error-not-token() ---------------------------------------- Returns a common not-a-token error. ---------------------------------------- */ /* ---------------------------------------- uswds-error() ---------------------------------------- Allow the system to pass an error as text to test error states in unit testing ---------------------------------------- */ /* ---------------------------------------- get-default() ---------------------------------------- Returns the default value from a map of project defaults get-default("bg-color") > $theme-body-background-color ---------------------------------------- */ /* ---------------------------------------- has-important() ---------------------------------------- Check to see if `!important` is being passed in a mixin's props ---------------------------------------- */ /* ---------------------------------------- map-deep-get() ---------------------------------------- @author Hugo Giraudel @access public @param {Map} $map - Map @param {Arglist} $keys - Key chain @return {*} - Desired value ---------------------------------------- */ /* ---------------------------------------- multi-cat() ---------------------------------------- Concatenate two lists ---------------------------------------- */ /* ---------------------------------------- remove() ---------------------------------------- Remove a value from a list ---------------------------------------- */ /* ---------------------------------------- smart-quote() ---------------------------------------- Quotes strings Inspects `px`, `xs`, and `xl` numbers Leaves bools as is ---------------------------------------- */ /* ---------------------------------------- str-replace() ---------------------------------------- Replace any substring with another string ---------------------------------------- */ /* ---------------------------------------- str-split() ---------------------------------------- Split a string at a given separator and convert into a list of substrings ---------------------------------------- */ /* ---------------------------------------- strip-unit() ---------------------------------------- Remove the unit of a length @author Hugo Giraudel @param {Number} $number - Number to remove unit from @return {Number} - Unitless number ---------------------------------------- */ /* ---------------------------------------- base-to-map() @TODO: Deprecate and delete ---------------------------------------- Convert a single base to a USWDS value map. Candidate for deprecation if we remove isReadable ---------------------------------------- */ /* ---------------------------------------- to-number() ---------------------------------------- Casts a string into a number ---------------------------------------- @param {String | Number} $value - Value to be parsed @return {Number} ---------------------------------------- */ /* ---------------------------------------- unpack() ---------------------------------------- Create lists of single items from lists of lists. ---------------------------------------- (1, (2.1, 2.2), 3) --> (1, 2.1, 2.2, 3) ---------------------------------------- */ /* ---------------------------------------- color() ---------------------------------------- Derive a color from a color shortcode ---------------------------------------- */ /* ---------------------------------------- color() ---------------------------------------- Derive a color from a color shortcode ---------------------------------------- */ /* ---------------------------------------- get-system-color() ---------------------------------------- Derive a system color from its family, value, and vivid or a passed variable that is, itself, a list ---------------------------------------- */ /* ---------------------------------------- color() ---------------------------------------- Derive a color from a color shortcode ---------------------------------------- */ /* ---------------------------------------- color() ---------------------------------------- Derive a color from a color shortcode ---------------------------------------- */ /* ---------------------------------------- color() ---------------------------------------- Derive a color from a color shortcode ---------------------------------------- */ /* ---------------------------------------- set-theme-color() ---------------------------------------- Derive a color from a system color token or a hex value ---------------------------------------- */ /* ---------------------------------------- px-to-rem() ---------------------------------------- Converts a value in px to a value in rem ---------------------------------------- */ /* ---------------------------------------- rem-to-user-em() ---------------------------------------- Converts a value in rem to a value in [user-settings] em for use in media queries ---------------------------------------- */ /* ---------------------------------------- px-to-user-em() ---------------------------------------- Converts a value in px to a value in em ---------------------------------------- */ /* ---------------------------------------- rem-to-px() ---------------------------------------- Converts a value in rem to a value in px ---------------------------------------- */ /* ---------------------------------------- spacing-multiple() ---------------------------------------- Converts a spacing unit multiple into the desired final units (currently rem) ---------------------------------------- */ /* ---------------------------------------- units() ---------------------------------------- Converts a spacing unit into the desired final units (currently rem) ---------------------------------------- */ /* ---------------------------------------- number-to-token() ---------------------------------------- Converts an integer or numeric value into a system value Ex: 0.5 --> '05' -1px --> 'neg-1px' ---------------------------------------- */ /* ---------------------------------------- Project fonts ---------------------------------------- Collects font settings in a map for looping. ---------------------------------------- */ /* ---------------------------------------- Luminance ranges ---------------------------------------- */ /* ---------------------------------------- ns() ---------------------------------------- Add a namesspace of $type if that namespace is set to output ---------------------------------------- */ /* ---------------------------------------- Line height ---------------------------------------- */ /* ---------------------------------------- Measure ---------------------------------------- */ /* ---------------------------------------- cap-height() ---------------------------------------- Get the cap height of a valid typeface ---------------------------------------- */ /* ---------------------------------------- validate-typeface-token() ---------------------------------------- Check to see if a typeface-token exists. Throw an error if a passed token does not exist in the typeface-token map. ---------------------------------------- */ /* ---------------------------------------- convert-to-font-type() ---------------------------------------- Converts a font-role token into a font-type token. Leaves font-type tokens unchanged. ---------------------------------------- */ /* ---------------------------------------- font-sources() ---------------------------------------- Outputs a list of font sources used in a @font-face declaration. $theme-font-browser-compatibility: true - output woff2, woff, ttf $theme-font-browser-compatibility: false - output woff2 @param stem: string - [font path]/[custom-src.dir]/[custom-src.[style].[weight]] @output: string filetypes must be one of the filetypes set in variables/$project-font-face-filetypes (woff, woff2, ttf) ---------------------------------------- */ /* ---------------------------------------- get-font-stack() ---------------------------------------- Get a font stack from a style- or role-based font token. ---------------------------------------- */ /* ---------------------------------------- get-typeface-token() ---------------------------------------- Get a typeface token from a font-type or font-role token. ---------------------------------------- */ /* ---------------------------------------- normalize-type-scale() ---------------------------------------- Normalizes a specific face's optical size to a set target ---------------------------------------- */ /* ---------------------------------------- system-type-scale() ---------------------------------------- Get a value from the system type scale ---------------------------------------- */ /* ---------------------------------------- Easing ---------------------------------------- */ /* deprecated.scss --- Occasionally the design system will deprecate old variables or functionality. If we replace the old functionality with something new, this is a place to connect the old functionality to the new functionality, in the service of better continuity and backwards compatibility within a major release cycle. Note the USWDS version where we deprecated the old functionality in a comment. Be sure to update notifications.scss. This file should started fresh at each major version. */ /* ---------------------------------------- advanced-color() ---------------------------------------- Derive a color from a color triplet: [family], [grade], [variant] ---------------------------------------- */ /* ---------------------------------------- calculate-grade() ---------------------------------------- Derive the grade equivalent any color, even non-token colors ---------------------------------------- */ /* ---------------------------------------- color-token-assignment() ---------------------------------------- Get the system token equivalent of any theme color token ---------------------------------------- */ /* ---------------------------------------- is-system-color-token() ---------------------------------------- Return whether a token is a system color token ---------------------------------------- */ /* ---------------------------------------- is-theme-color-token() ---------------------------------------- Return whether a token is a theme color token ---------------------------------------- */ /* ---------------------------------------- color-token-family() ---------------------------------------- Returns the family of a color token. Returns: color-family color-token-family("accent-warm-vivid") > "accent-warm" color-token-family("red-50v") > "red" color-token-variant(("red", 50, "vivid")) > "red" ---------------------------------------- */ /* ---------------------------------------- decompose() ---------------------------------------- Convert a color token into into a list of form [family], [grade], [variant] Vivid variants return "vivid" as the variant. If neither grade nor variant exists, returns 'null' ---------------------------------------- */ /* ---------------------------------------- color-token-family() ---------------------------------------- Returns the family of a color token. Returns: color-family color-token-family("accent-warm-vivid") > "accent-warm" color-token-family("red-50v") > "red" color-token-variant(("red", 50, "vivid")) > "red" ---------------------------------------- */ /* ---------------------------------------- color-token-grade() ---------------------------------------- Returns the grade of a USWDS color token. Returns: color-grade color-token-grade("accent-warm") > "root" color-token-grade("accent-warm-vivid") > "root" color-token-grade("accent-warm-darker") > "darker" color-token-grade("red-50v") > 50 color-token-variant(("red", 50, "vivid")) > 50 ---------------------------------------- */ /* ---------------------------------------- color-token-family() ---------------------------------------- Returns the family of a color token. Returns: color-family color-token-family("accent-warm-vivid") > "accent-warm" color-token-family("red-50v") > "red" color-token-variant(("red", 50, "vivid")) > "red" ---------------------------------------- */ /* ---------------------------------------- is-color-token() ---------------------------------------- Returns whether a given string is a USWDS color token. ---------------------------------------- */ /* ---------------------------------------- pow() ---------------------------------------- Raises a unitless number to the power of another unitless number Includes helper functions ---------------------------------------- */ /* ---------------------------------------- Helper functions ---------------------------------------- */ /* factorial() ---------------------------------------- */ /* summation() ---------------------------------------- */ /* exp-maclaurin() ---------------------------------------- */ /* ln() ---------------------------------------- */ /* ---------------------------------------- color-token-type() ---------------------------------------- Returns the type of a color token. Returns: "system" | "theme" ---------------------------------------- */ /* ---------------------------------------- color-token-variant() ---------------------------------------- Returns the variant of color token. Returns: "vivid" | false color-token-variant("accent-warm") > false color-token-variant("accent-warm-vivid") > "vivid" color-token-variant("red-50v") > "vivid" color-token-variant(("red", 50, "vivid")) > "vivid" ---------------------------------------- */ /* ---------------------------------------- magic-number() ---------------------------------------- Returns the magic number of two color grades. Takes numbers or color tokens. magic-number(50, 10) return: 40 magic-number("red-50", "red-10") return: 40 ---------------------------------------- */ /* ---------------------------------------- is-accessible-magic-number() ---------------------------------------- Returns whether two grades achieve specified target color contrast Returns: true | false is-accessible-magic-number(10, 50, "AA") > false is-accessible-magic-number(10, 60, "AA") > true ---------------------------------------- */ /* ---------------------------------------- wcag-magic-number() ---------------------------------------- Returns the magic number of a specific wcag grade: "AA" "AA-Large" "AAA" wcag-magic-number("AA") > 50 ---------------------------------------- */ /* ---------------------------------------- get-link-tokens-from-bg() ---------------------------------------- Get accessible link colors for a given background color returns: link-token, hover-token get-link-tokens-from-bg( "black", "red-60", "red-10", "AA") > "red-10", "red-5" get-link-tokens-from-bg( "black", "red-60v", "red-10v", "AA-large") > "red-60v", "red-50v" get-link-tokens-from-bg( "black", "red-5v", "red-60v", "AA") > "red-5v", "white" get-link-tokens-from-bg( "black", "white", "red-60v", "AA") > "white", "white" ---------------------------------------- */ /* ---------------------------------------- next-token() ---------------------------------------- Returns next "darker" or "lighter" color token of the same token type and variant. Returns: color-token | false next-token("accent-warm", "lighter") > "accent-warm-light" next-token("gray-10", "lighter") > "gray-5" next-token("gray-5", "lighter") > "white" next-token("white", "lighter") > false next-token("red-50v", "darker") > "red-60v" next-token("red-50", "darker") > "red-60" next-token("red-80v", "darker") > "red-90" next-token("red-90", "darker") > "black" next-token("white", "darker") > "gray-5" next-token("black", "lighter") > "gray-90" ---------------------------------------- */ /* ---------------------------------------- test-colors() ---------------------------------------- Check to see if all system colors fall between the proper relative luminance range for their grade. Has a couple quirks, as the luminance() function returns slightly different results than expected. ---------------------------------------- */ /* ---------------------------------------- columns() ---------------------------------------- outputs a grid-col number based on the number of desired columns in the 12-column grid Ex: columns(2) --> 6 grid-col(columns(2)) ---------------------------------------- */ /* ---------------------------------------- USWDS Properties ---------------------------------------- */ /* ---------------------------------------- get-uswds-value() ---------------------------------------- Finds and outputs a value from the USWDS standard values. Used to build other standard utility functions and mixins. ---------------------------------------- */ /* ---------------------------------------- get-standard-values() ---------------------------------------- Gets a map of USWDS standard values for a property ---------------------------------------- */ /* ---------------------------------------- border-radius() ---------------------------------------- Get a border-radius from the system border-radii ---------------------------------------- */ /* ---------------------------------------- font-weight() fw() ---------------------------------------- Get a font-weight value from the system font-weight ---------------------------------------- */ /* ---------------------------------------- feature() ---------------------------------------- Gets a valid USWDS font feature setting ---------------------------------------- */ /* ---------------------------------------- flex() ---------------------------------------- Gets a valid USWDS flex value ---------------------------------------- */ /* ---------------------------------------- font-family() family() ---------------------------------------- Get a font-family stack from a role-based or type-based font family ---------------------------------------- */ /* ---------------------------------------- letter-spacing() ls() ---------------------------------------- Get a letter-spacing value from the system letter-spacing ---------------------------------------- */ /* ---------------------------------------- measure() ---------------------------------------- Gets a valid USWDS reading line length ---------------------------------------- */ /* ---------------------------------------- opacity() ---------------------------------------- Get an opacity from the system opacities ---------------------------------------- */ /* ---------------------------------------- order() ---------------------------------------- Get an order value from the system orders ---------------------------------------- */ /* ---------------------------------------- radius() ---------------------------------------- Get a border-radius value from the system letter-spacing ---------------------------------------- */ /* ---------------------------------------- font-size() ---------------------------------------- Get type scale value from a [family] and [scale] ---------------------------------------- */ /* ---------------------------------------- z-index() z() ---------------------------------------- Get a z-index value from the system z-index ---------------------------------------- */ /* ---------------------------------------- utility-font() ---------------------------------------- Get a normalized font-size in rem from a family and a type size in either system scale or project scale ---------------------------------------- Not the public-facing function. Used for building the utilities and withholds certain errors. ---------------------------------------- */ /* ---------------------------------------- family() ---------------------------------------- Get a font-family stack ---------------------------------------- */ /* ---------------------------------------- size() ---------------------------------------- Get a normalized font-size in rem from a family and a type size in either system scale or project scale ---------------------------------------- */ /* ---------------------------------------- font() ---------------------------------------- Get a font-family stack AND Get a normalized font-size in rem from a family and a type size in either system scale or project scale ---------------------------------------- */ /* ---------------------------------------- typeset() ---------------------------------------- Sets: - family - size - line-height ---------------------------------------- */ /* stylelint-disable max-nesting-depth */ /* ---------------------------------------- @render-pseudoclass ---------------------------------------- Build a pseucoclass utiliy from values calculated in the @render-utilities-in loop ---------------------------------------- */ /* ---------------------------------------- @render-utility ---------------------------------------- Build a utility from values calculated in the @render-utilities-in loop ---------------------------------------- TODO: Determine the proper use of unquote() in the following. Changed to account for a 'interpolation near operators will be simplified in a future version of Sass' warning. ---------------------------------------- */ /* ---------------------------------------- @render-utilities-in ---------------------------------------- The master loop that sets the building blocks of utilities from the values in individual rule settings and loops through all possible variants ---------------------------------------- */ /* stylelint-enable */ /* notifications.scss --- Adds a notification at the top of each USWDS compile. Use this file for important notifications and updates to the design system. This file should started fresh at each major version. */ /* prettier-ignore */ /* prettier-ignore */ .usa-textarea, .usa-range, .usa-radio__label, .usa-input-group, .usa-hint, .usa-combo-box__input, .usa-combo-box__list, .usa-select, .usa-checkbox__label, .usa-fieldset, .usa-input { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.4; } .usa-textarea, .usa-range, .usa-input-group, .usa-combo-box__input, .usa-select, .usa-input { border-width: 1px; border-color: #565c65; border-style: solid; appearance: none; border-radius: 0; color: #1b1b1b; display: block; height: 2.5rem; margin-top: 0.5rem; max-width: 30rem; padding: 0.5rem; width: 100%; } /*! uswds @version */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Correct the inheritance of border color in Firefox. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ color: inherit; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Add the correct text decoration in Safari. */ abbr[title] { text-decoration: underline; text-decoration: underline dotted; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Remove the inheritance of text transform in Firefox. */ button, select { text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule in Firefox. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ legend { padding: 0; } /** * Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /** * Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /** * Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* stylelint-disable */ @font-face { font-family: "Public Sans Web"; font-style: normal; font-weight: 300; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-Light-0d0b7c85.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: normal; font-weight: 400; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-Regular-4d668509.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: normal; font-weight: 700; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-Bold-ddb0ef52.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: italic; font-weight: 300; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-LightItalic-dce3fc8b.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: italic; font-weight: 400; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-Italic-94fa7e4a.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: italic; font-weight: 700; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-BoldItalic-b3cbf2f8.woff2") format("woff2"); } @font-face { font-family: "Roboto Mono Web"; font-style: normal; font-weight: 300; font-display: fallback; src: url("/fonts/roboto-mono/roboto-mono-v5-latin-300.woff2") format("woff2"); } @font-face { font-family: "Roboto Mono Web"; font-style: normal; font-weight: 400; font-display: fallback; src: url("/fonts/roboto-mono/roboto-mono-v5-latin-regular.woff2") format("woff2"); } @font-face { font-family: "Roboto Mono Web"; font-style: normal; font-weight: 700; font-display: fallback; src: url("/fonts/roboto-mono/roboto-mono-v5-latin-700.woff2") format("woff2"); } @font-face { font-family: "Roboto Mono Web"; font-style: italic; font-weight: 300; font-display: fallback; src: url("/fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff2") format("woff2"); } @font-face { font-family: "Roboto Mono Web"; font-style: italic; font-weight: 400; font-display: fallback; src: url("/fonts/roboto-mono/roboto-mono-v5-latin-italic.woff2") format("woff2"); } @font-face { font-family: "Roboto Mono Web"; font-style: italic; font-weight: 700; font-display: fallback; src: url("/fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: normal; font-weight: 300; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-Light-0d0b7c85.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: normal; font-weight: 400; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-Regular-4d668509.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: normal; font-weight: 700; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-Bold-ddb0ef52.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: italic; font-weight: 300; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-LightItalic-dce3fc8b.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: italic; font-weight: 400; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-Italic-94fa7e4a.woff2") format("woff2"); } @font-face { font-family: "Public Sans Web"; font-style: italic; font-weight: 700; font-display: fallback; src: url("/assets/fonts/public-sans/PublicSans-BoldItalic-b3cbf2f8.woff2") format("woff2"); } @font-face { font-family: "Merriweather Web"; font-style: normal; font-weight: 300; font-display: fallback; src: url("/fonts/merriweather/Latin-Merriweather-Light.woff2") format("woff2"); } @font-face { font-family: "Merriweather Web"; font-style: normal; font-weight: 400; font-display: fallback; src: url("/fonts/merriweather/Latin-Merriweather-Regular.woff2") format("woff2"); } @font-face { font-family: "Merriweather Web"; font-style: normal; font-weight: 700; font-display: fallback; src: url("/fonts/merriweather/Latin-Merriweather-Bold.woff2") format("woff2"); } @font-face { font-family: "Merriweather Web"; font-style: italic; font-weight: 300; font-display: fallback; src: url("/fonts/merriweather/Latin-Merriweather-LightItalic.woff2") format("woff2"); } @font-face { font-family: "Merriweather Web"; font-style: italic; font-weight: 400; font-display: fallback; src: url("/fonts/merriweather/Latin-Merriweather-Italic.woff2") format("woff2"); } @font-face { font-family: "Merriweather Web"; font-style: italic; font-weight: 700; font-display: fallback; src: url("/fonts/merriweather/Latin-Merriweather-BoldItalic.woff2") format("woff2"); } /* stylelint-enable */ body { color: #1b1b1b; background-color: white; overflow-x: hidden; } input:not([disabled]):focus, select:not([disabled]):focus, textarea:not([disabled]):focus, button:not([disabled]):focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } iframe:focus, [href]:focus, [tabindex]:focus, [contentEditable=true]:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } img { max-width: 100%; } .usa-media-link { display: inline-block; line-height: 0; } html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } html { font-feature-settings: "kern" 1; font-kerning: normal; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 100%; } cite, var, address, dfn { font-style: normal; } .usa-focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-sr-only { position: absolute; left: -999em; right: auto; } .usa-content p, .usa-content ul:not(.usa-accordion):not(.usa-accordion--bordered), .usa-content ol:not(.usa-accordion):not(.usa-accordion--bordered) { max-width: 88ex; } .usa-dark-background { background-color: #3d4551; } .usa-dark-background p, .usa-dark-background span { color: white; } .usa-dark-background a { color: #dfe1e2; } .usa-dark-background a:visited { color: #dfe1e2; } .usa-dark-background a:hover, .usa-dark-background a:active { color: #f0f0f0; } .usa-display { margin-bottom: 0; margin-top: 0; clear: both; font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; line-height: 1.2; font-weight: 700; margin-bottom: 0; } * + .usa-display { margin-top: 1.5em; } .usa-display + * { margin-top: 1em; } @media all and (min-width: 30em) { .usa-display { margin-bottom: 0; margin-top: 0; clear: both; font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.44rem; line-height: 1.2; font-weight: 700; } * + .usa-display { margin-top: 1.5em; } .usa-display + * { margin-top: 1em; } } @media all and (min-width: 40em) { .usa-display { margin-bottom: 0; margin-top: 0; clear: both; font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.93rem; line-height: 1.2; font-weight: 700; } * + .usa-display { margin-top: 1.5em; } .usa-display + * { margin-top: 1em; } } .usa-intro { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; line-height: 1.8; font-weight: 400; max-width: 88ex; } .usa-icon { display: inline-block; fill: currentColor; height: 1em; position: relative; width: 1em; } .usa-icon--size-3 { height: 1.5rem; width: 1.5rem; } .usa-icon--size-4 { height: 2rem; width: 2rem; } .usa-icon--size-5 { height: 2.5rem; width: 2.5rem; } .usa-icon--size-6 { height: 3rem; width: 3rem; } .usa-icon--size-7 { height: 3.5rem; width: 3.5rem; } .usa-icon--size-8 { height: 4rem; width: 4rem; } .usa-icon--size-9 { height: 4.5rem; width: 4.5rem; } .usa-link { color: #005ea2; text-decoration: underline; } .usa-link:visited { color: #54278f; } .usa-link:hover { color: #1a4480; } .usa-link:active { color: #252f3e; } .usa-link:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-link--external { display: inline; } .usa-link--external::before { position: absolute; left: -999em; right: auto; content: "External."; } .usa-link--external[target=_blank]::before { position: absolute; left: -999em; right: auto; content: "External, opens in a new tab."; } .usa-link--external::after { background-image: url("../img/usa-icons/launch.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.75ex 1.75ex; display: inline-block; height: 1.75ex; width: 1.75ex; content: ""; display: inline; margin-top: 0.7ex; margin-left: 2px; padding-left: 1.75ex; vertical-align: middle; } @supports (mask: url("")) { .usa-link--external::after { background: none; background-color: currentColor; mask-image: url("../img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.75ex 1.75ex; } } .usa-link--external.usa-link--alt { display: inline; } .usa-link--external.usa-link--alt::before { position: absolute; left: -999em; right: auto; content: "External."; } .usa-link--external.usa-link--alt[target=_blank]::before { position: absolute; left: -999em; right: auto; content: "External, opens in a new tab."; } .usa-link--external.usa-link--alt::after { background-image: url("../img/usa-icons-bg/launch--white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.75ex 1.75ex; display: inline-block; height: 1.75ex; width: 1.75ex; content: ""; display: inline; margin-top: 0.7ex; margin-left: 2px; padding-left: 1.75ex; vertical-align: middle; } @supports (mask: url("")) { .usa-link--external.usa-link--alt::after { background: none; background-color: currentColor; mask-image: url("../img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.75ex 1.75ex; } } .usa-list { margin-bottom: 1em; margin-top: 1em; line-height: 1.6; padding-left: 3ch; } .usa-list:last-child { margin-bottom: 0; } .usa-list ul, .usa-list ol { margin-top: 0.25em; } .usa-list li { margin-bottom: 0.25em; max-width: 88ex; } .usa-list li:last-child { margin-bottom: 0; } .usa-list--unstyled { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; } .usa-list--unstyled > li { margin-bottom: 0; max-width: unset; } .usa-prose .usa-list--unstyled { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; } .usa-prose .usa-list--unstyled > li { margin-bottom: 0; max-width: unset; } .usa-paragraph { line-height: 1.6; max-width: 88ex; margin-bottom: 0; margin-top: 0; } * + .usa-paragraph { margin-top: 1em; } .usa-paragraph + * { margin-top: 1em; } .usa-prose { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; } .usa-prose > ul, .usa-prose > ol { margin-bottom: 1em; margin-top: 1em; line-height: 1.6; padding-left: 3ch; } .usa-prose > ul:last-child, .usa-prose > ol:last-child { margin-bottom: 0; } .usa-prose > ul ul, .usa-prose > ul ol, .usa-prose > ol ul, .usa-prose > ol ol { margin-top: 0.25em; } .usa-prose > ul li, .usa-prose > ol li { margin-bottom: 0.25em; max-width: 88ex; } .usa-prose > ul li:last-child, .usa-prose > ol li:last-child { margin-bottom: 0; } .usa-prose > table { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; border-collapse: collapse; border-spacing: 0; color: #1b1b1b; margin: 1.25rem 0; text-align: left; /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ } .usa-prose > table thead td, .usa-prose > table tfoot td, .usa-prose > table th { background-clip: padding-box; line-height: 1.4; background-color: #dfe1e2; color: #1b1b1b; } .usa-prose > table th, .usa-prose > table td { border: 1px solid #1b1b1b; padding: 0.5rem 1rem; } .usa-prose > table td { background-color: white; font-weight: normal; } .usa-prose > table caption { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.94rem; font-weight: 700; margin-bottom: 0.75rem; text-align: left; } .usa-prose > table th[data-sortable] { padding-right: 2.5rem; position: relative; } .usa-prose > table th[data-sortable]::after { border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; bottom: 0; content: ""; height: 0; left: 0; position: absolute; width: 100%; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; height: 2rem; width: 2rem; background-position: center center; background-size: 1.5rem; color: #71767a; cursor: pointer; display: inline-block; margin: 0; position: absolute; right: 0.25rem; text-align: center; text-decoration: none; top: 50%; transform: translate(0, -50%); } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:visited, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:visited { color: #54278f; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:hover { color: #1a4480; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:active { color: #252f3e; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-button--hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-button--active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:focus, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-focus, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-focus, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--hover { color: #1a4480; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--active { color: #252f3e; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus { color: GrayText; } } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon { height: 1.5rem; width: 1.5rem; vertical-align: middle; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon > g, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon > g { fill: transparent; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon > g.unsorted, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon > g.unsorted { fill: #1b1b1b; } .usa-prose > table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon > g.unsorted, .usa-prose > table th[data-sortable][aria-sort=none] .usa-table__header__button:hover .usa-icon > g.unsorted { fill: black; } .usa-prose > table th[data-sortable][aria-sort=descending], .usa-prose > table th[data-sortable][aria-sort=ascending] { background-color: #97d4ea; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; height: 2rem; width: 2rem; background-position: center center; background-size: 1.5rem; color: #71767a; cursor: pointer; display: inline-block; margin: 0; position: absolute; right: 0.25rem; text-align: center; text-decoration: none; top: 50%; transform: translate(0, -50%); } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:visited { color: #54278f; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:hover { color: #1a4480; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:active { color: #252f3e; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:focus, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-focus, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-focus, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--hover { color: #1a4480; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--active { color: #252f3e; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus { color: GrayText; } } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon { height: 1.5rem; width: 1.5rem; vertical-align: middle; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon > g { fill: transparent; } .usa-prose > table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon > g.descending { fill: #1b1b1b; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; height: 2rem; width: 2rem; background-position: center center; background-size: 1.5rem; color: #71767a; cursor: pointer; display: inline-block; margin: 0; position: absolute; right: 0.25rem; text-align: center; text-decoration: none; top: 50%; transform: translate(0, -50%); } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:visited { color: #54278f; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:hover { color: #1a4480; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:active { color: #252f3e; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-button--active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:focus, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-focus, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-focus, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--hover { color: #1a4480; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--active { color: #252f3e; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true], .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover, .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus { color: GrayText; } } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon { height: 1.5rem; width: 1.5rem; vertical-align: middle; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon > g { fill: transparent; } .usa-prose > table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon > g.ascending { fill: #1b1b1b; } .usa-prose > table thead th[aria-sort] { background-color: #97d4ea; color: #1b1b1b; } .usa-prose > table td[data-sort-active], .usa-prose > table th[data-sort-active] { background-color: #e1f3f8; color: #1b1b1b; } .usa-prose > .usa-table--borderless { /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ } .usa-prose > .usa-table--borderless th, .usa-prose > .usa-table--borderless thead td, .usa-prose > .usa-table--borderless tfoot td { background-color: white; } .usa-prose > .usa-table--borderless th { border-top: 0; color: #1b1b1b; } .usa-prose > .usa-table--borderless th[aria-sort] { color: #1b1b1b; } .usa-prose > .usa-table--borderless th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon > g.unsorted { fill: #1b1b1b; } .usa-prose > .usa-table--borderless th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon > g.unsorted { fill: black; } .usa-prose > .usa-table--borderless th, .usa-prose > .usa-table--borderless td { border-left: 0; border-right: 0; } .usa-prose > .usa-table--compact th, .usa-prose > .usa-table--compact td { padding: 0.25rem 0.75rem; } .usa-prose > .usa-table--striped tbody tr:nth-child(odd) td { background-color: #f0f0f0; color: #1b1b1b; } .usa-prose > .usa-table--striped tbody tr:nth-child(odd) td[data-sort-active] { background-color: #c3ebfa; color: #1b1b1b; } @media all and (max-width: 29.99em) { .usa-prose > .usa-table--stacked thead { display: none; } .usa-prose > .usa-table--stacked th { background-color: white; } .usa-prose > .usa-table--stacked th, .usa-prose > .usa-table--stacked td { border-bottom-width: 0; display: block; width: 100%; } .usa-prose > .usa-table--stacked tr { border-bottom: 0.25rem solid #1b1b1b; border-top-width: 0; width: 100%; } .usa-prose > .usa-table--stacked tr th:first-child, .usa-prose > .usa-table--stacked tr td:first-child { border-top-width: 0; } .usa-prose > .usa-table--stacked tr:nth-child(odd) td, .usa-prose > .usa-table--stacked tr:nth-child(odd) th { background-color: inherit; } .usa-prose > .usa-table--stacked tr:first-child th:first-child, .usa-prose > .usa-table--stacked tr:first-child td:first-child { border-top: 0.25rem solid #1b1b1b; } .usa-prose > .usa-table--stacked th[data-label], .usa-prose > .usa-table--stacked td[data-label] { padding-bottom: 0.75rem; } .usa-prose > .usa-table--stacked th[data-label]:before, .usa-prose > .usa-table--stacked td[data-label]:before { content: attr(data-label); display: block; font-weight: 700; margin: -0.5rem -1rem 0rem; padding: 0.75rem 1rem 0.25rem; } } @media all and (max-width: 29.99em) { .usa-prose > .usa-table--stacked-header thead { display: none; } .usa-prose > .usa-table--stacked-header th { background-color: white; } .usa-prose > .usa-table--stacked-header th, .usa-prose > .usa-table--stacked-header td { border-bottom-width: 0; display: block; width: 100%; } .usa-prose > .usa-table--stacked-header tr { border-bottom: 0.25rem solid #1b1b1b; border-top-width: 0; width: 100%; } .usa-prose > .usa-table--stacked-header tr th:first-child, .usa-prose > .usa-table--stacked-header tr td:first-child { border-top-width: 0; } .usa-prose > .usa-table--stacked-header tr:nth-child(odd) td, .usa-prose > .usa-table--stacked-header tr:nth-child(odd) th { background-color: inherit; } .usa-prose > .usa-table--stacked-header tr:first-child th:first-child, .usa-prose > .usa-table--stacked-header tr:first-child td:first-child { border-top: 0.25rem solid #1b1b1b; } .usa-prose > .usa-table--stacked-header th[data-label], .usa-prose > .usa-table--stacked-header td[data-label] { padding-bottom: 0.75rem; } .usa-prose > .usa-table--stacked-header th[data-label]:before, .usa-prose > .usa-table--stacked-header td[data-label]:before { content: attr(data-label); display: block; font-weight: 700; margin: -0.5rem -1rem 0rem; padding: 0.75rem 1rem 0.25rem; } .usa-prose > .usa-table--stacked-header tr td:first-child, .usa-prose > .usa-table--stacked-header tr th:first-child { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.2; background-color: #dfe1e2; color: #1b1b1b; font-weight: 700; padding: 0.75rem 1rem; } .usa-prose > .usa-table--stacked-header tr td:first-child:before, .usa-prose > .usa-table--stacked-header tr th:first-child:before { display: none; } } .usa-prose > .width-mobile .usa-table--stacked thead { display: none; } .usa-prose > .width-mobile .usa-table--stacked th { background-color: white; } .usa-prose > .width-mobile .usa-table--stacked th, .usa-prose > .width-mobile .usa-table--stacked td { border-bottom-width: 0; display: block; width: 100%; } .usa-prose > .width-mobile .usa-table--stacked tr { border-bottom: 0.25rem solid #1b1b1b; border-top-width: 0; width: 100%; } .usa-prose > .width-mobile .usa-table--stacked tr th:first-child, .usa-prose > .width-mobile .usa-table--stacked tr td:first-child { border-top-width: 0; } .usa-prose > .width-mobile .usa-table--stacked tr:nth-child(odd) td, .usa-prose > .width-mobile .usa-table--stacked tr:nth-child(odd) th { background-color: inherit; } .usa-prose > .width-mobile .usa-table--stacked tr:first-child th:first-child, .usa-prose > .width-mobile .usa-table--stacked tr:first-child td:first-child { border-top: 0.25rem solid #1b1b1b; } .usa-prose > .width-mobile .usa-table--stacked th[data-label], .usa-prose > .width-mobile .usa-table--stacked td[data-label] { padding-bottom: 0.75rem; } .usa-prose > .width-mobile .usa-table--stacked th[data-label]:before, .usa-prose > .width-mobile .usa-table--stacked td[data-label]:before { content: attr(data-label); display: block; font-weight: 700; margin: -0.5rem -1rem 0rem; padding: 0.75rem 1rem 0.25rem; } .usa-prose > .width-mobile .usa-table--stacked-header thead { display: none; } .usa-prose > .width-mobile .usa-table--stacked-header th { background-color: white; } .usa-prose > .width-mobile .usa-table--stacked-header th, .usa-prose > .width-mobile .usa-table--stacked-header td { border-bottom-width: 0; display: block; width: 100%; } .usa-prose > .width-mobile .usa-table--stacked-header tr { border-bottom: 0.25rem solid #1b1b1b; border-top-width: 0; width: 100%; } .usa-prose > .width-mobile .usa-table--stacked-header tr th:first-child, .usa-prose > .width-mobile .usa-table--stacked-header tr td:first-child { border-top-width: 0; } .usa-prose > .width-mobile .usa-table--stacked-header tr:nth-child(odd) td, .usa-prose > .width-mobile .usa-table--stacked-header tr:nth-child(odd) th { background-color: inherit; } .usa-prose > .width-mobile .usa-table--stacked-header tr:first-child th:first-child, .usa-prose > .width-mobile .usa-table--stacked-header tr:first-child td:first-child { border-top: 0.25rem solid #1b1b1b; } .usa-prose > .width-mobile .usa-table--stacked-header th[data-label], .usa-prose > .width-mobile .usa-table--stacked-header td[data-label] { padding-bottom: 0.75rem; } .usa-prose > .width-mobile .usa-table--stacked-header th[data-label]:before, .usa-prose > .width-mobile .usa-table--stacked-header td[data-label]:before { content: attr(data-label); display: block; font-weight: 700; margin: -0.5rem -1rem 0rem; padding: 0.75rem 1rem 0.25rem; } .usa-prose > .width-mobile .usa-table--stacked-header tr td:first-child, .usa-prose > .width-mobile .usa-table--stacked-header tr th:first-child { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.2; background-color: #dfe1e2; color: #1b1b1b; font-weight: 700; padding: 0.75rem 1rem; } .usa-prose > .width-mobile .usa-table--stacked-header tr td:first-child:before, .usa-prose > .width-mobile .usa-table--stacked-header tr th:first-child:before { display: none; } .usa-prose > .usa-table-container--scrollable { margin: 1.25rem 0; overflow-y: hidden; } .usa-prose > .usa-table-container--scrollable .usa-table { margin: 0; } .usa-prose > .usa-table-container--scrollable td { white-space: nowrap; } .usa-prose > p { line-height: 1.6; max-width: 88ex; } .usa-prose > h1, .usa-prose > h2, .usa-prose > h3, .usa-prose > h4, .usa-prose > h5, .usa-prose > h6 { margin-bottom: 0; margin-top: 0; clear: both; } .usa-prose > * + * { margin-top: 1em; margin-bottom: 0; } .usa-prose > * + h1, .usa-prose > * + h2, .usa-prose > * + h3, .usa-prose > * + h4, .usa-prose > * + h5, .usa-prose > * + h6 { margin-top: 1.5em; } .usa-prose > h1 { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.44rem; line-height: 1.2; font-weight: 700; } .usa-prose > h2 { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; line-height: 1.2; font-weight: 700; } .usa-prose > h3 { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; line-height: 1.2; font-weight: 700; } .usa-prose > h4 { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; line-height: 1.2; font-weight: 700; } .usa-prose > h5 { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.91rem; line-height: 1.2; font-weight: 700; } .usa-prose > h6 { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.81rem; line-height: 1.2; font-weight: normal; letter-spacing: 0.025em; text-transform: uppercase; } .usa-accordion { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; color: #1b1b1b; margin: 0; padding: 0; width: 100%; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; } .usa-accordion > li { margin-bottom: 0; max-width: unset; } .usa-accordion > ul li ul { list-style: disc; } .usa-accordion > ul li ul > li > ul { list-style: circle; } .usa-accordion > ul li ul > li > ul > li > ul { list-style: square; } .usa-accordion + .usa-accordion, .usa-accordion + .usa-accordion--bordered { margin-top: 0.5rem; } .usa-accordion--bordered .usa-accordion__content { border-bottom: 0.25rem solid #f0f0f0; border-left: 0.25rem solid #f0f0f0; border-right: 0.25rem solid #f0f0f0; padding-bottom: 1rem; } .usa-accordion--bordered .usa-accordion__heading { margin-bottom: 0; } .usa-accordion__heading, .usa-prose .usa-accordion__heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1; margin: 0; } .usa-accordion__heading:not(:first-child), .usa-prose .usa-accordion__heading:not(:first-child) { margin-top: 0.5rem; } .usa-accordion__content { color: #1b1b1b; background-color: white; margin-top: 0; overflow: auto; padding: 1rem 1.25rem calc(1rem - 0.25rem) 1.25rem; } .usa-accordion__content > *:first-child { margin-top: 0; } .usa-accordion__content > *:last-child { margin-bottom: 0; } .usa-accordion__button { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; color: #1b1b1b; background-color: #f0f0f0; background-image: url("../img/usa-icons/remove.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: right 1.25rem center; background-size: 1.5rem; cursor: pointer; display: inline-block; font-weight: 700; margin: 0; padding: 1rem 3.5rem 1rem 1.25rem; text-decoration: none; width: 100%; } .usa-accordion__button:visited { color: #54278f; } .usa-accordion__button:hover { color: #1a4480; } .usa-accordion__button:active { color: #252f3e; } .usa-accordion__button:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-accordion__button:hover, .usa-accordion__button.usa-button--hover, .usa-accordion__button:disabled:hover, .usa-accordion__button[aria-disabled=true]:hover, .usa-accordion__button:disabled.usa-button--hover, .usa-accordion__button[aria-disabled=true].usa-button--hover, .usa-accordion__button:active, .usa-accordion__button.usa-button--active, .usa-accordion__button:disabled:active, .usa-accordion__button[aria-disabled=true]:active, .usa-accordion__button:disabled.usa-button--active, .usa-accordion__button[aria-disabled=true].usa-button--active, .usa-accordion__button:disabled:focus, .usa-accordion__button[aria-disabled=true]:focus, .usa-accordion__button:disabled.usa-focus, .usa-accordion__button[aria-disabled=true].usa-focus, .usa-accordion__button:disabled, .usa-accordion__button[aria-disabled=true], .usa-accordion__button.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-accordion__button.usa-button--hover { color: #1a4480; } .usa-accordion__button.usa-button--active { color: #252f3e; } .usa-accordion__button:disabled, .usa-accordion__button[aria-disabled=true], .usa-accordion__button:disabled:hover, .usa-accordion__button[aria-disabled=true]:hover, .usa-accordion__button[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-accordion__button:disabled, .usa-accordion__button[aria-disabled=true], .usa-accordion__button:disabled:hover, .usa-accordion__button[aria-disabled=true]:hover, .usa-accordion__button[aria-disabled=true]:focus { color: GrayText; } } .usa-accordion__button:hover { color: #1b1b1b; background-color: #dfe1e2; background-image: url("../img/usa-icons/remove.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; text-decoration: none; } @media (forced-colors: active) { .usa-accordion__button { border: 2px solid transparent; position: relative; } .usa-accordion__button::before { background-image: url("../img/usa-icons/remove.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.5rem 1.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; height: 100%; position: absolute; right: 1.25rem; top: 0; content: ""; } @supports (mask: url("")) { .usa-accordion__button::before { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/remove.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.5rem 1.5rem; } } } .usa-accordion__button[aria-expanded=false] { background-image: url("../img/usa-icons/add.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: 1.5rem; } .usa-accordion__button[aria-expanded=false]:hover { background-image: url("../img/usa-icons/add.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } @media (forced-colors: active) { .usa-accordion__button[aria-expanded=false]::before { background-image: url("../img/usa-icons/add.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.5rem 1.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; height: 100%; position: absolute; right: 1.25rem; top: 0; } @supports (mask: url("")) { .usa-accordion__button[aria-expanded=false]::before { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/add.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.5rem 1.5rem; } } } .usa-alert { background-color: #f0f0f0; border-left: 0.5rem solid #a9aeb1; color: #1b1b1b; } .usa-alert .usa-alert__body { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; padding-bottom: 1rem; padding-top: 1rem; position: relative; } .usa-alert .usa-alert__text { margin-bottom: 0; margin-top: 0; } .usa-alert .usa-alert__text:only-child { padding-bottom: 0; padding-top: 0; } .usa-alert .usa-alert__heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.38rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; } .usa-alert > .usa-list, .usa-alert .usa-alert__body > .usa-list { padding-left: 2ch; } .usa-alert > .usa-list:last-child, .usa-alert .usa-alert__body > .usa-list:last-child { margin-bottom: 0; } .usa-alert .usa-alert__body { padding-left: 1.25rem; padding-right: 1.25rem; } .usa-alert .usa-alert__body::before { left: 1.0833333333rem; } * + .usa-alert { margin-top: 1rem; } .usa-alert--success { background-color: #ecf3ec; border-left-color: #00a91c; } .usa-alert--success .usa-alert__body { color: #1b1b1b; background-color: #ecf3ec; display: flex; flex-direction: column; justify-content: center; min-height: 3.3333333333rem; } .usa-alert--success .usa-alert__body::before { background-image: url("../img/usa-icons/check_circle.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2rem 2rem; display: inline-block; height: 2rem; width: 2rem; content: ""; display: block; position: absolute; top: 0.6666666667rem; } @supports (mask: url("")) { .usa-alert--success .usa-alert__body::before { background: none; background-color: #1b1b1b; mask-image: url("../img/usa-icons/check_circle.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2rem 2rem; } } .usa-alert--success .usa-alert__body > * { margin-left: 2.5rem; } .usa-alert--success .usa-alert__body .usa-link { color: #005ea2; } .usa-alert--success .usa-alert__body .usa-link:visited { color: #54278f; } .usa-alert--success .usa-alert__body .usa-link:hover, .usa-alert--success .usa-alert__body .usa-link:active { color: #1a4480; } .usa-alert--warning { background-color: #faf3d1; border-left-color: #ffbe2e; } .usa-alert--warning .usa-alert__body { color: #1b1b1b; background-color: #faf3d1; display: flex; flex-direction: column; justify-content: center; min-height: 3.3333333333rem; } .usa-alert--warning .usa-alert__body::before { background-image: url("../img/usa-icons/warning.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2rem 2rem; display: inline-block; height: 2rem; width: 2rem; content: ""; display: block; position: absolute; top: 0.6666666667rem; } @supports (mask: url("")) { .usa-alert--warning .usa-alert__body::before { background: none; background-color: #1b1b1b; mask-image: url("../img/usa-icons/warning.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2rem 2rem; } } .usa-alert--warning .usa-alert__body > * { margin-left: 2.5rem; } .usa-alert--warning .usa-alert__body .usa-link { color: #005ea2; } .usa-alert--warning .usa-alert__body .usa-link:visited { color: #54278f; } .usa-alert--warning .usa-alert__body .usa-link:hover, .usa-alert--warning .usa-alert__body .usa-link:active { color: #1a4480; } .usa-alert--error { background-color: #f4e3db; border-left-color: #d54309; } .usa-alert--error .usa-alert__body { color: #1b1b1b; background-color: #f4e3db; display: flex; flex-direction: column; justify-content: center; min-height: 3.3333333333rem; } .usa-alert--error .usa-alert__body::before { background-image: url("../img/usa-icons/error.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2rem 2rem; display: inline-block; height: 2rem; width: 2rem; content: ""; display: block; position: absolute; top: 0.6666666667rem; } @supports (mask: url("")) { .usa-alert--error .usa-alert__body::before { background: none; background-color: #1b1b1b; mask-image: url("../img/usa-icons/error.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2rem 2rem; } } .usa-alert--error .usa-alert__body > * { margin-left: 2.5rem; } .usa-alert--error .usa-alert__body .usa-link { color: #005ea2; } .usa-alert--error .usa-alert__body .usa-link:visited { color: #54278f; } .usa-alert--error .usa-alert__body .usa-link:hover, .usa-alert--error .usa-alert__body .usa-link:active { color: #1a4480; } .usa-alert--info { background-color: #e7f6f8; border-left-color: #00bde3; } .usa-alert--info .usa-alert__body { color: #1b1b1b; background-color: #e7f6f8; display: flex; flex-direction: column; justify-content: center; min-height: 3.3333333333rem; } .usa-alert--info .usa-alert__body::before { background-image: url("../img/usa-icons/info.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2rem 2rem; display: inline-block; height: 2rem; width: 2rem; content: ""; display: block; position: absolute; top: 0.6666666667rem; } @supports (mask: url("")) { .usa-alert--info .usa-alert__body::before { background: none; background-color: #1b1b1b; mask-image: url("../img/usa-icons/info.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2rem 2rem; } } .usa-alert--info .usa-alert__body > * { margin-left: 2.5rem; } .usa-alert--info .usa-alert__body .usa-link { color: #005ea2; } .usa-alert--info .usa-alert__body .usa-link:visited { color: #54278f; } .usa-alert--info .usa-alert__body .usa-link:hover, .usa-alert--info .usa-alert__body .usa-link:active { color: #1a4480; } .usa-alert--emergency { background-color: #9c3d10; border-left-color: #9c3d10; } .usa-alert--emergency .usa-alert__body { color: white; background-color: #9c3d10; display: flex; flex-direction: column; justify-content: center; min-height: 3.3333333333rem; } .usa-alert--emergency .usa-alert__body::before { background-image: url("../img/usa-icons-bg/error--white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2rem 2rem; display: inline-block; height: 2rem; width: 2rem; content: ""; display: block; position: absolute; top: 0.6666666667rem; } @supports (mask: url("")) { .usa-alert--emergency .usa-alert__body::before { background: none; background-color: white; mask-image: url("../img/usa-icons/error.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2rem 2rem; } } .usa-alert--emergency .usa-alert__body > * { margin-left: 2.5rem; } .usa-alert--emergency .usa-alert__body .usa-link { color: #dfe1e2; } .usa-alert--emergency .usa-alert__body .usa-link:visited { color: #dfe1e2; } .usa-alert--emergency .usa-alert__body .usa-link:hover, .usa-alert--emergency .usa-alert__body .usa-link:active { color: #f0f0f0; } .usa-alert--slim .usa-alert__body { padding-bottom: 0.5rem; padding-top: 0.5rem; min-height: 0; } .usa-alert--slim .usa-alert__body:before { height: 1.5rem; top: 0.5rem; width: 1.5rem; } @supports (mask: url("")) { .usa-alert--slim .usa-alert__body:before { mask-size: 1.5rem; } } .usa-alert--slim .usa-alert__body > * { margin-left: 2rem; } .usa-alert--slim .usa-alert__body::before { left: 1.125rem; } .usa-alert--no-icon .usa-alert__body { min-height: 0; } .usa-alert--no-icon .usa-alert__body:before { display: none; } .usa-alert--no-icon .usa-alert__body > * { margin-left: 0; } .usa-alert--validation .usa-checklist { margin-top: 1rem; } .usa-banner { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; background-color: #1b1b1b; } @media all and (min-width: 40em) { .usa-banner { font-size: 0.81rem; padding-bottom: 0rem; } } .usa-banner .usa-accordion { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; } .usa-banner .grid-row { display: flex; flex-wrap: wrap; } .usa-banner .grid-row.grid-gap-lg { margin-left: -0.75rem; margin-right: -0.75rem; } .usa-banner .grid-row.grid-gap-lg > * { padding-left: 0.75rem; padding-right: 0.75rem; } @media all and (min-width: 40em) { .usa-banner .grid-row .tablet\:grid-col-6 { flex: 0 1 auto; width: 50%; } } .usa-banner__header, .usa-banner__content { color: white; } .usa-banner__content { margin-left: auto; margin-right: auto; max-width: 87.5rem; padding-left: 1rem; padding-right: 1rem; padding-left: 1rem; padding-right: 1rem; background-color: transparent; font-size: 0.94rem; overflow: hidden; padding-bottom: 1rem; padding-left: 0.5rem; padding-top: 0.25rem; width: 100%; } @media all and (min-width: 64em) { .usa-banner__content { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .usa-banner__content { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .usa-banner__content { padding-bottom: 1.5rem; padding-top: 1.5rem; } } .usa-banner__content p:first-child { margin: 0; } .usa-banner__guidance { display: flex; align-items: flex-start; max-width: 64ex; padding-top: 1rem; } @media all and (min-width: 40em) { .usa-banner__guidance { padding-top: 0rem; } } .usa-banner__lock-image { height: 1.5ex; width: 1.21875ex; } .usa-banner__lock-image path { fill: currentColor; } @media (forced-colors: active) { .usa-banner__lock-image path { fill: CanvasText; } } .usa-banner__inner { padding-left: 1rem; padding-right: 1rem; margin-left: auto; margin-right: auto; max-width: 87.5rem; padding-left: 1rem; padding-right: 1rem; display: flex; flex-wrap: wrap; align-items: flex-start; padding-right: 0rem; } @media all and (min-width: 64em) { .usa-banner__inner { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .usa-banner__inner { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .usa-banner__inner { align-items: center; } } .usa-banner__header { padding-bottom: 0.5rem; padding-top: 0.5rem; font-size: 0.75rem; font-weight: normal; min-height: 3rem; position: relative; } @media all and (min-width: 40em) { .usa-banner__header { padding-bottom: 0.25rem; padding-top: 0.25rem; min-height: 0; } } .usa-banner__header-text { margin-bottom: 0; margin-top: 0; font-size: 0.75rem; line-height: 1.2; } .usa-banner__header-action { color: #dfe1e2; line-height: 1.2; margin-bottom: 0rem; margin-top: 2px; text-decoration: underline; } .usa-banner__header-action::after { background-image: url("../img/usa-icons/expand_more.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1rem 1rem; display: inline-block; height: 1rem; width: 1rem; content: ""; vertical-align: middle; margin-left: auto; } @supports (mask: url("")) { .usa-banner__header-action::after { background: none; background-color: #dfe1e2; mask-image: url("../img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1rem 1rem; } .usa-banner__header-action::after:hover { background-color: #f0f0f0; } } .usa-banner__header-action:hover::after { content: ""; background-color: #f0f0f0; } .usa-banner__header-action:visited { color: #dfe1e2; } .usa-banner__header-action:hover, .usa-banner__header-action:active { color: #f0f0f0; } .usa-banner__header--expanded .usa-banner__header-action { display: none; } @media all and (min-width: 40em) { .usa-banner__header-action { display: none; } } @media (forced-colors: active) { .usa-banner__header-action { color: LinkText; } .usa-banner__header-action::after { background-color: ButtonText; } } .usa-banner__header-flag { float: left; margin-right: 0.5rem; width: 1rem; } @media all and (min-width: 40em) { .usa-banner__header-flag { margin-right: 0.5rem; padding-top: 0rem; } } .usa-banner__header--expanded { padding-right: 3.5rem; } @media all and (min-width: 40em) { .usa-banner__header--expanded { background-color: transparent; display: block; font-size: 0.75rem; font-weight: normal; min-height: 0rem; padding-right: 0rem; } } .usa-banner__header--expanded .usa-banner__inner { margin-left: 0rem; } @media all and (min-width: 40em) { .usa-banner__header--expanded .usa-banner__inner { margin-left: auto; } } .usa-banner__header--expanded .usa-banner__header-action { display: none; } .usa-banner__button { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; position: absolute; left: 0; position: absolute; bottom: 0; top: 0; color: #005ea2; text-decoration: underline; color: #dfe1e2; display: block; font-size: 0.75rem; height: auto; line-height: 1.2; padding-top: 0rem; padding-left: 0rem; text-decoration: none; width: auto; } .usa-banner__button:visited { color: #54278f; } .usa-banner__button:hover { color: #1a4480; } .usa-banner__button:active { color: #252f3e; } .usa-banner__button:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-banner__button:hover, .usa-banner__button.usa-button--hover, .usa-banner__button:disabled:hover, .usa-banner__button[aria-disabled=true]:hover, .usa-banner__button:disabled.usa-button--hover, .usa-banner__button[aria-disabled=true].usa-button--hover, .usa-banner__button:active, .usa-banner__button.usa-button--active, .usa-banner__button:disabled:active, .usa-banner__button[aria-disabled=true]:active, .usa-banner__button:disabled.usa-button--active, .usa-banner__button[aria-disabled=true].usa-button--active, .usa-banner__button:disabled:focus, .usa-banner__button[aria-disabled=true]:focus, .usa-banner__button:disabled.usa-focus, .usa-banner__button[aria-disabled=true].usa-focus, .usa-banner__button:disabled, .usa-banner__button[aria-disabled=true], .usa-banner__button.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-banner__button.usa-button--hover { color: #1a4480; } .usa-banner__button.usa-button--active { color: #252f3e; } .usa-banner__button:disabled, .usa-banner__button[aria-disabled=true], .usa-banner__button:disabled:hover, .usa-banner__button[aria-disabled=true]:hover, .usa-banner__button[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-banner__button:disabled, .usa-banner__button[aria-disabled=true], .usa-banner__button:disabled:hover, .usa-banner__button[aria-disabled=true]:hover, .usa-banner__button[aria-disabled=true]:focus { color: GrayText; } } .usa-banner__button:visited { color: #dfe1e2; } .usa-banner__button:hover, .usa-banner__button:active { color: #f0f0f0; } @media all and (max-width: 39.99em) { .usa-banner__button { width: 100%; } .usa-banner__button:enabled:focus { outline-offset: -0.25rem; } } @media all and (min-width: 40em) { .usa-banner__button { color: #dfe1e2; position: static; bottom: auto; left: auto; right: auto; top: auto; display: inline; margin-left: 0.5rem; position: relative; } .usa-banner__button::after { background-image: url("../img/usa-icons/expand_more.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1rem 1rem; display: inline-block; height: 1rem; width: 1rem; content: ""; vertical-align: middle; margin-left: 2px; } @supports (mask: url("")) { .usa-banner__button::after { background: none; background-color: #dfe1e2; mask-image: url("../img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1rem 1rem; } .usa-banner__button::after:hover { background-color: #f0f0f0; } } .usa-banner__button:hover::after { content: ""; background-color: #f0f0f0; } .usa-banner__button:visited { color: #dfe1e2; } .usa-banner__button:hover, .usa-banner__button:active { color: #f0f0f0; } .usa-banner__button::after, .usa-banner__button:hover::after { position: absolute; } } @media (min-width: 40em) and (forced-colors: active) { .usa-banner__button::after, .usa-banner__button:hover::after { background-color: ButtonText; } } @media all and (min-width: 40em) { .usa-banner__button:hover { text-decoration: none; } } .usa-banner__button[aria-expanded=false], .usa-banner__button[aria-expanded=false]:hover, .usa-banner__button[aria-expanded=true], .usa-banner__button[aria-expanded=true]:hover { background-image: none; } @media (forced-colors: active) { .usa-banner__button[aria-expanded=false]::before, .usa-banner__button[aria-expanded=false]:hover::before, .usa-banner__button[aria-expanded=true]::before, .usa-banner__button[aria-expanded=true]:hover::before { content: none; } } @media all and (max-width: 39.99em) { .usa-banner__button[aria-expanded=true]::after { background-image: url("../img/usa-icons/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.5rem 1.5rem; display: inline-block; height: 3rem; width: 3rem; content: ""; vertical-align: middle; margin-left: 0rem; } @supports (mask: url("")) { .usa-banner__button[aria-expanded=true]::after { background: none; background-color: #005ea2; mask-image: url("../img/usa-icons/close.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.5rem 1.5rem; } } .usa-banner__button[aria-expanded=true]::before { position: absolute; bottom: 0; top: 0; position: absolute; right: 0; background-color: #dfe1e2; content: ""; display: block; height: 3rem; width: 3rem; } .usa-banner__button[aria-expanded=true]::after { position: absolute; bottom: 0; top: 0; position: absolute; right: 0; } } @media all and (min-width: 40em) { .usa-banner__button[aria-expanded=true] { height: auto; padding: 0rem; position: relative; } .usa-banner__button[aria-expanded=true]::after { background-image: url("../img/usa-icons-bg/expand_less--white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1rem 1rem; display: inline-block; height: 1rem; width: 1rem; content: ""; vertical-align: middle; margin-left: 2px; } @supports (mask: url("")) { .usa-banner__button[aria-expanded=true]::after { background: none; background-color: #dfe1e2; mask-image: url("../img/usa-icons/expand_less.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1rem 1rem; } .usa-banner__button[aria-expanded=true]::after:hover { background-color: #f0f0f0; } } .usa-banner__button[aria-expanded=true]:hover::after { content: ""; background-color: #f0f0f0; } .usa-banner__button[aria-expanded=true]::after, .usa-banner__button[aria-expanded=true]:hover::after { position: absolute; } } @media (min-width: 40em) and (forced-colors: active) { .usa-banner__button[aria-expanded=true]::after, .usa-banner__button[aria-expanded=true]:hover::after { background-color: ButtonText; } } .usa-banner__button-text { position: absolute; left: -999em; right: auto; text-decoration: underline; } @media all and (min-width: 40em) { .usa-banner__button-text { position: static; display: inline; } } @media (forced-colors: active) { .usa-banner__button-text { color: LinkText; } } .usa-banner__icon { width: 2.5rem; } .usa-js-loading .usa-banner__content { position: absolute; left: -999em; right: auto; } .usa-breadcrumb { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.4; color: #1b1b1b; background-color: white; padding-left: 2rem; padding-right: 2rem; } @media all and (min-width: 30em) { .usa-breadcrumb { padding-bottom: 1rem; padding-top: 1rem; } } @media all and (min-width: 30em) { .usa-breadcrumb:not(.usa-breadcrumb--wrap) .usa-breadcrumb__list { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } } .usa-breadcrumb__list { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; display: block; padding: 0.25rem; margin-left: -0.25rem; margin-right: -0.25rem; } .usa-breadcrumb__list > li { margin-bottom: 0; max-width: unset; } .usa-breadcrumb__list-item { position: absolute; left: -999em; right: auto; display: inline; } @media all and (max-width: 29.99em) { .usa-breadcrumb__list-item { white-space: normal; } .usa-breadcrumb__list-item:nth-last-child(2) { position: static; } .usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link { padding-left: calc(2ex + 0px); text-indent: calc((2ex + 0px) * -1); display: inline-block; padding-bottom: 1rem; padding-top: 1rem; } .usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link::before { background-image: url("../img/usa-icons/arrow_back.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2ex 2ex; display: inline-block; height: 2ex; width: 2ex; content: ""; vertical-align: baseline; margin-right: 0rem; } @supports (mask: url("")) { .usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link::before { background: none; background-color: #71767a; mask-image: url("../img/usa-icons/arrow_back.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2ex 2ex; } } .usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:before { bottom: -0.2em; height: 2ex; position: relative; } .usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link, .usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:hover, .usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:active { text-decoration: none; } .usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link span { text-decoration: underline; } .usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link::before { margin-right: 0px; } } @media all and (min-width: 30em) { .usa-breadcrumb__list-item { position: static; } .usa-breadcrumb__list-item:not(:last-child)::after { background-image: url("../img/usa-icons/navigate_next.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2ex 2ex; display: inline-block; height: 2ex; width: 2ex; content: ""; vertical-align: baseline; margin-left: 0rem; } @supports (mask: url("")) { .usa-breadcrumb__list-item:not(:last-child)::after { background: none; background-color: #71767a; mask-image: url("../img/usa-icons/navigate_next.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2ex 2ex; } } .usa-breadcrumb__list-item:not(:last-child)::after { bottom: -0.2em; margin-left: 0px; margin-right: 0px; height: 2ex; position: relative; } } .usa-breadcrumb__link { color: #005ea2; display: inline; text-decoration: none; } .usa-breadcrumb__link:visited { color: #54278f; } .usa-breadcrumb__link:hover, .usa-breadcrumb__link:active { color: #1a4480; } .usa-breadcrumb__link span { text-decoration: underline; } @media all and (min-width: 30em) { .usa-breadcrumb--wrap { line-height: 1.5; } } .usa-breadcrumb--wrap .usa-breadcrumb__list-item { display: inline-block; } .usa-button-group { margin-bottom: 0; margin-top: 0; display: flex; flex-direction: column; flex-wrap: wrap; list-style-type: none; margin-left: -0.25rem; margin-right: -0.25rem; padding-left: 0; } @media all and (min-width: 30em) { .usa-button-group { flex-wrap: nowrap; align-items: stretch; flex-direction: row; } } .usa-button-group .usa-button-group { height: 100%; } @media all and (min-width: 30em) { .usa-button-group .usa-button-group .usa-button-group__item { margin-top: 0; margin-bottom: 0; } } .usa-button-group .usa-button-group--segmented .usa-button-group__item { margin-top: 0; margin-bottom: 0; } .usa-button-group__item { margin: 0.25rem; } @media all and (min-width: 30em) { .usa-button-group__item:last-child { margin-right: 0; } } .usa-button-group__item .usa-button { height: 100%; margin-left: 0; margin-right: 0; } .usa-button-group--segmented { flex-direction: row; flex-wrap: nowrap; justify-content: space-between; margin-left: 0; margin-right: 0; } @media all and (min-width: 30em) { .usa-button-group--segmented { justify-content: flex-start; } } .usa-button-group--segmented .usa-button { position: relative; width: calc(100% + 2px); } @media all and (min-width: 30em) { .usa-button-group--segmented .usa-button { width: auto; } } .usa-button-group--segmented .usa-button:hover, .usa-button-group--segmented .usa-button:active { z-index: 2; } .usa-button-group--segmented .usa-button:focus { z-index: 3; } .usa-button-group--segmented .usa-button-group__item { margin-left: 0; margin-right: 0; width: 100%; } @media all and (min-width: 30em) { .usa-button-group--segmented .usa-button-group__item { width: auto; } } .usa-button-group--segmented .usa-button-group__item:first-child > .usa-button { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: -1px; } .usa-button-group--segmented .usa-button-group__item:last-child > .usa-button { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-right: 0; margin-left: -2px; width: calc(100% + 2px); } @media all and (min-width: 30em) { .usa-button-group--segmented .usa-button-group__item:last-child > .usa-button { margin-left: -1px; width: auto; } } .usa-button-group--segmented .usa-button-group__item:where(:not(:first-child):not(:last-child)) > .usa-button { border-radius: 0; margin-right: -1px; margin-left: -1px; } .usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button::before { border-right: 1px solid #1a4480; bottom: 0; content: ""; display: block; height: 100%; position: absolute; right: 1px; top: 0; width: 1px; z-index: 3; } .usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--secondary::before { border-right-color: #c05600; } .usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--accent-cool::before { border-right-color: #28a0cb; } .usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--base::before { border-right-color: #565c65; } .usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button]:disabled::before, .usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button][aria-disabled=true]::before { border-right-color: white; } .usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button:active::before, .usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--outline::before { display: none; } .usa-button { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1; color: white; background-color: #005ea2; appearance: none; align-items: center; border: 0; border-radius: 0.25rem; cursor: pointer; column-gap: 0.5rem; display: inline-flex; font-weight: 700; justify-content: center; margin-right: 0.5rem; padding: 0.75rem 1.25rem; text-align: center; text-decoration: none; width: 100%; } @media all and (min-width: 30em) { .usa-button { width: auto; } } .usa-button:visited { color: white; } .usa-button:hover, .usa-button.usa-button--hover { color: white; background-color: #1a4480; border-bottom: 0; text-decoration: none; } .usa-button:active, .usa-button.usa-button--active { color: white; background-color: #252f3e; } .usa-button:not([disabled]):focus, .usa-button:not([disabled]).usa-focus { outline-offset: 0.25rem; } .usa-button:disabled, .usa-button[aria-disabled=true] { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-button:disabled:hover, .usa-button:disabled:active, .usa-button:disabled:focus, .usa-button:disabled.usa-focus, .usa-button[aria-disabled=true]:hover, .usa-button[aria-disabled=true]:active, .usa-button[aria-disabled=true]:focus, .usa-button[aria-disabled=true].usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-button:disabled, .usa-button[aria-disabled=true] { border: 0; color: GrayText; } .usa-button:disabled:hover, .usa-button:disabled:active, .usa-button:disabled:focus, .usa-button:disabled.usa-focus, .usa-button[aria-disabled=true]:hover, .usa-button[aria-disabled=true]:active, .usa-button[aria-disabled=true]:focus, .usa-button[aria-disabled=true].usa-focus { color: GrayText; } } .usa-button:disabled.usa-button--hover, .usa-button:disabled.usa-button--active, .usa-button[aria-disabled=true].usa-button--hover, .usa-button[aria-disabled=true].usa-button--active { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-button:disabled.usa-button--hover:hover, .usa-button:disabled.usa-button--hover:active, .usa-button:disabled.usa-button--hover:focus, .usa-button:disabled.usa-button--hover.usa-focus, .usa-button:disabled.usa-button--active:hover, .usa-button:disabled.usa-button--active:active, .usa-button:disabled.usa-button--active:focus, .usa-button:disabled.usa-button--active.usa-focus, .usa-button[aria-disabled=true].usa-button--hover:hover, .usa-button[aria-disabled=true].usa-button--hover:active, .usa-button[aria-disabled=true].usa-button--hover:focus, .usa-button[aria-disabled=true].usa-button--hover.usa-focus, .usa-button[aria-disabled=true].usa-button--active:hover, .usa-button[aria-disabled=true].usa-button--active:active, .usa-button[aria-disabled=true].usa-button--active:focus, .usa-button[aria-disabled=true].usa-button--active.usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-button:disabled.usa-button--hover, .usa-button:disabled.usa-button--active, .usa-button[aria-disabled=true].usa-button--hover, .usa-button[aria-disabled=true].usa-button--active { border: 0; color: GrayText; } .usa-button:disabled.usa-button--hover:hover, .usa-button:disabled.usa-button--hover:active, .usa-button:disabled.usa-button--hover:focus, .usa-button:disabled.usa-button--hover.usa-focus, .usa-button:disabled.usa-button--active:hover, .usa-button:disabled.usa-button--active:active, .usa-button:disabled.usa-button--active:focus, .usa-button:disabled.usa-button--active.usa-focus, .usa-button[aria-disabled=true].usa-button--hover:hover, .usa-button[aria-disabled=true].usa-button--hover:active, .usa-button[aria-disabled=true].usa-button--hover:focus, .usa-button[aria-disabled=true].usa-button--hover.usa-focus, .usa-button[aria-disabled=true].usa-button--active:hover, .usa-button[aria-disabled=true].usa-button--active:active, .usa-button[aria-disabled=true].usa-button--active:focus, .usa-button[aria-disabled=true].usa-button--active.usa-focus { color: GrayText; } } @media (forced-colors: active) { .usa-button:disabled:not(.usa-button--unstyled), .usa-button[aria-disabled=true]:not(.usa-button--unstyled) { border: 2px solid GrayText; } } .usa-button .usa-icon { flex-shrink: 0; } @media (forced-colors: active) { .usa-button:not(.usa-button--unstyled) { border: 2px solid transparent; } } .usa-button--accent-cool { color: #1b1b1b; background-color: #00bde3; } .usa-button--accent-cool:visited { color: #1b1b1b; background-color: #00bde3; } .usa-button--accent-cool:hover, .usa-button--accent-cool.usa-button--hover { color: #1b1b1b; background-color: #28a0cb; } .usa-button--accent-cool:active, .usa-button--accent-cool.usa-button--active { color: white; background-color: #07648d; } .usa-button--accent-warm { color: white; background-color: #d83933; } .usa-button--accent-warm:visited { color: white; background-color: #d83933; } .usa-button--accent-warm:hover, .usa-button--accent-warm.usa-button--hover { color: white; background-color: #b50909; } .usa-button--accent-warm:active, .usa-button--accent-warm.usa-button--active { color: white; background-color: #8b0a03; } .usa-button--outline { background-color: transparent; box-shadow: inset 0 0 0 2px #005ea2; color: #005ea2; } .usa-button--outline:visited { color: #005ea2; } .usa-button--outline:hover, .usa-button--outline.usa-button--hover { background-color: transparent; box-shadow: inset 0 0 0 2px #1a4480; color: #1a4480; } .usa-button--outline:active, .usa-button--outline.usa-button--active { background-color: transparent; box-shadow: inset 0 0 0 2px #252f3e; color: #252f3e; } .usa-button--outline.usa-button--inverse { box-shadow: inset 0 0 0 2px #dfe1e2; color: #dfe1e2; } .usa-button--outline.usa-button--inverse:visited { color: #dfe1e2; } .usa-button--outline.usa-button--inverse:hover, .usa-button--outline.usa-button--inverse.usa-button--hover { box-shadow: inset 0 0 0 2px #f0f0f0; color: #f0f0f0; } .usa-button--outline.usa-button--inverse:active, .usa-button--outline.usa-button--inverse.usa-button--active { background-color: transparent; box-shadow: inset 0 0 0 2px white; color: white; } .usa-button--outline.usa-button--inverse.usa-button--unstyled { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; color: #dfe1e2; } .usa-button--outline.usa-button--inverse.usa-button--unstyled:visited { color: #54278f; } .usa-button--outline.usa-button--inverse.usa-button--unstyled:hover { color: #1a4480; } .usa-button--outline.usa-button--inverse.usa-button--unstyled:active { color: #252f3e; } .usa-button--outline.usa-button--inverse.usa-button--unstyled:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-button--outline.usa-button--inverse.usa-button--unstyled:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled:active, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active, .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active, .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active, .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus, .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus, .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true], .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover { color: #1a4480; } .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active { color: #252f3e; } .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true], .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true], .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus { color: GrayText; } } .usa-button--outline.usa-button--inverse.usa-button--unstyled:visited { color: #dfe1e2; } .usa-button--outline.usa-button--inverse.usa-button--unstyled:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover { color: #f0f0f0; } .usa-button--outline.usa-button--inverse.usa-button--unstyled:active, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active { color: white; } .usa-button--base { color: white; background-color: #71767a; } .usa-button--base:hover, .usa-button--base.usa-button--hover { color: white; background-color: #565c65; } .usa-button--base:active, .usa-button--base.usa-button--active { color: white; background-color: #3d4551; } .usa-button--secondary { color: #1b1b1b; background-color: #fa9441; } .usa-button--secondary:hover, .usa-button--secondary.usa-button--hover { color: white; background-color: #c05600; } .usa-button--secondary:active, .usa-button--secondary.usa-button--active { color: white; background-color: #775540; } .usa-button--big { border-radius: 0.25rem; font-size: 1.38rem; padding: 1rem 1.5rem; } .usa-button--outline:disabled, .usa-button--outline:disabled:hover, .usa-button--outline:disabled:active, .usa-button--outline:disabled:focus, .usa-button--outline[aria-disabled=true], .usa-button--outline[aria-disabled=true]:hover, .usa-button--outline[aria-disabled=true]:active, .usa-button--outline[aria-disabled=true]:focus, .usa-button--outline-inverse:disabled, .usa-button--outline-inverse:disabled:hover, .usa-button--outline-inverse:disabled:active, .usa-button--outline-inverse:disabled:focus, .usa-button--outline-inverse[aria-disabled=true], .usa-button--outline-inverse[aria-disabled=true]:hover, .usa-button--outline-inverse[aria-disabled=true]:active, .usa-button--outline-inverse[aria-disabled=true]:focus { background-color: transparent; color: #757575; } .usa-button--outline:disabled, .usa-button--outline[aria-disabled=true] { box-shadow: inset 0 0 0 2px #c9c9c9; } .usa-button--outline:disabled.usa-button--inverse, .usa-button--outline[aria-disabled=true].usa-button--inverse { box-shadow: inset 0 0 0 2px #919191; color: #919191; } @media (forced-colors: active) { .usa-button--outline:disabled.usa-button--inverse, .usa-button--outline[aria-disabled=true].usa-button--inverse { color: GrayText; } } .usa-button--unstyled { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; } .usa-button--unstyled:visited { color: #54278f; } .usa-button--unstyled:hover { color: #1a4480; } .usa-button--unstyled:active { color: #252f3e; } .usa-button--unstyled:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-button--unstyled:hover, .usa-button--unstyled.usa-button--hover, .usa-button--unstyled:disabled:hover, .usa-button--unstyled[aria-disabled=true]:hover, .usa-button--unstyled:disabled.usa-button--hover, .usa-button--unstyled[aria-disabled=true].usa-button--hover, .usa-button--unstyled:active, .usa-button--unstyled.usa-button--active, .usa-button--unstyled:disabled:active, .usa-button--unstyled[aria-disabled=true]:active, .usa-button--unstyled:disabled.usa-button--active, .usa-button--unstyled[aria-disabled=true].usa-button--active, .usa-button--unstyled:disabled:focus, .usa-button--unstyled[aria-disabled=true]:focus, .usa-button--unstyled:disabled.usa-focus, .usa-button--unstyled[aria-disabled=true].usa-focus, .usa-button--unstyled:disabled, .usa-button--unstyled[aria-disabled=true], .usa-button--unstyled.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-button--unstyled.usa-button--hover { color: #1a4480; } .usa-button--unstyled.usa-button--active { color: #252f3e; } .usa-button--unstyled:disabled, .usa-button--unstyled[aria-disabled=true], .usa-button--unstyled:disabled:hover, .usa-button--unstyled[aria-disabled=true]:hover, .usa-button--unstyled[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-button--unstyled:disabled, .usa-button--unstyled[aria-disabled=true], .usa-button--unstyled:disabled:hover, .usa-button--unstyled[aria-disabled=true]:hover, .usa-button--unstyled[aria-disabled=true]:focus { color: GrayText; } } /* TODO: * Add a way to change the flag breakpoint as a modifier/class? */ .usa-card-group { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; } .usa-prose .usa-card-group { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; } .usa-card-group { display: flex; flex-direction: column; flex-wrap: wrap; align-items: stretch; margin-left: -0.5rem; margin-right: -0.5rem; } @media all and (min-width: 40em) { .usa-card-group { flex-direction: row; } } .usa-card { margin-bottom: 2.5rem; max-width: none; } .usa-card:last-child { margin-bottom: 2.5rem; } @media all and (min-width: 40em) { .usa-card { margin-bottom: 2rem; } .usa-card:last-child { margin-bottom: 2rem; } } .usa-prose .usa-card { margin-bottom: 2.5rem; max-width: none; } .usa-prose .usa-card:last-child { margin-bottom: 2.5rem; } @media all and (min-width: 40em) { .usa-prose .usa-card { margin-bottom: 2rem; } .usa-prose .usa-card:last-child { margin-bottom: 2rem; } } .usa-card__container, .challenge_card_container { color: #1b1b1b; background-color: white; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; border-width: 2px; border-color: #dfe1e2; border-style: solid; display: flex; height: 100%; flex-direction: column; margin-left: 0.5rem; margin-right: 0.5rem; position: relative; border-radius: 0.5rem; } .usa-card:not(.usa-card--flag) .usa-card__container > :only-child, .usa-card:not(.usa-card--flag) .challenge_card_container > :only-child { padding: 1.5rem; } .usa-card .usa-card__img { display: block; } .usa-card__header { padding-top: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.5rem; } .usa-card__header:last-child { padding-bottom: 1.5rem; } .usa-card__heading { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; line-height: 1.2; margin: 0; } .usa-card__media { order: -1; min-height: 1px; } .usa-card__img { border-top-left-radius: calc(0.5rem - 2px); border-top-right-radius: calc(0.5rem - 2px); background-color: #f0f0f0; position: relative; overflow: hidden; } .usa-card__img img { display: block; height: 100%; width: 100%; object-fit: cover; } .usa-card__media--inset { padding-top: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; } .usa-card__media--inset .usa-card__img { border-radius: 0; } .usa-card__body, .challenge_card_body { flex: 1 1 0%; padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 0.5rem; padding-top: 0.5rem; flex-basis: auto; } .usa-card__body:last-child, .challenge_card_body:last-child { padding-bottom: 1.5rem; } .usa-card__body:first-child, .challenge_card_body:first-child { padding-top: 1.5rem; } .usa-card__body:only-child, .challenge_card_body:only-child { padding-bottom: 1.5rem; padding-top: 1.5rem; } .usa-card__footer, .challenge_card_footer { padding-bottom: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 0.5rem; } .usa-card__footer .usa-button:only-of-type, .challenge_card_footer .usa-button:only-of-type { margin-right: 0; } .usa-card__header > :last-child, .usa-card__body > :last-child, .challenge_card_body > :last-child { padding-bottom: 0; margin-bottom: 0; } .usa-card__header > :first-child, .usa-card__body > :first-child, .challenge_card_body > :first-child { margin-top: 0; padding-top: 0; } .usa-card__header > :only-child, .usa-card__body > :only-child, .challenge_card_body > :only-child { margin-bottom: 0; margin-top: 0; padding-bottom: 0; padding-top: 0; } .usa-card__header--exdent, .usa-card__media--exdent, .usa-card__body--exdent, .usa-card__footer--exdent { margin-inline: -2px; } .usa-card__header--exdent > *, .usa-card__body--exdent > *, .usa-card__footer--exdent > * { padding-left: 2px; padding-right: 2px; } .usa-card__media--exdent { margin-top: -2px; } .usa-card__media--exdent .usa-card__img { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .usa-card--header-first .usa-card__header { border-top-left-radius: calc(0.5rem - 2px); border-top-right-radius: calc(0.5rem - 2px); padding-bottom: 1rem; } .usa-card--header-first .usa-card__header--exdent { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; margin-top: -2px; } .usa-card--header-first .usa-card__media--inset { padding-top: 0; } .usa-card--header-first .usa-card__media { order: 0; } .usa-card--header-first .usa-card__media--exdent { margin-top: 0; } .usa-card--header-first .usa-card__img { border-radius: 0; } .usa-card--header-first .usa-card__body, .usa-card--header-first .challenge_card_body { padding-top: 1rem; } @media all and (min-width: 40em) { .usa-card--flag .usa-card__media { display: flex; overflow: hidden; position: absolute; bottom: 0; top: 0; position: absolute; left: 0; position: absolute; width: 15rem; } .usa-card--flag .usa-card__img { border-radius: 0; border-top-left-radius: calc(0.5rem - 2px); border-bottom-left-radius: calc(0.5rem - 2px); } .usa-card--flag .usa-card__header, .usa-card--flag .usa-card__body, .usa-card--flag .challenge_card_body, .usa-card--flag .usa-card__footer, .usa-card--flag .challenge_card_footer { margin-left: 15rem; } .usa-card--flag .usa-card__media--exdent { margin: -2px; } .usa-card--flag .usa-card__media--exdent .usa-card__img { border-bottom-left-radius: 0.5rem; border-top-left-radius: 0.5rem; } .usa-card--flag .usa-card__media--inset { padding-right: 0; padding-bottom: 1.5rem; } .usa-card--flag .usa-card__media--inset .usa-card__img { border-radius: 0; } .usa-card--flag.usa-card--header-first .usa-card__header { padding-bottom: 0.5rem; } .usa-card--flag.usa-card--header-first .usa-card__body, .usa-card--flag.usa-card--header-first .challenge_card_body { padding-top: 0.5rem; } .usa-card--flag.usa-card--header-first .usa-card__media--inset { padding-top: 1.5rem; } .usa-card--flag.usa-card--media-right .usa-card__media { left: auto; right: 0; } .usa-card--flag.usa-card--media-right .usa-card__media--inset { padding-left: 0; padding-right: 1.5rem; } .usa-card--flag.usa-card--media-right .usa-card__media--inset .usa-card__img { border-radius: 0; } .usa-card--flag.usa-card--media-right .usa-card__img { border-radius: 0; border-top-right-radius: calc(0.5rem - 2px); border-bottom-right-radius: calc(0.5rem - 2px); } .usa-card--flag.usa-card--media-right .usa-card__header, .usa-card--flag.usa-card--media-right .usa-card__body, .usa-card--flag.usa-card--media-right .challenge_card_body, .usa-card--flag.usa-card--media-right .usa-card__footer, .usa-card--flag.usa-card--media-right .challenge_card_footer { margin-left: 0; margin-right: 15rem; } .usa-card--flag.usa-card--media-right .usa-card__img { border-radius: 0; border-bottom-right-radius: 0.5rem; border-top-right-radius: 0.5rem; } } .usa-card:not(.usa-card--flag).usa-card__media--set-aspect { box-sizing: border-box; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; position: relative; } @supports (aspect-ratio: 1) { .usa-card:not(.usa-card--flag).usa-card__media--set-aspect { height: inherit; padding: inherit; aspect-ratio: 1.7777777778; max-width: 100%; } .usa-card:not(.usa-card--flag).usa-card__media--set-aspect > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.usa-card:not(.usa-card--flag).usa-card__media--set-aspect, .usa-card:not(.usa-card--flag).usa-card__media--set-aspect > img { object-fit: cover; } } .usa-card:not(.usa-card--flag).usa-card__media--set-aspect .usa-card__img { position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .usa-checklist { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; } .usa-checklist__item { text-indent: -2.5rem; margin-bottom: 0; margin-top: 0; margin-bottom: 0; margin-top: 0.5rem; } .usa-checklist__item::before { content: " "; display: inline-block; height: 1rem; margin-left: -0.25rem; margin-right: 0.75rem; width: 2rem; } .usa-checklist__item.usa-checklist__item--checked::before { background-image: url("../img/usa-icons-bg/check--blue-60v.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center; background-size: 1.5rem; } .usa-collection { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.4; margin-bottom: 1em; margin-top: 1em; line-height: 1.6; padding-left: 3ch; padding-left: 0; } .usa-collection:last-child { margin-bottom: 0; } .usa-collection ul, .usa-collection ol { margin-top: 0.25em; } .usa-collection__item { margin-bottom: 0.25em; max-width: 88ex; margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; align-items: flex-start; border-top-width: 1px; border-top-style: solid; display: flex; margin-bottom: 1rem; margin-top: 1rem; padding-top: 1rem; } .usa-collection__item:last-child { margin-bottom: 0; } .usa-collection__item > li { margin-bottom: 0; max-width: unset; } .usa-prose .usa-collection { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.4; margin-bottom: 1em; margin-top: 1em; line-height: 1.6; padding-left: 3ch; padding-left: 0; } .usa-prose .usa-collection:last-child { margin-bottom: 0; } .usa-prose .usa-collection ul, .usa-prose .usa-collection ol { margin-top: 0.25em; } .usa-prose .usa-collection__item { margin-bottom: 0.25em; max-width: 88ex; margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; align-items: flex-start; border-top-width: 1px; border-top-style: solid; display: flex; margin-bottom: 1rem; margin-top: 1rem; padding-top: 1rem; } .usa-prose .usa-collection__item:last-child { margin-bottom: 0; } .usa-prose .usa-collection__item > li { margin-bottom: 0; max-width: unset; } .usa-collection__img, .usa-collection__calendar-date { flex-shrink: 0; margin-right: 0.5rem; width: 4rem; margin-right: 1rem; } @media all and (min-width: 40em) { .usa-collection__img, .usa-collection__calendar-date { width: 5rem; } } .usa-collection__body { flex: 1 1 0%; } .usa-collection__heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.06rem; line-height: 1.4; margin-bottom: 0; margin-top: 0; } .usa-collection__description { margin-bottom: 0.5rem; margin-top: 0.5rem; } .usa-collection__meta { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; margin-top: 0.25rem; } .usa-collection__meta > li { margin-bottom: 0; max-width: unset; } .usa-collection__meta-item { margin-top: 0.25rem; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.88rem; line-height: 1.4; display: block; margin-right: 0.5rem; } .usa-collection__meta-item.usa-tag { background-color: #dfe1e2; line-height: 1; padding-bottom: 0.25rem; padding-top: 0.25rem; color: #1b1b1b; display: inline-block; margin-top: 0.25rem; } .usa-collection__meta-item.usa-tag--new { background-color: #b50909; color: white; } .usa-collection__calendar-date { text-decoration: none; } .usa-collection__calendar-date-month, .usa-collection__calendar-date-day { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.06rem; display: block; font-weight: 700; padding: 0.25rem; text-align: center; } @media all and (min-width: 40em) { .usa-collection__calendar-date-month, .usa-collection__calendar-date-day { padding: 0.5rem; } } .usa-collection__calendar-date-month { border-top-left-radius: 2px; border-top-right-radius: 2px; background-color: #005ea2; color: white; } .usa-collection__calendar-date-day { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border: 1px solid #005ea2; color: #005ea2; } .usa-collection--condensed .usa-collection__item { margin-bottom: 0.5rem; margin-top: 0.5rem; padding-top: 0.5rem; } .usa-embed-container iframe, .usa-embed-container object, .usa-embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .usa-embed-container { box-sizing: border-box; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; max-width: 100%; } @supports (aspect-ratio: 1) { .usa-embed-container { height: inherit; padding: inherit; aspect-ratio: 1.7777777778; max-width: 100%; } .usa-embed-container > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.usa-embed-container, .usa-embed-container > img { object-fit: cover; } } .usa-footer { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; } .usa-footer > .grid-container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .usa-footer > .grid-container { padding-left: 2rem; padding-right: 2rem; } } .usa-footer__return-to-top { padding-bottom: 1.25rem; padding-top: 1.25rem; line-height: 1; } .usa-footer__return-to-top a { color: #005ea2; text-decoration: underline; } .usa-footer__return-to-top a:visited { color: #54278f; } .usa-footer__return-to-top a:hover { color: #1a4480; } .usa-footer__return-to-top a:active { color: #252f3e; } .usa-footer__return-to-top a:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-footer__nav { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; padding-left: 0; padding-right: 0; border-bottom: 1px solid #a9aeb1; } @media all and (min-width: 64em) { .usa-footer__nav { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .usa-footer__nav { padding-left: 1rem; padding-right: 1rem; border-bottom: none; } } @media all and (min-width: 30em) and (min-width: 64em) { .usa-footer__nav { padding-left: 2rem; padding-right: 2rem; } } .usa-footer__nav > ul { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; } .usa-footer__primary-section { background-color: #f0f0f0; } .usa-footer__primary-section > .grid-container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .usa-footer__primary-section > .grid-container { padding-left: 2rem; padding-right: 2rem; } } .usa-footer__primary-container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; padding-left: 0; padding-right: 0; } @media all and (min-width: 64em) { .usa-footer__primary-container { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .usa-footer__primary-container { padding-left: 2rem; padding-right: 2rem; } } .usa-footer__primary-content { line-height: 1.2; } .usa-footer__primary-link { padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-top: 1rem; color: #1b1b1b; font-weight: 700; border: 0; border-top: 1px solid #a9aeb1; display: block; } @media all and (min-width: 30em) { .usa-footer__primary-link { padding-left: 0; padding-right: 0; border: none; } } .usa-footer__primary-link--button { width: 100%; cursor: pointer; } .usa-footer__primary-link--button::before { background-image: url("../img/usa-icons/expand_more.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.25rem 1.25rem; display: inline-block; height: 1.25rem; width: 1.25rem; content: ""; vertical-align: middle; margin-right: 0.25rem; } @supports (mask: url("")) { .usa-footer__primary-link--button::before { background: none; background-color: currentColor; mask-image: url("../img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.25rem 1.25rem; } } .usa-footer__primary-link--button:not([disabled]):focus { outline: 0.25rem solid #2491ff; outline-offset: -0.25rem; } .usa-footer__primary-link--button::before { height: 1.25rem; width: 1.25rem; align-items: center; background-size: contain; content: ""; display: inline-flex; justify-content: center; margin-right: 0.25rem; margin-left: -0.25rem; } @media (forced-colors: active) { .usa-footer__primary-link--button::before { background-color: buttonText !important; } } .usa-footer__primary-link--button + .usa-list--unstyled { margin-top: 0.5rem; margin-bottom: 0.5rem; } .usa-footer__primary-link--button[aria-expanded=false]::before { background-image: url("../img/usa-icons/navigate_next.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.25rem 1.25rem; display: inline-block; height: 1.25rem; width: 1.25rem; content: ""; vertical-align: middle; margin-right: 0.25rem; } @supports (mask: url("")) { .usa-footer__primary-link--button[aria-expanded=false]::before { background: none; background-color: currentColor; mask-image: url("../img/usa-icons/navigate_next.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.25rem 1.25rem; } } .usa-footer__primary-link--button[aria-expanded=false] + .usa-list--unstyled { display: none; } .usa-footer__secondary-link { line-height: 1.2; margin-left: 1rem; padding: 0; } .usa-footer__secondary-link a { color: #005ea2; text-decoration: underline; } .usa-footer__secondary-link a:visited { color: #54278f; } .usa-footer__secondary-link a:hover { color: #1a4480; } .usa-footer__secondary-link a:active { color: #252f3e; } .usa-footer__secondary-link a:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-footer__secondary-link + .usa-footer__secondary-link { padding-top: 1rem; } @media all and (min-width: 30em) { .usa-footer__secondary-link { margin-left: 0; } } .usa-footer__contact-info { line-height: 1.2; } .usa-footer__contact-info a { color: #1b1b1b; } @media all and (min-width: 30em) { .usa-footer__contact-info { justify-content: flex-end; margin-top: 0.5rem; } } .usa-sign-up { padding-bottom: 2rem; padding-top: 1.5rem; } .usa-sign-up .usa-label, .usa-sign-up .usa-button { margin-top: 0.75rem; } .usa-sign-up__heading { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; line-height: 1.2; font-weight: 700; margin: 0; } .usa-footer__secondary-section { padding-bottom: 1.25rem; padding-top: 1.25rem; color: #1b1b1b; background-color: #dfe1e2; } .usa-footer__secondary-section > .grid-container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .usa-footer__secondary-section > .grid-container { padding-left: 2rem; padding-right: 2rem; } } .usa-footer__secondary-section > .grid-container > .grid-row { justify-content: space-between; } .usa-footer__secondary-section a { color: #1b1b1b; } .usa-footer__logo { margin-bottom: 0.5rem; margin-top: 0.5rem; } @media all and (min-width: 30em) { .usa-footer__logo { margin-bottom: 0; margin-top: 0; align-items: center; } } .usa-footer__logo-img { max-width: 5rem; } .usa-footer__logo-heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.38rem; line-height: 1; font-weight: 700; margin-bottom: 0.5rem; margin-top: 0.5rem; } .usa-footer__contact-links { margin-top: 1.5rem; } @media all and (min-width: 30em) { .usa-footer__contact-links { margin-top: 0; text-align: right; } } .usa-footer__contact-heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.38rem; line-height: 1.2; font-weight: 700; margin-top: 0; } @media all and (min-width: 30em) { .usa-footer__contact-heading { margin-bottom: 0.25rem; margin-top: 0.25rem; } } .usa-footer__social-links { line-height: 1; padding-bottom: 0.5rem; } .usa-footer__social-links a { text-decoration: none; } @media all and (min-width: 30em) { .usa-footer__social-links { justify-content: flex-end; } } .usa-social-link { height: 3rem; width: 3rem; background-color: rgba(0, 0, 0, 0.1); display: inline-block; padding: 0.25rem; } .usa-social-link:hover { background-color: white; } @media (forced-colors: active) { .usa-social-link { background-color: lightgrey; forced-color-adjust: none; } } .usa-social-link__icon { display: block; height: auto; width: 100%; } @media all and (min-width: 30em) { .usa-footer__address { justify-content: flex-end; } } @media all and (min-width: 64em) { .usa-footer--slim .usa-footer__nav { padding-left: 0; padding-right: 0; } } .usa-footer--slim .usa-footer__address { padding-left: 1rem; padding-right: 1rem; padding-bottom: 1rem; padding-top: 1rem; } @media all and (min-width: 30em) { .usa-footer--slim .usa-footer__address { padding: 0; } } .usa-footer--slim .usa-footer__logo { align-items: center; } .usa-footer--slim .usa-footer__logo-img { max-width: 3rem; } .usa-footer--slim .usa-footer__contact-info { display: inline-block; } @media all and (min-width: 30em) { .usa-footer--slim .usa-footer__contact-info { padding-bottom: 1rem; padding-top: 1rem; margin-top: 0; } } .usa-footer--big .usa-footer__nav { margin-left: -1rem; margin-right: -1rem; } @media all and (min-width: 30em) { .usa-footer--big .usa-footer__nav { border-bottom: 1px solid #a9aeb1; padding-top: 2rem; } } @media all and (min-width: 40em) { .usa-footer--big .usa-footer__nav { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; border-bottom: none; } } .usa-footer--big .usa-footer__primary-link { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; line-height: 1.2; font-weight: 700; line-height: 1.2; margin: 0; } @media all and (min-width: 30em) { .usa-footer--big .usa-footer__primary-link { padding-bottom: 0; padding-top: 0; margin-bottom: 0.5rem; } .usa-footer--big .usa-footer__primary-link:hover { cursor: auto; text-decoration: none; } } .usa-footer--big .usa-footer__primary-content--collapsible .usa-footer__primary-link { align-items: center; display: flex; justify-content: flex-start; } .usa-footer--big .usa-footer__primary-content--collapsible .usa-list--unstyled { padding-left: 1rem; padding-right: 1rem; padding-bottom: 1.25rem; } @media all and (min-width: 30em) { .usa-footer--big .usa-footer__primary-content--collapsible .usa-list--unstyled { padding-left: 0; padding-right: 0; padding-bottom: 2rem; padding-top: 0.75rem; } } .usa-form { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.4; } @media all and (min-width: 30em) { .usa-form { max-width: 20rem; } } .usa-form abbr[title=required] { text-decoration: none; } .usa-form :where(.usa-input, .usa-textarea, .usa-select, .usa-range) { max-width: none; } .usa-form .usa-button { margin-top: 0.5rem; } @media all and (min-width: 30em) { .usa-form .usa-button { margin-top: 1.5rem; } } .usa-form a:where(:not(.usa-button)) { color: #005ea2; text-decoration: underline; } .usa-form a:where(:not(.usa-button)):visited { color: #54278f; } .usa-form a:where(:not(.usa-button)):hover { color: #1a4480; } .usa-form a:where(:not(.usa-button)):active { color: #252f3e; } .usa-form a:where(:not(.usa-button)):focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } @media all and (min-width: 30em) { .usa-form--large { max-width: 30rem; } } .usa-show-password { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; cursor: pointer; } .usa-show-password:visited { color: #54278f; } .usa-show-password:hover { color: #1a4480; } .usa-show-password:active { color: #252f3e; } .usa-show-password:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-show-password:hover, .usa-show-password.usa-button--hover, .usa-show-password:disabled:hover, .usa-show-password[aria-disabled=true]:hover, .usa-show-password:disabled.usa-button--hover, .usa-show-password[aria-disabled=true].usa-button--hover, .usa-show-password:active, .usa-show-password.usa-button--active, .usa-show-password:disabled:active, .usa-show-password[aria-disabled=true]:active, .usa-show-password:disabled.usa-button--active, .usa-show-password[aria-disabled=true].usa-button--active, .usa-show-password:disabled:focus, .usa-show-password[aria-disabled=true]:focus, .usa-show-password:disabled.usa-focus, .usa-show-password[aria-disabled=true].usa-focus, .usa-show-password:disabled, .usa-show-password[aria-disabled=true], .usa-show-password.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-show-password.usa-button--hover { color: #1a4480; } .usa-show-password.usa-button--active { color: #252f3e; } .usa-show-password:disabled, .usa-show-password[aria-disabled=true], .usa-show-password:disabled:hover, .usa-show-password[aria-disabled=true]:hover, .usa-show-password[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-show-password:disabled, .usa-show-password[aria-disabled=true], .usa-show-password:disabled:hover, .usa-show-password[aria-disabled=true]:hover, .usa-show-password[aria-disabled=true]:focus { color: GrayText; } } .usa-form__note, .usa-show-password { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.88rem; line-height: 1.4; float: right; margin: 0.25rem 0 1rem; } .usa-graphic-list { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; } .usa-graphic-list .usa-graphic-list__row .usa-media-block { margin-bottom: 2rem; } @media all and (min-width: 40em) { .usa-graphic-list .usa-graphic-list__row .usa-media-block { margin-bottom: 4rem; } } @media all and (min-width: 40em) { .usa-graphic-list .usa-graphic-list__row:last-child .usa-media-block { margin-bottom: 0; } } .usa-graphic-list .usa-graphic-list__row:last-child .usa-media-block:last-child { margin-bottom: 0; } .usa-graphic-list .usa-media-block__img { margin-right: 1.5rem; } .usa-graphic-list .usa-media-block__body > :first-child { margin-top: 0; } .usa-graphic-list__heading { margin-bottom: 0; margin-top: 0; clear: both; font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; line-height: 1.2; font-weight: 700; } * + .usa-graphic-list__heading { margin-top: 1.5em; } .usa-graphic-list__heading + * { margin-top: 1em; } .usa-header { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; } .usa-header::after { clear: both; content: ""; display: block; } .usa-header a { border-bottom: none; } .usa-header .usa-search { margin-top: 0.5rem; } @media all and (min-width: 64em) { .usa-header .usa-search { float: right; } } @media all and (min-width: 64em) { .usa-header [role=search] { float: right; max-width: calc(27ch + 3rem); width: 100%; } } .usa-header [type=search] { min-width: 0; } @media all and (min-width: 64em) { .usa-header + .usa-hero { border-top: 1px solid white; } } @media all and (min-width: 64em) { .usa-header + .usa-section, .usa-header + main { border-top: 1px solid #dfe1e2; } } @media all and (max-width: 63.99em) { .usa-logo { flex: 1 1 0%; font-size: 0.88rem; line-height: 1; margin-left: 1rem; } } @media all and (min-width: 64em) { .usa-logo { margin-top: 2rem; margin-bottom: 1rem; font-size: 1.38rem; line-height: 1.2; } } .usa-logo a { color: #1b1b1b; text-decoration: none; } .usa-logo__text { display: block; font-style: normal; font-weight: 700; margin: 0; } .usa-menu-btn { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; flex: 0 1 auto; padding-left: 0.75rem; padding-right: 0.75rem; background-color: #005ea2; color: white; font-size: 0.81rem; height: 3rem; text-align: center; text-decoration: none; text-transform: uppercase; } .usa-menu-btn:visited { color: #54278f; } .usa-menu-btn:hover { color: #1a4480; } .usa-menu-btn:active { color: #252f3e; } .usa-menu-btn:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-menu-btn:hover, .usa-menu-btn.usa-button--hover, .usa-menu-btn:disabled:hover, .usa-menu-btn[aria-disabled=true]:hover, .usa-menu-btn:disabled.usa-button--hover, .usa-menu-btn[aria-disabled=true].usa-button--hover, .usa-menu-btn:active, .usa-menu-btn.usa-button--active, .usa-menu-btn:disabled:active, .usa-menu-btn[aria-disabled=true]:active, .usa-menu-btn:disabled.usa-button--active, .usa-menu-btn[aria-disabled=true].usa-button--active, .usa-menu-btn:disabled:focus, .usa-menu-btn[aria-disabled=true]:focus, .usa-menu-btn:disabled.usa-focus, .usa-menu-btn[aria-disabled=true].usa-focus, .usa-menu-btn:disabled, .usa-menu-btn[aria-disabled=true], .usa-menu-btn.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-menu-btn.usa-button--hover { color: #1a4480; } .usa-menu-btn.usa-button--active { color: #252f3e; } .usa-menu-btn:disabled, .usa-menu-btn[aria-disabled=true], .usa-menu-btn:disabled:hover, .usa-menu-btn[aria-disabled=true]:hover, .usa-menu-btn[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-menu-btn:disabled, .usa-menu-btn[aria-disabled=true], .usa-menu-btn:disabled:hover, .usa-menu-btn[aria-disabled=true]:hover, .usa-menu-btn[aria-disabled=true]:focus { color: GrayText; } } @media all and (min-width: 64em) { .usa-menu-btn { display: none; } } .usa-menu-btn:hover { background-color: #1a4480; color: white; text-decoration: none; } .usa-menu-btn:active { color: white; } .usa-menu-btn:visited { color: white; } .usa-overlay { position: absolute; bottom: 0; left: 0; right: 0; top: 0; position: fixed; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: opacity 0.15s ease-in-out; visibility: hidden; z-index: 400; } .usa-overlay.is-visible { opacity: 1; visibility: visible; } @media all and (min-width: 64em) { .usa-header--basic .usa-navbar { position: relative; width: 33%; } .usa-header--basic .usa-nav { flex-direction: row; align-items: center; justify-content: flex-end; display: flex; padding: 0 0 0.5rem 0.5rem; width: 100%; } .usa-header--basic .usa-nav-container { align-items: flex-end; justify-content: space-between; display: flex; } .usa-header--basic .usa-nav__primary-item > .usa-current, .usa-header--basic .usa-nav__link:hover { position: relative; } .usa-header--basic .usa-nav__primary-item > .usa-current::after, .usa-header--basic .usa-nav__link:hover::after { background-color: #005ea2; border-radius: 0; content: ""; display: block; position: absolute; height: 0.25rem; left: 1rem; right: 1rem; bottom: -0.25rem; } } @media (min-width: 64em) and (forced-colors: active) { .usa-header--basic .usa-nav__primary-item > .usa-current::after, .usa-header--basic .usa-nav__link:hover::after { background-color: ButtonText; } } @media all and (min-width: 64em) { .usa-header--basic .usa-nav__link[aria-expanded=true]::after, .usa-header--basic .usa-nav__link[aria-expanded=true]:hover::after { display: none; } .usa-header--basic .usa-nav__primary { width: auto; } .usa-header--basic .usa-nav__primary-item:last-of-type { position: relative; } .usa-header--basic .usa-nav__primary-item:last-of-type .usa-nav__submenu { position: absolute; right: 0; } .usa-header--basic .usa-search { top: 0; } } .usa-header--basic.usa-header--megamenu .usa-nav__inner { display: flex; flex-direction: column; } @media all and (min-width: 64em) { .usa-header--basic.usa-header--megamenu .usa-nav__inner { display: block; float: right; margin-top: -2.5rem; } } @media all and (min-width: 64em) { .usa-header--basic.usa-header--megamenu .usa-nav__primary-item:last-of-type { position: static; } } @media all and (min-width: 64em) { .usa-header--extended { padding-top: 0; } .usa-header--extended .usa-nav__primary-item > .usa-current, .usa-header--extended .usa-nav__primary-item > .usa-nav__link:hover { position: relative; } .usa-header--extended .usa-nav__primary-item > .usa-current::after, .usa-header--extended .usa-nav__primary-item > .usa-nav__link:hover::after { background-color: #005ea2; border-radius: 0; content: ""; display: block; position: absolute; height: 0.25rem; left: 1rem; right: 1rem; bottom: 0rem; } } @media (min-width: 64em) and (forced-colors: active) { .usa-header--extended .usa-nav__primary-item > .usa-current::after, .usa-header--extended .usa-nav__primary-item > .usa-nav__link:hover::after { background-color: ButtonText; } } @media all and (min-width: 64em) { .usa-header--extended .usa-nav__link[aria-expanded=true]::after, .usa-header--extended .usa-nav__link[aria-expanded=true]:hover::after { display: none; } } @media all and (min-width: 64em) { .usa-header--extended .usa-logo { font-size: 2rem; margin: 2rem 0 1.5rem; max-width: 33%; } } @media all and (min-width: 64em) { .usa-header--extended .usa-navbar { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; display: block; height: auto; overflow: auto; } } @media all and (min-width: 64em) and (min-width: 64em) { .usa-header--extended .usa-navbar { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .usa-header--extended .usa-nav { border-top: 1px solid #dfe1e2; padding: 0; width: 100%; } } @media all and (min-width: 64em) { .usa-header--extended .usa-nav__inner { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; position: relative; } } @media all and (min-width: 64em) and (min-width: 64em) { .usa-header--extended .usa-nav__inner { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .usa-header--extended .usa-nav__primary { margin-left: -1rem; } .usa-header--extended .usa-nav__primary::after { clear: both; content: ""; display: block; } } @media all and (min-width: 64em) { .usa-header--extended .usa-nav__link { padding-bottom: 1rem; padding-top: 1rem; } } @media all and (min-width: 64em) { .usa-header--extended .usa-nav__submenu .usa-grid-full { padding-left: 0.75rem; } } @media all and (min-width: 64em) { .usa-header--extended .usa-nav__submenu.usa-megamenu { left: 0; padding-left: 2rem; padding-right: 2rem; } } html.usa-js-loading .usa-nav__submenu, html.usa-js-loading .usa-nav__submenu.usa-megamenu { position: absolute; left: -999em; right: auto; } .usa-megamenu .usa-col { flex: 1 1 auto; } @media all and (min-width: 64em) { .usa-megamenu .usa-col { flex: 4 1 0%; } .usa-megamenu .usa-col .usa-nav__submenu-item a { padding-left: 0.5rem; padding-right: 0.5rem; } .usa-megamenu .usa-col:first-child .usa-nav__submenu-item a { padding-left: 0; } .usa-megamenu .usa-col:last-child .usa-nav__submenu-item a { padding-right: 0; } } @media all and (min-width: 64em) { .usa-megamenu.usa-nav__submenu { padding-left: 0; padding-right: 0; padding-bottom: 2rem; padding-top: 2rem; left: -33%; right: 0; width: auto; } } @media all and (min-width: 64em) { .usa-megamenu.usa-nav__submenu::before { position: absolute; bottom: 0; top: 0; background-color: #252f3e; content: ""; display: block; position: absolute; width: calc(50vw - 32rem + 2rem); right: 100%; } } @media all and (min-width: 64em) { .usa-megamenu.usa-nav__submenu::after { position: absolute; bottom: 0; top: 0; background-color: #252f3e; content: ""; display: block; position: absolute; width: calc(50vw - 32rem + 2rem); left: 100%; } } @media all and (min-width: 64em) { .usa-header--extended .usa-megamenu.usa-nav__submenu::before { position: absolute; bottom: 0; top: 0; background-color: #252f3e; content: ""; display: block; position: absolute; width: calc(50vw - 32rem); } } @media all and (min-width: 64em) { .usa-header--extended .usa-megamenu.usa-nav__submenu::after { position: absolute; bottom: 0; top: 0; background-color: #252f3e; content: ""; display: block; position: absolute; width: calc(50vw - 32rem); } } @media all and (min-width: 64em) { .usa-nav-container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; padding-left: 2rem; padding-right: 2rem; } .usa-nav-container::after { clear: both; content: ""; display: block; } } @media all and (min-width: 64em) and (min-width: 64em) { .usa-nav-container { padding-left: 2rem; padding-right: 2rem; } } .usa-navbar { height: 3rem; } @media all and (max-width: 63.99em) { .usa-navbar { align-items: center; border-bottom: 1px solid #dfe1e2; display: flex; } } @media all and (min-width: 64em) { .usa-navbar { border-bottom: none; display: inline-block; height: auto; } } .usa-hero { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; background-image: url("../img/hero.jpg"); background-position: center; background-size: cover; color: white; } .usa-hero > .grid-container { position: relative; padding-bottom: 2rem; padding-top: 2rem; } .usa-hero__callout { background-color: #252f3e; padding: 2rem; } @media all and (min-width: 40em) { .usa-hero__callout { max-width: 20rem; } } .usa-hero__heading { margin-bottom: 0; margin-top: 0; clear: both; font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; line-height: 1.2; font-weight: 700; color: #00bde3; line-height: 1.2; } * + .usa-hero__heading { margin-top: 1.5em; } .usa-hero__heading + * { margin-top: 1em; } .usa-hero__heading--alt { color: white; display: block; } .usa-icon-list { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; max-width: 72ex; } .usa-icon-list > li { margin-bottom: 0; max-width: unset; } .usa-icon-list__item { display: flex; position: relative; } .usa-icon-list__item + .usa-icon-list__item { padding-top: 0.75rem; } .usa-prose .usa-icon-list { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; max-width: 72ex; } .usa-prose .usa-icon-list > li { margin-bottom: 0; max-width: unset; } .usa-prose .usa-icon-list__item { display: flex; position: relative; } .usa-prose .usa-icon-list__item + .usa-icon-list__item { padding-top: 0.75rem; } .usa-icon-list--base-lightest .usa-icon-list__icon { color: #f0f0f0; } .usa-icon-list--base-lighter .usa-icon-list__icon { color: #dfe1e2; } .usa-icon-list--base-light .usa-icon-list__icon { color: #a9aeb1; } .usa-icon-list--base .usa-icon-list__icon { color: #71767a; } .usa-icon-list--base-dark .usa-icon-list__icon { color: #565c65; } .usa-icon-list--base-darker .usa-icon-list__icon { color: #3d4551; } .usa-icon-list--base-darkest .usa-icon-list__icon { color: #1b1b1b; } .usa-icon-list--primary-lighter .usa-icon-list__icon { color: #d9e8f6; } .usa-icon-list--primary-light .usa-icon-list__icon { color: #73b3e7; } .usa-icon-list--primary .usa-icon-list__icon { color: #005ea2; } .usa-icon-list--primary-vivid .usa-icon-list__icon { color: #0050d8; } .usa-icon-list--primary-dark .usa-icon-list__icon { color: #1a4480; } .usa-icon-list--primary-darker .usa-icon-list__icon { color: #252f3e; } .usa-icon-list--secondary-lighter .usa-icon-list__icon { color: #f2e4d4; } .usa-icon-list--secondary-light .usa-icon-list__icon { color: #ffbc78; } .usa-icon-list--secondary .usa-icon-list__icon { color: #fa9441; } .usa-icon-list--secondary-dark .usa-icon-list__icon { color: #c05600; } .usa-icon-list--secondary-darker .usa-icon-list__icon { color: #775540; } .usa-icon-list--accent-warm-lighter .usa-icon-list__icon { color: #f8dfe2; } .usa-icon-list--accent-warm-light .usa-icon-list__icon { color: #f2938c; } .usa-icon-list--accent-warm .usa-icon-list__icon { color: #d83933; } .usa-icon-list--accent-warm-dark .usa-icon-list__icon { color: #b50909; } .usa-icon-list--accent-warm-darker .usa-icon-list__icon { color: #8b0a03; } .usa-icon-list--accent-cool-lighter .usa-icon-list__icon { color: #e1f3f8; } .usa-icon-list--accent-cool-light .usa-icon-list__icon { color: #97d4ea; } .usa-icon-list--accent-cool .usa-icon-list__icon { color: #00bde3; } .usa-icon-list--accent-cool-dark .usa-icon-list__icon { color: #28a0cb; } .usa-icon-list--accent-cool-darker .usa-icon-list__icon { color: #07648d; } .usa-icon-list--error-lighter .usa-icon-list__icon { color: #f4e3db; } .usa-icon-list--error-light .usa-icon-list__icon { color: #f39268; } .usa-icon-list--error .usa-icon-list__icon { color: #d54309; } .usa-icon-list--error-dark .usa-icon-list__icon { color: #b50909; } .usa-icon-list--error-darker .usa-icon-list__icon { color: #6f3331; } .usa-icon-list--warning-lighter .usa-icon-list__icon { color: #faf3d1; } .usa-icon-list--warning-light .usa-icon-list__icon { color: #fee685; } .usa-icon-list--warning .usa-icon-list__icon { color: #ffbe2e; } .usa-icon-list--warning-dark .usa-icon-list__icon { color: #e5a000; } .usa-icon-list--warning-darker .usa-icon-list__icon { color: #936f38; } .usa-icon-list--success-lighter .usa-icon-list__icon { color: #ecf3ec; } .usa-icon-list--success-light .usa-icon-list__icon { color: #70e17b; } .usa-icon-list--success .usa-icon-list__icon { color: #00a91c; } .usa-icon-list--success-dark .usa-icon-list__icon { color: #008817; } .usa-icon-list--success-darker .usa-icon-list__icon { color: #216e1f; } .usa-icon-list--info-lighter .usa-icon-list__icon { color: #e7f6f8; } .usa-icon-list--info-light .usa-icon-list__icon { color: #99deea; } .usa-icon-list--info .usa-icon-list__icon { color: #00bde3; } .usa-icon-list--info-dark .usa-icon-list__icon { color: #009ec1; } .usa-icon-list--info-darker .usa-icon-list__icon { color: #2e6276; } .usa-icon-list--disabled-lighter .usa-icon-list__icon { color: #c9c9c9; } .usa-icon-list--disabled-light .usa-icon-list__icon { color: #919191; } .usa-icon-list--disabled .usa-icon-list__icon { color: #757575; } .usa-icon-list--disabled-dark .usa-icon-list__icon { color: #454545; } .usa-icon-list--disabled-darker .usa-icon-list__icon { color: #1b1b1b; } .usa-icon-list--emergency .usa-icon-list__icon { color: #9c3d10; } .usa-icon-list--emergency-dark .usa-icon-list__icon { color: #332d29; } .usa-icon-list__icon .usa-icon { display: block; height: 1.5rem; position: relative; width: 1.5rem; } .usa-icon-list__content > p, .usa-icon-list__content > ul, .usa-icon-list__content > ol { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; max-width: 72ex; } .usa-icon-list[class*=usa-icon-list--size-] { max-width: none; } .usa-icon-list--size-micro .usa-icon-list__icon .usa-icon { height: 0.945rem; width: 0.945rem; } .usa-icon-list--size-micro .usa-icon-list__content { max-width: 72ex; font-size: 0.63rem; padding-left: 0.252rem; } .usa-icon-list--size-micro .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.61rem; } .usa-icon-list--size-1 .usa-icon-list__icon .usa-icon { height: 1.125rem; width: 1.125rem; } .usa-icon-list--size-1 .usa-icon-list__content { max-width: 72ex; font-size: 0.75rem; padding-left: 0.3rem; } .usa-icon-list--size-1 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.73rem; } .usa-icon-list--size-2 .usa-icon-list__icon .usa-icon { height: 1.215rem; width: 1.215rem; } .usa-icon-list--size-2 .usa-icon-list__content { max-width: 72ex; font-size: 0.81rem; padding-left: 0.324rem; } .usa-icon-list--size-2 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.79rem; } .usa-icon-list--size-3 .usa-icon-list__icon .usa-icon { height: 1.32rem; width: 1.32rem; } .usa-icon-list--size-3 .usa-icon-list__content { max-width: 72ex; font-size: 0.88rem; padding-left: 0.352rem; } .usa-icon-list--size-3 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.85rem; } .usa-icon-list--size-4 .usa-icon-list__icon .usa-icon { height: 1.41rem; width: 1.41rem; } .usa-icon-list--size-4 .usa-icon-list__content { max-width: 72ex; font-size: 0.94rem; padding-left: 0.376rem; } .usa-icon-list--size-4 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.91rem; } .usa-icon-list--size-5 .usa-icon-list__icon .usa-icon { height: 1.5rem; width: 1.5rem; } .usa-icon-list--size-5 .usa-icon-list__content { max-width: 72ex; font-size: 1rem; padding-left: 0.4rem; } .usa-icon-list--size-5 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; } .usa-icon-list--size-6 .usa-icon-list__icon .usa-icon { height: 1.59rem; width: 1.59rem; } .usa-icon-list--size-6 .usa-icon-list__content { max-width: 72ex; font-size: 1.06rem; padding-left: 0.424rem; } .usa-icon-list--size-6 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.04rem; } .usa-icon-list--size-7 .usa-icon-list__icon .usa-icon { height: 1.695rem; width: 1.695rem; } .usa-icon-list--size-7 .usa-icon-list__content { max-width: 72ex; font-size: 1.13rem; padding-left: 0.452rem; } .usa-icon-list--size-7 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.1rem; } .usa-icon-list--size-8 .usa-icon-list__icon .usa-icon { height: 1.875rem; width: 1.875rem; } .usa-icon-list--size-8 .usa-icon-list__content { max-width: 72ex; font-size: 1.25rem; padding-left: 0.5rem; } .usa-icon-list--size-8 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.22rem; } .usa-icon-list--size-9 .usa-icon-list__icon .usa-icon { height: 2.07rem; width: 2.07rem; } .usa-icon-list--size-9 .usa-icon-list__content { max-width: 72ex; font-size: 1.38rem; padding-left: 0.552rem; } .usa-icon-list--size-9 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; } .usa-icon-list--size-10 .usa-icon-list__icon .usa-icon { height: 2.25rem; width: 2.25rem; } .usa-icon-list--size-10 .usa-icon-list__content { max-width: 72ex; font-size: 1.5rem; padding-left: 0.6rem; } .usa-icon-list--size-10 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.46rem; } .usa-icon-list--size-11 .usa-icon-list__icon .usa-icon { height: 2.625rem; width: 2.625rem; } .usa-icon-list--size-11 .usa-icon-list__content { max-width: 72ex; font-size: 1.75rem; padding-left: 0.7rem; } .usa-icon-list--size-11 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.71rem; } .usa-icon-list--size-12 .usa-icon-list__icon .usa-icon { height: 3rem; width: 3rem; } .usa-icon-list--size-12 .usa-icon-list__content { max-width: 72ex; font-size: 2rem; padding-left: 0.8rem; } .usa-icon-list--size-12 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; } .usa-icon-list--size-13 .usa-icon-list__icon .usa-icon { height: 3.375rem; width: 3.375rem; } .usa-icon-list--size-13 .usa-icon-list__content { max-width: 72ex; font-size: 2.25rem; padding-left: 0.9rem; } .usa-icon-list--size-13 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.2rem; } .usa-icon-list--size-14 .usa-icon-list__icon .usa-icon { height: 3.75rem; width: 3.75rem; } .usa-icon-list--size-14 .usa-icon-list__content { max-width: 72ex; font-size: 2.5rem; padding-left: 1rem; } .usa-icon-list--size-14 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.44rem; } .usa-icon-list--size-15 .usa-icon-list__icon .usa-icon { height: 4.5rem; width: 4.5rem; } .usa-icon-list--size-15 .usa-icon-list__content { max-width: 72ex; font-size: 3rem; padding-left: 1.2rem; } .usa-icon-list--size-15 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.93rem; } .usa-icon-list--size-16 .usa-icon-list__icon .usa-icon { height: 5.25rem; width: 5.25rem; } .usa-icon-list--size-16 .usa-icon-list__content { max-width: 72ex; font-size: 3.5rem; padding-left: 1.4rem; } .usa-icon-list--size-16 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 3.42rem; } .usa-icon-list--size-17 .usa-icon-list__icon .usa-icon { height: 6rem; width: 6rem; } .usa-icon-list--size-17 .usa-icon-list__content { max-width: 72ex; font-size: 4rem; padding-left: 1.6rem; } .usa-icon-list--size-17 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 3.9rem; } .usa-icon-list--size-18 .usa-icon-list__icon .usa-icon { height: 7.5rem; width: 7.5rem; } .usa-icon-list--size-18 .usa-icon-list__content { max-width: 72ex; font-size: 5rem; padding-left: 2rem; } .usa-icon-list--size-18 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 4.88rem; } .usa-icon-list--size-19 .usa-icon-list__icon .usa-icon { height: 11.25rem; width: 11.25rem; } .usa-icon-list--size-19 .usa-icon-list__content { max-width: 72ex; font-size: 7.5rem; padding-left: 3rem; } .usa-icon-list--size-19 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 7.32rem; } .usa-icon-list--size-20 .usa-icon-list__icon .usa-icon { height: 13.125rem; width: 13.125rem; } .usa-icon-list--size-20 .usa-icon-list__content { max-width: 72ex; font-size: 8.75rem; padding-left: 3.5rem; } .usa-icon-list--size-20 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 8.54rem; } .usa-icon-list--size-3xs .usa-icon-list__icon .usa-icon { height: 1.215rem; width: 1.215rem; } .usa-icon-list--size-3xs .usa-icon-list__content { max-width: 72ex; font-size: 0.81rem; padding-left: 0.324rem; } .usa-icon-list--size-3xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.79rem; } .usa-icon-list--size-2xs .usa-icon-list__icon .usa-icon { height: 1.32rem; width: 1.32rem; } .usa-icon-list--size-2xs .usa-icon-list__content { max-width: 72ex; font-size: 0.88rem; padding-left: 0.352rem; } .usa-icon-list--size-2xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.85rem; } .usa-icon-list--size-xs .usa-icon-list__icon .usa-icon { height: 1.41rem; width: 1.41rem; } .usa-icon-list--size-xs .usa-icon-list__content { max-width: 72ex; font-size: 0.94rem; padding-left: 0.376rem; } .usa-icon-list--size-xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.91rem; } .usa-icon-list--size-sm .usa-icon-list__icon .usa-icon { height: 1.5rem; width: 1.5rem; } .usa-icon-list--size-sm .usa-icon-list__content { max-width: 72ex; font-size: 1rem; padding-left: 0.4rem; } .usa-icon-list--size-sm .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; } .usa-icon-list--size-md .usa-icon-list__icon .usa-icon { height: 1.59rem; width: 1.59rem; } .usa-icon-list--size-md .usa-icon-list__content { max-width: 72ex; font-size: 1.06rem; padding-left: 0.424rem; } .usa-icon-list--size-md .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.04rem; } .usa-icon-list--size-lg .usa-icon-list__icon .usa-icon { height: 2.07rem; width: 2.07rem; } .usa-icon-list--size-lg .usa-icon-list__content { max-width: 72ex; font-size: 1.38rem; padding-left: 0.552rem; } .usa-icon-list--size-lg .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; } .usa-icon-list--size-xl .usa-icon-list__icon .usa-icon { height: 3rem; width: 3rem; } .usa-icon-list--size-xl .usa-icon-list__content { max-width: 72ex; font-size: 2rem; padding-left: 0.8rem; } .usa-icon-list--size-xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; } .usa-icon-list--size-2xl .usa-icon-list__icon .usa-icon { height: 3.75rem; width: 3.75rem; } .usa-icon-list--size-2xl .usa-icon-list__content { max-width: 72ex; font-size: 2.5rem; padding-left: 1rem; } .usa-icon-list--size-2xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.44rem; } .usa-icon-list--size-3xl .usa-icon-list__icon .usa-icon { height: 4.5rem; width: 4.5rem; } .usa-icon-list--size-3xl .usa-icon-list__content { max-width: 72ex; font-size: 3rem; padding-left: 1.2rem; } .usa-icon-list--size-3xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.93rem; } @media all and (min-width: 30em) { .mobile-lg\:usa-icon-list--size-micro .usa-icon-list__icon .usa-icon { height: 0.945rem; width: 0.945rem; } .mobile-lg\:usa-icon-list--size-micro .usa-icon-list__content { max-width: 72ex; font-size: 0.63rem; padding-left: 0.252rem; } .mobile-lg\:usa-icon-list--size-micro .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.61rem; } .mobile-lg\:usa-icon-list--size-1 .usa-icon-list__icon .usa-icon { height: 1.125rem; width: 1.125rem; } .mobile-lg\:usa-icon-list--size-1 .usa-icon-list__content { max-width: 72ex; font-size: 0.75rem; padding-left: 0.3rem; } .mobile-lg\:usa-icon-list--size-1 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.73rem; } .mobile-lg\:usa-icon-list--size-2 .usa-icon-list__icon .usa-icon { height: 1.215rem; width: 1.215rem; } .mobile-lg\:usa-icon-list--size-2 .usa-icon-list__content { max-width: 72ex; font-size: 0.81rem; padding-left: 0.324rem; } .mobile-lg\:usa-icon-list--size-2 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.79rem; } .mobile-lg\:usa-icon-list--size-3 .usa-icon-list__icon .usa-icon { height: 1.32rem; width: 1.32rem; } .mobile-lg\:usa-icon-list--size-3 .usa-icon-list__content { max-width: 72ex; font-size: 0.88rem; padding-left: 0.352rem; } .mobile-lg\:usa-icon-list--size-3 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.85rem; } .mobile-lg\:usa-icon-list--size-4 .usa-icon-list__icon .usa-icon { height: 1.41rem; width: 1.41rem; } .mobile-lg\:usa-icon-list--size-4 .usa-icon-list__content { max-width: 72ex; font-size: 0.94rem; padding-left: 0.376rem; } .mobile-lg\:usa-icon-list--size-4 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.91rem; } .mobile-lg\:usa-icon-list--size-5 .usa-icon-list__icon .usa-icon { height: 1.5rem; width: 1.5rem; } .mobile-lg\:usa-icon-list--size-5 .usa-icon-list__content { max-width: 72ex; font-size: 1rem; padding-left: 0.4rem; } .mobile-lg\:usa-icon-list--size-5 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; } .mobile-lg\:usa-icon-list--size-6 .usa-icon-list__icon .usa-icon { height: 1.59rem; width: 1.59rem; } .mobile-lg\:usa-icon-list--size-6 .usa-icon-list__content { max-width: 72ex; font-size: 1.06rem; padding-left: 0.424rem; } .mobile-lg\:usa-icon-list--size-6 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.04rem; } .mobile-lg\:usa-icon-list--size-7 .usa-icon-list__icon .usa-icon { height: 1.695rem; width: 1.695rem; } .mobile-lg\:usa-icon-list--size-7 .usa-icon-list__content { max-width: 72ex; font-size: 1.13rem; padding-left: 0.452rem; } .mobile-lg\:usa-icon-list--size-7 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.1rem; } .mobile-lg\:usa-icon-list--size-8 .usa-icon-list__icon .usa-icon { height: 1.875rem; width: 1.875rem; } .mobile-lg\:usa-icon-list--size-8 .usa-icon-list__content { max-width: 72ex; font-size: 1.25rem; padding-left: 0.5rem; } .mobile-lg\:usa-icon-list--size-8 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.22rem; } .mobile-lg\:usa-icon-list--size-9 .usa-icon-list__icon .usa-icon { height: 2.07rem; width: 2.07rem; } .mobile-lg\:usa-icon-list--size-9 .usa-icon-list__content { max-width: 72ex; font-size: 1.38rem; padding-left: 0.552rem; } .mobile-lg\:usa-icon-list--size-9 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; } .mobile-lg\:usa-icon-list--size-10 .usa-icon-list__icon .usa-icon { height: 2.25rem; width: 2.25rem; } .mobile-lg\:usa-icon-list--size-10 .usa-icon-list__content { max-width: 72ex; font-size: 1.5rem; padding-left: 0.6rem; } .mobile-lg\:usa-icon-list--size-10 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.46rem; } .mobile-lg\:usa-icon-list--size-11 .usa-icon-list__icon .usa-icon { height: 2.625rem; width: 2.625rem; } .mobile-lg\:usa-icon-list--size-11 .usa-icon-list__content { max-width: 72ex; font-size: 1.75rem; padding-left: 0.7rem; } .mobile-lg\:usa-icon-list--size-11 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.71rem; } .mobile-lg\:usa-icon-list--size-12 .usa-icon-list__icon .usa-icon { height: 3rem; width: 3rem; } .mobile-lg\:usa-icon-list--size-12 .usa-icon-list__content { max-width: 72ex; font-size: 2rem; padding-left: 0.8rem; } .mobile-lg\:usa-icon-list--size-12 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; } .mobile-lg\:usa-icon-list--size-13 .usa-icon-list__icon .usa-icon { height: 3.375rem; width: 3.375rem; } .mobile-lg\:usa-icon-list--size-13 .usa-icon-list__content { max-width: 72ex; font-size: 2.25rem; padding-left: 0.9rem; } .mobile-lg\:usa-icon-list--size-13 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.2rem; } .mobile-lg\:usa-icon-list--size-14 .usa-icon-list__icon .usa-icon { height: 3.75rem; width: 3.75rem; } .mobile-lg\:usa-icon-list--size-14 .usa-icon-list__content { max-width: 72ex; font-size: 2.5rem; padding-left: 1rem; } .mobile-lg\:usa-icon-list--size-14 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.44rem; } .mobile-lg\:usa-icon-list--size-15 .usa-icon-list__icon .usa-icon { height: 4.5rem; width: 4.5rem; } .mobile-lg\:usa-icon-list--size-15 .usa-icon-list__content { max-width: 72ex; font-size: 3rem; padding-left: 1.2rem; } .mobile-lg\:usa-icon-list--size-15 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.93rem; } .mobile-lg\:usa-icon-list--size-16 .usa-icon-list__icon .usa-icon { height: 5.25rem; width: 5.25rem; } .mobile-lg\:usa-icon-list--size-16 .usa-icon-list__content { max-width: 72ex; font-size: 3.5rem; padding-left: 1.4rem; } .mobile-lg\:usa-icon-list--size-16 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 3.42rem; } .mobile-lg\:usa-icon-list--size-17 .usa-icon-list__icon .usa-icon { height: 6rem; width: 6rem; } .mobile-lg\:usa-icon-list--size-17 .usa-icon-list__content { max-width: 72ex; font-size: 4rem; padding-left: 1.6rem; } .mobile-lg\:usa-icon-list--size-17 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 3.9rem; } .mobile-lg\:usa-icon-list--size-18 .usa-icon-list__icon .usa-icon { height: 7.5rem; width: 7.5rem; } .mobile-lg\:usa-icon-list--size-18 .usa-icon-list__content { max-width: 72ex; font-size: 5rem; padding-left: 2rem; } .mobile-lg\:usa-icon-list--size-18 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 4.88rem; } .mobile-lg\:usa-icon-list--size-19 .usa-icon-list__icon .usa-icon { height: 11.25rem; width: 11.25rem; } .mobile-lg\:usa-icon-list--size-19 .usa-icon-list__content { max-width: 72ex; font-size: 7.5rem; padding-left: 3rem; } .mobile-lg\:usa-icon-list--size-19 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 7.32rem; } .mobile-lg\:usa-icon-list--size-20 .usa-icon-list__icon .usa-icon { height: 13.125rem; width: 13.125rem; } .mobile-lg\:usa-icon-list--size-20 .usa-icon-list__content { max-width: 72ex; font-size: 8.75rem; padding-left: 3.5rem; } .mobile-lg\:usa-icon-list--size-20 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 8.54rem; } .mobile-lg\:usa-icon-list--size-3xs .usa-icon-list__icon .usa-icon { height: 1.215rem; width: 1.215rem; } .mobile-lg\:usa-icon-list--size-3xs .usa-icon-list__content { max-width: 72ex; font-size: 0.81rem; padding-left: 0.324rem; } .mobile-lg\:usa-icon-list--size-3xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.79rem; } .mobile-lg\:usa-icon-list--size-2xs .usa-icon-list__icon .usa-icon { height: 1.32rem; width: 1.32rem; } .mobile-lg\:usa-icon-list--size-2xs .usa-icon-list__content { max-width: 72ex; font-size: 0.88rem; padding-left: 0.352rem; } .mobile-lg\:usa-icon-list--size-2xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.85rem; } .mobile-lg\:usa-icon-list--size-xs .usa-icon-list__icon .usa-icon { height: 1.41rem; width: 1.41rem; } .mobile-lg\:usa-icon-list--size-xs .usa-icon-list__content { max-width: 72ex; font-size: 0.94rem; padding-left: 0.376rem; } .mobile-lg\:usa-icon-list--size-xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.91rem; } .mobile-lg\:usa-icon-list--size-sm .usa-icon-list__icon .usa-icon { height: 1.5rem; width: 1.5rem; } .mobile-lg\:usa-icon-list--size-sm .usa-icon-list__content { max-width: 72ex; font-size: 1rem; padding-left: 0.4rem; } .mobile-lg\:usa-icon-list--size-sm .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; } .mobile-lg\:usa-icon-list--size-md .usa-icon-list__icon .usa-icon { height: 1.59rem; width: 1.59rem; } .mobile-lg\:usa-icon-list--size-md .usa-icon-list__content { max-width: 72ex; font-size: 1.06rem; padding-left: 0.424rem; } .mobile-lg\:usa-icon-list--size-md .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.04rem; } .mobile-lg\:usa-icon-list--size-lg .usa-icon-list__icon .usa-icon { height: 2.07rem; width: 2.07rem; } .mobile-lg\:usa-icon-list--size-lg .usa-icon-list__content { max-width: 72ex; font-size: 1.38rem; padding-left: 0.552rem; } .mobile-lg\:usa-icon-list--size-lg .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; } .mobile-lg\:usa-icon-list--size-xl .usa-icon-list__icon .usa-icon { height: 3rem; width: 3rem; } .mobile-lg\:usa-icon-list--size-xl .usa-icon-list__content { max-width: 72ex; font-size: 2rem; padding-left: 0.8rem; } .mobile-lg\:usa-icon-list--size-xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; } .mobile-lg\:usa-icon-list--size-2xl .usa-icon-list__icon .usa-icon { height: 3.75rem; width: 3.75rem; } .mobile-lg\:usa-icon-list--size-2xl .usa-icon-list__content { max-width: 72ex; font-size: 2.5rem; padding-left: 1rem; } .mobile-lg\:usa-icon-list--size-2xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.44rem; } .mobile-lg\:usa-icon-list--size-3xl .usa-icon-list__icon .usa-icon { height: 4.5rem; width: 4.5rem; } .mobile-lg\:usa-icon-list--size-3xl .usa-icon-list__content { max-width: 72ex; font-size: 3rem; padding-left: 1.2rem; } .mobile-lg\:usa-icon-list--size-3xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.93rem; } } @media all and (min-width: 40em) { .tablet\:usa-icon-list--size-micro .usa-icon-list__icon .usa-icon { height: 0.945rem; width: 0.945rem; } .tablet\:usa-icon-list--size-micro .usa-icon-list__content { max-width: 72ex; font-size: 0.63rem; padding-left: 0.252rem; } .tablet\:usa-icon-list--size-micro .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.61rem; } .tablet\:usa-icon-list--size-1 .usa-icon-list__icon .usa-icon { height: 1.125rem; width: 1.125rem; } .tablet\:usa-icon-list--size-1 .usa-icon-list__content { max-width: 72ex; font-size: 0.75rem; padding-left: 0.3rem; } .tablet\:usa-icon-list--size-1 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.73rem; } .tablet\:usa-icon-list--size-2 .usa-icon-list__icon .usa-icon { height: 1.215rem; width: 1.215rem; } .tablet\:usa-icon-list--size-2 .usa-icon-list__content { max-width: 72ex; font-size: 0.81rem; padding-left: 0.324rem; } .tablet\:usa-icon-list--size-2 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.79rem; } .tablet\:usa-icon-list--size-3 .usa-icon-list__icon .usa-icon { height: 1.32rem; width: 1.32rem; } .tablet\:usa-icon-list--size-3 .usa-icon-list__content { max-width: 72ex; font-size: 0.88rem; padding-left: 0.352rem; } .tablet\:usa-icon-list--size-3 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.85rem; } .tablet\:usa-icon-list--size-4 .usa-icon-list__icon .usa-icon { height: 1.41rem; width: 1.41rem; } .tablet\:usa-icon-list--size-4 .usa-icon-list__content { max-width: 72ex; font-size: 0.94rem; padding-left: 0.376rem; } .tablet\:usa-icon-list--size-4 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.91rem; } .tablet\:usa-icon-list--size-5 .usa-icon-list__icon .usa-icon { height: 1.5rem; width: 1.5rem; } .tablet\:usa-icon-list--size-5 .usa-icon-list__content { max-width: 72ex; font-size: 1rem; padding-left: 0.4rem; } .tablet\:usa-icon-list--size-5 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; } .tablet\:usa-icon-list--size-6 .usa-icon-list__icon .usa-icon { height: 1.59rem; width: 1.59rem; } .tablet\:usa-icon-list--size-6 .usa-icon-list__content { max-width: 72ex; font-size: 1.06rem; padding-left: 0.424rem; } .tablet\:usa-icon-list--size-6 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.04rem; } .tablet\:usa-icon-list--size-7 .usa-icon-list__icon .usa-icon { height: 1.695rem; width: 1.695rem; } .tablet\:usa-icon-list--size-7 .usa-icon-list__content { max-width: 72ex; font-size: 1.13rem; padding-left: 0.452rem; } .tablet\:usa-icon-list--size-7 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.1rem; } .tablet\:usa-icon-list--size-8 .usa-icon-list__icon .usa-icon { height: 1.875rem; width: 1.875rem; } .tablet\:usa-icon-list--size-8 .usa-icon-list__content { max-width: 72ex; font-size: 1.25rem; padding-left: 0.5rem; } .tablet\:usa-icon-list--size-8 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.22rem; } .tablet\:usa-icon-list--size-9 .usa-icon-list__icon .usa-icon { height: 2.07rem; width: 2.07rem; } .tablet\:usa-icon-list--size-9 .usa-icon-list__content { max-width: 72ex; font-size: 1.38rem; padding-left: 0.552rem; } .tablet\:usa-icon-list--size-9 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; } .tablet\:usa-icon-list--size-10 .usa-icon-list__icon .usa-icon { height: 2.25rem; width: 2.25rem; } .tablet\:usa-icon-list--size-10 .usa-icon-list__content { max-width: 72ex; font-size: 1.5rem; padding-left: 0.6rem; } .tablet\:usa-icon-list--size-10 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.46rem; } .tablet\:usa-icon-list--size-11 .usa-icon-list__icon .usa-icon { height: 2.625rem; width: 2.625rem; } .tablet\:usa-icon-list--size-11 .usa-icon-list__content { max-width: 72ex; font-size: 1.75rem; padding-left: 0.7rem; } .tablet\:usa-icon-list--size-11 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.71rem; } .tablet\:usa-icon-list--size-12 .usa-icon-list__icon .usa-icon { height: 3rem; width: 3rem; } .tablet\:usa-icon-list--size-12 .usa-icon-list__content { max-width: 72ex; font-size: 2rem; padding-left: 0.8rem; } .tablet\:usa-icon-list--size-12 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; } .tablet\:usa-icon-list--size-13 .usa-icon-list__icon .usa-icon { height: 3.375rem; width: 3.375rem; } .tablet\:usa-icon-list--size-13 .usa-icon-list__content { max-width: 72ex; font-size: 2.25rem; padding-left: 0.9rem; } .tablet\:usa-icon-list--size-13 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.2rem; } .tablet\:usa-icon-list--size-14 .usa-icon-list__icon .usa-icon { height: 3.75rem; width: 3.75rem; } .tablet\:usa-icon-list--size-14 .usa-icon-list__content { max-width: 72ex; font-size: 2.5rem; padding-left: 1rem; } .tablet\:usa-icon-list--size-14 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.44rem; } .tablet\:usa-icon-list--size-15 .usa-icon-list__icon .usa-icon { height: 4.5rem; width: 4.5rem; } .tablet\:usa-icon-list--size-15 .usa-icon-list__content { max-width: 72ex; font-size: 3rem; padding-left: 1.2rem; } .tablet\:usa-icon-list--size-15 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.93rem; } .tablet\:usa-icon-list--size-16 .usa-icon-list__icon .usa-icon { height: 5.25rem; width: 5.25rem; } .tablet\:usa-icon-list--size-16 .usa-icon-list__content { max-width: 72ex; font-size: 3.5rem; padding-left: 1.4rem; } .tablet\:usa-icon-list--size-16 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 3.42rem; } .tablet\:usa-icon-list--size-17 .usa-icon-list__icon .usa-icon { height: 6rem; width: 6rem; } .tablet\:usa-icon-list--size-17 .usa-icon-list__content { max-width: 72ex; font-size: 4rem; padding-left: 1.6rem; } .tablet\:usa-icon-list--size-17 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 3.9rem; } .tablet\:usa-icon-list--size-18 .usa-icon-list__icon .usa-icon { height: 7.5rem; width: 7.5rem; } .tablet\:usa-icon-list--size-18 .usa-icon-list__content { max-width: 72ex; font-size: 5rem; padding-left: 2rem; } .tablet\:usa-icon-list--size-18 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 4.88rem; } .tablet\:usa-icon-list--size-19 .usa-icon-list__icon .usa-icon { height: 11.25rem; width: 11.25rem; } .tablet\:usa-icon-list--size-19 .usa-icon-list__content { max-width: 72ex; font-size: 7.5rem; padding-left: 3rem; } .tablet\:usa-icon-list--size-19 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 7.32rem; } .tablet\:usa-icon-list--size-20 .usa-icon-list__icon .usa-icon { height: 13.125rem; width: 13.125rem; } .tablet\:usa-icon-list--size-20 .usa-icon-list__content { max-width: 72ex; font-size: 8.75rem; padding-left: 3.5rem; } .tablet\:usa-icon-list--size-20 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 8.54rem; } .tablet\:usa-icon-list--size-3xs .usa-icon-list__icon .usa-icon { height: 1.215rem; width: 1.215rem; } .tablet\:usa-icon-list--size-3xs .usa-icon-list__content { max-width: 72ex; font-size: 0.81rem; padding-left: 0.324rem; } .tablet\:usa-icon-list--size-3xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.79rem; } .tablet\:usa-icon-list--size-2xs .usa-icon-list__icon .usa-icon { height: 1.32rem; width: 1.32rem; } .tablet\:usa-icon-list--size-2xs .usa-icon-list__content { max-width: 72ex; font-size: 0.88rem; padding-left: 0.352rem; } .tablet\:usa-icon-list--size-2xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.85rem; } .tablet\:usa-icon-list--size-xs .usa-icon-list__icon .usa-icon { height: 1.41rem; width: 1.41rem; } .tablet\:usa-icon-list--size-xs .usa-icon-list__content { max-width: 72ex; font-size: 0.94rem; padding-left: 0.376rem; } .tablet\:usa-icon-list--size-xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.91rem; } .tablet\:usa-icon-list--size-sm .usa-icon-list__icon .usa-icon { height: 1.5rem; width: 1.5rem; } .tablet\:usa-icon-list--size-sm .usa-icon-list__content { max-width: 72ex; font-size: 1rem; padding-left: 0.4rem; } .tablet\:usa-icon-list--size-sm .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; } .tablet\:usa-icon-list--size-md .usa-icon-list__icon .usa-icon { height: 1.59rem; width: 1.59rem; } .tablet\:usa-icon-list--size-md .usa-icon-list__content { max-width: 72ex; font-size: 1.06rem; padding-left: 0.424rem; } .tablet\:usa-icon-list--size-md .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.04rem; } .tablet\:usa-icon-list--size-lg .usa-icon-list__icon .usa-icon { height: 2.07rem; width: 2.07rem; } .tablet\:usa-icon-list--size-lg .usa-icon-list__content { max-width: 72ex; font-size: 1.38rem; padding-left: 0.552rem; } .tablet\:usa-icon-list--size-lg .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; } .tablet\:usa-icon-list--size-xl .usa-icon-list__icon .usa-icon { height: 3rem; width: 3rem; } .tablet\:usa-icon-list--size-xl .usa-icon-list__content { max-width: 72ex; font-size: 2rem; padding-left: 0.8rem; } .tablet\:usa-icon-list--size-xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; } .tablet\:usa-icon-list--size-2xl .usa-icon-list__icon .usa-icon { height: 3.75rem; width: 3.75rem; } .tablet\:usa-icon-list--size-2xl .usa-icon-list__content { max-width: 72ex; font-size: 2.5rem; padding-left: 1rem; } .tablet\:usa-icon-list--size-2xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.44rem; } .tablet\:usa-icon-list--size-3xl .usa-icon-list__icon .usa-icon { height: 4.5rem; width: 4.5rem; } .tablet\:usa-icon-list--size-3xl .usa-icon-list__content { max-width: 72ex; font-size: 3rem; padding-left: 1.2rem; } .tablet\:usa-icon-list--size-3xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.93rem; } } @media all and (min-width: 64em) { .desktop\:usa-icon-list--size-micro .usa-icon-list__icon .usa-icon { height: 0.945rem; width: 0.945rem; } .desktop\:usa-icon-list--size-micro .usa-icon-list__content { max-width: 72ex; font-size: 0.63rem; padding-left: 0.252rem; } .desktop\:usa-icon-list--size-micro .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.61rem; } .desktop\:usa-icon-list--size-1 .usa-icon-list__icon .usa-icon { height: 1.125rem; width: 1.125rem; } .desktop\:usa-icon-list--size-1 .usa-icon-list__content { max-width: 72ex; font-size: 0.75rem; padding-left: 0.3rem; } .desktop\:usa-icon-list--size-1 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.73rem; } .desktop\:usa-icon-list--size-2 .usa-icon-list__icon .usa-icon { height: 1.215rem; width: 1.215rem; } .desktop\:usa-icon-list--size-2 .usa-icon-list__content { max-width: 72ex; font-size: 0.81rem; padding-left: 0.324rem; } .desktop\:usa-icon-list--size-2 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.79rem; } .desktop\:usa-icon-list--size-3 .usa-icon-list__icon .usa-icon { height: 1.32rem; width: 1.32rem; } .desktop\:usa-icon-list--size-3 .usa-icon-list__content { max-width: 72ex; font-size: 0.88rem; padding-left: 0.352rem; } .desktop\:usa-icon-list--size-3 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.85rem; } .desktop\:usa-icon-list--size-4 .usa-icon-list__icon .usa-icon { height: 1.41rem; width: 1.41rem; } .desktop\:usa-icon-list--size-4 .usa-icon-list__content { max-width: 72ex; font-size: 0.94rem; padding-left: 0.376rem; } .desktop\:usa-icon-list--size-4 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.91rem; } .desktop\:usa-icon-list--size-5 .usa-icon-list__icon .usa-icon { height: 1.5rem; width: 1.5rem; } .desktop\:usa-icon-list--size-5 .usa-icon-list__content { max-width: 72ex; font-size: 1rem; padding-left: 0.4rem; } .desktop\:usa-icon-list--size-5 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; } .desktop\:usa-icon-list--size-6 .usa-icon-list__icon .usa-icon { height: 1.59rem; width: 1.59rem; } .desktop\:usa-icon-list--size-6 .usa-icon-list__content { max-width: 72ex; font-size: 1.06rem; padding-left: 0.424rem; } .desktop\:usa-icon-list--size-6 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.04rem; } .desktop\:usa-icon-list--size-7 .usa-icon-list__icon .usa-icon { height: 1.695rem; width: 1.695rem; } .desktop\:usa-icon-list--size-7 .usa-icon-list__content { max-width: 72ex; font-size: 1.13rem; padding-left: 0.452rem; } .desktop\:usa-icon-list--size-7 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.1rem; } .desktop\:usa-icon-list--size-8 .usa-icon-list__icon .usa-icon { height: 1.875rem; width: 1.875rem; } .desktop\:usa-icon-list--size-8 .usa-icon-list__content { max-width: 72ex; font-size: 1.25rem; padding-left: 0.5rem; } .desktop\:usa-icon-list--size-8 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.22rem; } .desktop\:usa-icon-list--size-9 .usa-icon-list__icon .usa-icon { height: 2.07rem; width: 2.07rem; } .desktop\:usa-icon-list--size-9 .usa-icon-list__content { max-width: 72ex; font-size: 1.38rem; padding-left: 0.552rem; } .desktop\:usa-icon-list--size-9 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; } .desktop\:usa-icon-list--size-10 .usa-icon-list__icon .usa-icon { height: 2.25rem; width: 2.25rem; } .desktop\:usa-icon-list--size-10 .usa-icon-list__content { max-width: 72ex; font-size: 1.5rem; padding-left: 0.6rem; } .desktop\:usa-icon-list--size-10 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.46rem; } .desktop\:usa-icon-list--size-11 .usa-icon-list__icon .usa-icon { height: 2.625rem; width: 2.625rem; } .desktop\:usa-icon-list--size-11 .usa-icon-list__content { max-width: 72ex; font-size: 1.75rem; padding-left: 0.7rem; } .desktop\:usa-icon-list--size-11 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.71rem; } .desktop\:usa-icon-list--size-12 .usa-icon-list__icon .usa-icon { height: 3rem; width: 3rem; } .desktop\:usa-icon-list--size-12 .usa-icon-list__content { max-width: 72ex; font-size: 2rem; padding-left: 0.8rem; } .desktop\:usa-icon-list--size-12 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; } .desktop\:usa-icon-list--size-13 .usa-icon-list__icon .usa-icon { height: 3.375rem; width: 3.375rem; } .desktop\:usa-icon-list--size-13 .usa-icon-list__content { max-width: 72ex; font-size: 2.25rem; padding-left: 0.9rem; } .desktop\:usa-icon-list--size-13 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.2rem; } .desktop\:usa-icon-list--size-14 .usa-icon-list__icon .usa-icon { height: 3.75rem; width: 3.75rem; } .desktop\:usa-icon-list--size-14 .usa-icon-list__content { max-width: 72ex; font-size: 2.5rem; padding-left: 1rem; } .desktop\:usa-icon-list--size-14 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.44rem; } .desktop\:usa-icon-list--size-15 .usa-icon-list__icon .usa-icon { height: 4.5rem; width: 4.5rem; } .desktop\:usa-icon-list--size-15 .usa-icon-list__content { max-width: 72ex; font-size: 3rem; padding-left: 1.2rem; } .desktop\:usa-icon-list--size-15 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.93rem; } .desktop\:usa-icon-list--size-16 .usa-icon-list__icon .usa-icon { height: 5.25rem; width: 5.25rem; } .desktop\:usa-icon-list--size-16 .usa-icon-list__content { max-width: 72ex; font-size: 3.5rem; padding-left: 1.4rem; } .desktop\:usa-icon-list--size-16 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 3.42rem; } .desktop\:usa-icon-list--size-17 .usa-icon-list__icon .usa-icon { height: 6rem; width: 6rem; } .desktop\:usa-icon-list--size-17 .usa-icon-list__content { max-width: 72ex; font-size: 4rem; padding-left: 1.6rem; } .desktop\:usa-icon-list--size-17 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 3.9rem; } .desktop\:usa-icon-list--size-18 .usa-icon-list__icon .usa-icon { height: 7.5rem; width: 7.5rem; } .desktop\:usa-icon-list--size-18 .usa-icon-list__content { max-width: 72ex; font-size: 5rem; padding-left: 2rem; } .desktop\:usa-icon-list--size-18 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 4.88rem; } .desktop\:usa-icon-list--size-19 .usa-icon-list__icon .usa-icon { height: 11.25rem; width: 11.25rem; } .desktop\:usa-icon-list--size-19 .usa-icon-list__content { max-width: 72ex; font-size: 7.5rem; padding-left: 3rem; } .desktop\:usa-icon-list--size-19 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 7.32rem; } .desktop\:usa-icon-list--size-20 .usa-icon-list__icon .usa-icon { height: 13.125rem; width: 13.125rem; } .desktop\:usa-icon-list--size-20 .usa-icon-list__content { max-width: 72ex; font-size: 8.75rem; padding-left: 3.5rem; } .desktop\:usa-icon-list--size-20 .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 8.54rem; } .desktop\:usa-icon-list--size-3xs .usa-icon-list__icon .usa-icon { height: 1.215rem; width: 1.215rem; } .desktop\:usa-icon-list--size-3xs .usa-icon-list__content { max-width: 72ex; font-size: 0.81rem; padding-left: 0.324rem; } .desktop\:usa-icon-list--size-3xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.79rem; } .desktop\:usa-icon-list--size-2xs .usa-icon-list__icon .usa-icon { height: 1.32rem; width: 1.32rem; } .desktop\:usa-icon-list--size-2xs .usa-icon-list__content { max-width: 72ex; font-size: 0.88rem; padding-left: 0.352rem; } .desktop\:usa-icon-list--size-2xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.85rem; } .desktop\:usa-icon-list--size-xs .usa-icon-list__icon .usa-icon { height: 1.41rem; width: 1.41rem; } .desktop\:usa-icon-list--size-xs .usa-icon-list__content { max-width: 72ex; font-size: 0.94rem; padding-left: 0.376rem; } .desktop\:usa-icon-list--size-xs .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.91rem; } .desktop\:usa-icon-list--size-sm .usa-icon-list__icon .usa-icon { height: 1.5rem; width: 1.5rem; } .desktop\:usa-icon-list--size-sm .usa-icon-list__content { max-width: 72ex; font-size: 1rem; padding-left: 0.4rem; } .desktop\:usa-icon-list--size-sm .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; } .desktop\:usa-icon-list--size-md .usa-icon-list__icon .usa-icon { height: 1.59rem; width: 1.59rem; } .desktop\:usa-icon-list--size-md .usa-icon-list__content { max-width: 72ex; font-size: 1.06rem; padding-left: 0.424rem; } .desktop\:usa-icon-list--size-md .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.04rem; } .desktop\:usa-icon-list--size-lg .usa-icon-list__icon .usa-icon { height: 2.07rem; width: 2.07rem; } .desktop\:usa-icon-list--size-lg .usa-icon-list__content { max-width: 72ex; font-size: 1.38rem; padding-left: 0.552rem; } .desktop\:usa-icon-list--size-lg .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; } .desktop\:usa-icon-list--size-xl .usa-icon-list__icon .usa-icon { height: 3rem; width: 3rem; } .desktop\:usa-icon-list--size-xl .usa-icon-list__content { max-width: 72ex; font-size: 2rem; padding-left: 0.8rem; } .desktop\:usa-icon-list--size-xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; } .desktop\:usa-icon-list--size-2xl .usa-icon-list__icon .usa-icon { height: 3.75rem; width: 3.75rem; } .desktop\:usa-icon-list--size-2xl .usa-icon-list__content { max-width: 72ex; font-size: 2.5rem; padding-left: 1rem; } .desktop\:usa-icon-list--size-2xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.44rem; } .desktop\:usa-icon-list--size-3xl .usa-icon-list__icon .usa-icon { height: 4.5rem; width: 4.5rem; } .desktop\:usa-icon-list--size-3xl .usa-icon-list__content { max-width: 72ex; font-size: 3rem; padding-left: 1.2rem; } .desktop\:usa-icon-list--size-3xl .usa-icon-list__content .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 2.93rem; } } .usa-icon-list__title { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 0.98rem; line-height: 1.2; margin-bottom: 0rem; padding-top: 0.425ex; } .usa-icon-list__title + * { margin-top: 0.5rem; } .usa-icon-list__content { font-size: 1rem; padding-left: 0.4rem; } .usa-icon-list__content > *:first-child { margin-top: 0; } .usa-icon-list__content > *:last-child { margin-bottom: 0; } .usa-icon-list__content ul li { list-style-type: disc; } .usa-identifier { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.4; color: white; background-color: #1b1b1b; padding-bottom: 1rem; } .usa-identifier__container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; max-width: 64rem; } @media all and (min-width: 64em) { .usa-identifier__container { padding-left: 2rem; padding-right: 2rem; } } .usa-identifier__section { padding-bottom: 1rem; padding-top: 1rem; } @media all and (min-width: 40em) { .usa-identifier__section--masthead .usa-identifier__container { align-items: center; display: flex; } } .usa-identifier__logos { display: flex; margin-right: 1rem; } .usa-identifier__logo { text-decoration: none; height: 3rem; display: block; } .usa-identifier__logo + .usa-identifier__logo { margin-left: 0.5rem; } .usa-identifier__logo-img { height: 100%; width: auto; } .usa-identifier__identity { flex: 1 1 0%; margin-top: 1rem; } @media all and (min-width: 40em) { .usa-identifier__identity { margin-top: 0rem; } } .usa-identifier__identity-domain, .usa-identifier__identity-disclaimer { margin: 0; padding: 0; } .usa-identifier__identity-domain { color: #a9aeb1; } .usa-identifier__identity-disclaimer { font-weight: 700; } .usa-identifier__identity-disclaimer a { color: #dfe1e2; } .usa-identifier__identity-disclaimer a:visited { color: #dfe1e2; } .usa-identifier__identity-disclaimer a:hover, .usa-identifier__identity-disclaimer a:active { color: #f0f0f0; } @media all and (min-width: 40em) { .usa-identifier__section--required-links { padding-bottom: 0.5rem; padding-top: 0.5rem; } } @media all and (min-width: 64em) { .usa-identifier__section--required-links { font-size: 0.94rem; } } .usa-identifier__required-links-list { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: 0; } @media all and (min-width: 40em) { .usa-identifier__required-links-list { column-count: 2; column-gap: 2rem; column-fill: balance; } } @media all and (min-width: 64em) { .usa-identifier__required-links-list { column-count: 4; } } .usa-identifier__required-links-item { break-inside: avoid; margin-bottom: 0.75rem; } .usa-identifier__required-links-item:last-child { margin-bottom: 0rem; } @media all and (min-width: 64em) { .usa-identifier__required-links-item { margin-bottom: 0.5rem; } } .usa-identifier__required-link, .usa-identifier__required-link.usa-link { color: #a9aeb1; display: inline-block; } .usa-identifier__required-link:visited, .usa-identifier__required-link.usa-link:visited { color: #a9aeb1; } .usa-identifier__required-link:hover, .usa-identifier__required-link:active, .usa-identifier__required-link.usa-link:hover, .usa-identifier__required-link.usa-link:active { color: #dfe1e2; } .usa-identifier__section--usagov a { color: #dfe1e2; font-weight: 700; display: inline-block; margin-top: 0.5rem; } .usa-identifier__section--usagov a:visited { color: #dfe1e2; } .usa-identifier__section--usagov a:hover, .usa-identifier__section--usagov a:active { color: #f0f0f0; } @media all and (min-width: 40em) { .usa-identifier__section--usagov a { margin-top: 0; } } @media all and (min-width: 40em) { .usa-identifier__usagov-description { display: inline-flex; } } .usa-in-page-nav-container { align-items: flex-start; display: flex; } .usa-in-page-nav-container main { max-width: 64rem; width: 100%; } .usa-in-page-nav { color: #1b1b1b; display: none; margin-left: 2rem; margin-top: 1.25rem; max-width: 15rem; order: 2; position: sticky; top: 2rem; width: 100%; } @media all and (min-width: 40em) { .usa-in-page-nav { display: block; } } .usa-in-page-nav:empty { display: none; } .usa-in-page-nav__nav { color: #1b1b1b; background-color: white; border-radius: 0.5rem; padding: 1rem; } .usa-in-page-nav__heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.88rem; line-height: 1.4; font-weight: 700; margin-bottom: 1rem; margin-top: 0; padding: 0; } .usa-in-page-nav__list { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; border-left: 1px solid rgba(27, 27, 27, 0.25); padding: 0; } .usa-in-page-nav__list > li { margin-bottom: 0; max-width: unset; } .usa-in-page-nav__list__item { border-top: 1px solid #dfe1e2; } .usa-in-page-nav__list a:not(.usa-button) { display: block; padding: 0.5rem 1rem; text-decoration: none; } .usa-in-page-nav__list a:not(.usa-button):hover { background-color: #f0f0f0; text-decoration: none; } .usa-in-page-nav__list a:not(.usa-button):not(.usa-current) { color: #565c65; } .usa-in-page-nav__list a:not(.usa-button):not(.usa-current):hover { color: #005ea2; } .usa-in-page-nav__list a:not(.usa-button):not(.usa-current):focus { outline-offset: 0; } .usa-in-page-nav__list .usa-current { position: relative; color: #005ea2; font-weight: 700; } .usa-in-page-nav__list .usa-current::after { background-color: #005ea2; border-radius: 99rem; content: ""; display: block; position: absolute; bottom: 0.25rem; top: 0.25rem; width: 0.25rem; left: 0.25rem; } @media all and (min-width: 40em) { .usa-in-page-nav__list .usa-current { position: relative; } .usa-in-page-nav__list .usa-current::after { background-color: #005ea2; border-radius: 99rem; content: ""; display: block; position: absolute; bottom: 0.25rem; top: 0.25rem; width: 0.25rem; left: 0rem; } } .usa-in-page-nav__list a:not(.usa-button):not(.usa-current) { color: #005ea2; } .usa-in-page-nav__list a:not(.usa-button):not(.usa-current):visited { color: #54278f; } .usa-in-page-nav__list a:not(.usa-button):not(.usa-current):hover, .usa-in-page-nav__list a:not(.usa-button):not(.usa-current):active { color: #1a4480; } .usa-in-page-nav__list a:not(.usa-button):not(.usa-current):visited { color: #005ea2; } .usa-in-page-nav__list a:not(.usa-button).usa-current { color: #1b1b1b; font-weight: inherit; } .usa-in-page-nav__list a:not(.usa-button):hover { text-decoration: underline; background-color: none; } .usa-in-page-nav__list a:not(.usa-button).usa-current { position: static; } .usa-in-page-nav__list a:not(.usa-button).usa-current::after { background-color: #1b1b1b; border-radius: 0; bottom: -1px; left: 0; top: 0; width: 0.25rem; z-index: 100; } .usa-in-page-nav__item { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.88rem; line-height: 1.2; border: none; position: relative; } .usa-in-page-nav__item--primary { font-weight: 700; } .usa-language { flex-direction: row; align-items: center; justify-content: flex-end; display: flex; padding: 0 0 0.25rem 0.5rem; width: 100%; } .usa-language--small .usa-button { padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 0; padding-top: 0; font-size: 0.81rem; height: 2rem; margin-top: 0.3rem; min-width: 3rem; } .usa-language-container { align-items: center; justify-content: flex-end; display: flex; } .usa-nav-container .usa-language-container { align-self: center; margin-left: 0rem; position: absolute; right: 5rem; top: 1rem; } @media all and (min-width: 64em) { .usa-nav-container .usa-language-container { align-self: flex-end; margin-left: 0.75rem; margin-bottom: 0.5rem; position: relative; right: inherit; top: -2px; } } .usa-language__link { margin-right: 0rem; } .usa-language__primary { width: auto; } .usa-language__primary-item:last-of-type { position: relative; } .usa-language__primary-item:last-of-type .usa-language__submenu { position: absolute; right: 0; } .usa-language__submenu { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; margin: 0; background-color: #252f3e; position: absolute; width: 15rem; z-index: 400; } .usa-language__submenu > li { margin-bottom: 0; max-width: unset; } .usa-language__submenu-item { border-top: 1px solid #dfe1e2; font-size: 0.88rem; } .usa-language__submenu .usa-current::after { display: none; } @media all and (min-width: 40em) { .usa-language__submenu .usa-current::after { display: none; } } .usa-language__submenu a:not(.usa-button) { padding-left: 2rem; } .usa-language__submenu .usa-language__submenu a:not(.usa-button) { padding-left: 3rem; } .usa-language__submenu .usa-language__submenu .usa-language__submenu a:not(.usa-button) { padding-left: 4rem; } .usa-language__submenu[aria-hidden=true] { display: none; } .usa-language__submenu .usa-language__submenu-item a { color: white; display: block; line-height: 1.4; padding: 0; padding: 0.5rem; text-decoration: none; } .usa-language__submenu .usa-language__submenu-item a:focus { outline-offset: -0.25rem; } .usa-language__submenu .usa-language__submenu-item a:hover { color: white; text-decoration: underline; } .usa-language__submenu-list { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; } .usa-language__submenu-list > li { margin-bottom: 0; max-width: unset; } .usa-language__submenu-list .usa-language__submenu-list-item { margin: 0; font-size: 0.88rem; } .usa-language__submenu-list .usa-language__submenu-list-item a { line-height: 1.4; } .usa-layout-docs__sidenav { padding-top: 2rem; } @media all and (min-width: 64em) { .usa-layout-docs__sidenav { padding-top: 0; } } /* stylelint-disable */ .grid-container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .grid-container { padding-left: 2rem; padding-right: 2rem; } } .grid-container-card { margin-left: auto; margin-right: auto; max-width: 10rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .grid-container-card { padding-left: 2rem; padding-right: 2rem; } } .grid-container-card-lg { margin-left: auto; margin-right: auto; max-width: 15rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .grid-container-card-lg { padding-left: 2rem; padding-right: 2rem; } } .grid-container-mobile { margin-left: auto; margin-right: auto; max-width: 20rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .grid-container-mobile { padding-left: 2rem; padding-right: 2rem; } } .grid-container-mobile-lg { margin-left: auto; margin-right: auto; max-width: 30rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .grid-container-mobile-lg { padding-left: 2rem; padding-right: 2rem; } } .grid-container-tablet { margin-left: auto; margin-right: auto; max-width: 40rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .grid-container-tablet { padding-left: 2rem; padding-right: 2rem; } } .grid-container-tablet-lg { margin-left: auto; margin-right: auto; max-width: 55rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .grid-container-tablet-lg { padding-left: 2rem; padding-right: 2rem; } } .grid-container-desktop { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .grid-container-desktop { padding-left: 2rem; padding-right: 2rem; } } .grid-container-desktop-lg { margin-left: auto; margin-right: auto; max-width: 75rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .grid-container-desktop-lg { padding-left: 2rem; padding-right: 2rem; } } .grid-container-widescreen { margin-left: auto; margin-right: auto; max-width: 87.5rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .grid-container-widescreen { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .mobile-lg\:grid-container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 30em) and (min-width: 64em) { .mobile-lg\:grid-container { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .mobile-lg\:grid-container-card { margin-left: auto; margin-right: auto; max-width: 10rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 30em) and (min-width: 64em) { .mobile-lg\:grid-container-card { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .mobile-lg\:grid-container-card-lg { margin-left: auto; margin-right: auto; max-width: 15rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 30em) and (min-width: 64em) { .mobile-lg\:grid-container-card-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .mobile-lg\:grid-container-mobile { margin-left: auto; margin-right: auto; max-width: 20rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 30em) and (min-width: 64em) { .mobile-lg\:grid-container-mobile { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .mobile-lg\:grid-container-mobile-lg { margin-left: auto; margin-right: auto; max-width: 30rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 30em) and (min-width: 64em) { .mobile-lg\:grid-container-mobile-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .mobile-lg\:grid-container-tablet { margin-left: auto; margin-right: auto; max-width: 40rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 30em) and (min-width: 64em) { .mobile-lg\:grid-container-tablet { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .mobile-lg\:grid-container-tablet-lg { margin-left: auto; margin-right: auto; max-width: 55rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 30em) and (min-width: 64em) { .mobile-lg\:grid-container-tablet-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .mobile-lg\:grid-container-desktop { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 30em) and (min-width: 64em) { .mobile-lg\:grid-container-desktop { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .mobile-lg\:grid-container-desktop-lg { margin-left: auto; margin-right: auto; max-width: 75rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 30em) and (min-width: 64em) { .mobile-lg\:grid-container-desktop-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 30em) { .mobile-lg\:grid-container-widescreen { margin-left: auto; margin-right: auto; max-width: 87.5rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 30em) and (min-width: 64em) { .mobile-lg\:grid-container-widescreen { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .tablet\:grid-container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 40em) and (min-width: 64em) { .tablet\:grid-container { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .tablet\:grid-container-card { margin-left: auto; margin-right: auto; max-width: 10rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 40em) and (min-width: 64em) { .tablet\:grid-container-card { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .tablet\:grid-container-card-lg { margin-left: auto; margin-right: auto; max-width: 15rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 40em) and (min-width: 64em) { .tablet\:grid-container-card-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .tablet\:grid-container-mobile { margin-left: auto; margin-right: auto; max-width: 20rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 40em) and (min-width: 64em) { .tablet\:grid-container-mobile { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .tablet\:grid-container-mobile-lg { margin-left: auto; margin-right: auto; max-width: 30rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 40em) and (min-width: 64em) { .tablet\:grid-container-mobile-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .tablet\:grid-container-tablet { margin-left: auto; margin-right: auto; max-width: 40rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 40em) and (min-width: 64em) { .tablet\:grid-container-tablet { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .tablet\:grid-container-tablet-lg { margin-left: auto; margin-right: auto; max-width: 55rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 40em) and (min-width: 64em) { .tablet\:grid-container-tablet-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .tablet\:grid-container-desktop { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 40em) and (min-width: 64em) { .tablet\:grid-container-desktop { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .tablet\:grid-container-desktop-lg { margin-left: auto; margin-right: auto; max-width: 75rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 40em) and (min-width: 64em) { .tablet\:grid-container-desktop-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 40em) { .tablet\:grid-container-widescreen { margin-left: auto; margin-right: auto; max-width: 87.5rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 40em) and (min-width: 64em) { .tablet\:grid-container-widescreen { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .desktop\:grid-container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 64em) and (min-width: 64em) { .desktop\:grid-container { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .desktop\:grid-container-card { margin-left: auto; margin-right: auto; max-width: 10rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 64em) and (min-width: 64em) { .desktop\:grid-container-card { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .desktop\:grid-container-card-lg { margin-left: auto; margin-right: auto; max-width: 15rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 64em) and (min-width: 64em) { .desktop\:grid-container-card-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .desktop\:grid-container-mobile { margin-left: auto; margin-right: auto; max-width: 20rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 64em) and (min-width: 64em) { .desktop\:grid-container-mobile { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .desktop\:grid-container-mobile-lg { margin-left: auto; margin-right: auto; max-width: 30rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 64em) and (min-width: 64em) { .desktop\:grid-container-mobile-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .desktop\:grid-container-tablet { margin-left: auto; margin-right: auto; max-width: 40rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 64em) and (min-width: 64em) { .desktop\:grid-container-tablet { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .desktop\:grid-container-tablet-lg { margin-left: auto; margin-right: auto; max-width: 55rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 64em) and (min-width: 64em) { .desktop\:grid-container-tablet-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .desktop\:grid-container-desktop { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 64em) and (min-width: 64em) { .desktop\:grid-container-desktop { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .desktop\:grid-container-desktop-lg { margin-left: auto; margin-right: auto; max-width: 75rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 64em) and (min-width: 64em) { .desktop\:grid-container-desktop-lg { padding-left: 2rem; padding-right: 2rem; } } @media all and (min-width: 64em) { .desktop\:grid-container-widescreen { margin-left: auto; margin-right: auto; max-width: 87.5rem; padding-left: 1rem; padding-right: 1rem; } } @media all and (min-width: 64em) and (min-width: 64em) { .desktop\:grid-container-widescreen { padding-left: 2rem; padding-right: 2rem; } } .grid-row { display: flex; flex-wrap: wrap; } .grid-row.grid-gap { margin-left: -0.5rem; margin-right: -0.5rem; } .grid-row.grid-gap > * { padding-left: 0.5rem; padding-right: 0.5rem; } @media all and (min-width: 64em) { .grid-row.grid-gap { margin-left: -1rem; margin-right: -1rem; } .grid-row.grid-gap > * { padding-left: 1rem; padding-right: 1rem; } } .grid-row.grid-gap-0 { margin-left: 0; margin-right: 0; } .grid-row.grid-gap-0 > * { padding-left: 0; padding-right: 0; } .grid-row.grid-gap-2px { margin-left: -1px; margin-right: -1px; } .grid-row.grid-gap-2px > * { padding-left: 1px; padding-right: 1px; } .grid-row.grid-gap-05 { margin-left: -2px; margin-right: -2px; } .grid-row.grid-gap-05 > * { padding-left: 2px; padding-right: 2px; } .grid-row.grid-gap-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .grid-row.grid-gap-1 > * { padding-left: 0.25rem; padding-right: 0.25rem; } .grid-row.grid-gap-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .grid-row.grid-gap-2 > * { padding-left: 0.5rem; padding-right: 0.5rem; } .grid-row.grid-gap-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .grid-row.grid-gap-3 > * { padding-left: 0.75rem; padding-right: 0.75rem; } .grid-row.grid-gap-4 { margin-left: -1rem; margin-right: -1rem; } .grid-row.grid-gap-4 > * { padding-left: 1rem; padding-right: 1rem; } .grid-row.grid-gap-5 { margin-left: -1.25rem; margin-right: -1.25rem; } .grid-row.grid-gap-5 > * { padding-left: 1.25rem; padding-right: 1.25rem; } .grid-row.grid-gap-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .grid-row.grid-gap-6 > * { padding-left: 1.5rem; padding-right: 1.5rem; } .grid-row.grid-gap-sm { margin-left: -1px; margin-right: -1px; } .grid-row.grid-gap-sm > * { padding-left: 1px; padding-right: 1px; } .grid-row.grid-gap-md { margin-left: -0.5rem; margin-right: -0.5rem; } .grid-row.grid-gap-md > * { padding-left: 0.5rem; padding-right: 0.5rem; } .grid-row.grid-gap-lg { margin-left: -0.75rem; margin-right: -0.75rem; } .grid-row.grid-gap-lg > * { padding-left: 0.75rem; padding-right: 0.75rem; } @media all and (min-width: 30em) { .grid-row.mobile-lg\:grid-gap-0 { margin-left: 0; margin-right: 0; } .grid-row.mobile-lg\:grid-gap-0 > * { padding-left: 0; padding-right: 0; } .grid-row.mobile-lg\:grid-gap-2px { margin-left: -1px; margin-right: -1px; } .grid-row.mobile-lg\:grid-gap-2px > * { padding-left: 1px; padding-right: 1px; } .grid-row.mobile-lg\:grid-gap-05 { margin-left: -2px; margin-right: -2px; } .grid-row.mobile-lg\:grid-gap-05 > * { padding-left: 2px; padding-right: 2px; } .grid-row.mobile-lg\:grid-gap-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .grid-row.mobile-lg\:grid-gap-1 > * { padding-left: 0.25rem; padding-right: 0.25rem; } .grid-row.mobile-lg\:grid-gap-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .grid-row.mobile-lg\:grid-gap-2 > * { padding-left: 0.5rem; padding-right: 0.5rem; } .grid-row.mobile-lg\:grid-gap-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .grid-row.mobile-lg\:grid-gap-3 > * { padding-left: 0.75rem; padding-right: 0.75rem; } .grid-row.mobile-lg\:grid-gap-4 { margin-left: -1rem; margin-right: -1rem; } .grid-row.mobile-lg\:grid-gap-4 > * { padding-left: 1rem; padding-right: 1rem; } .grid-row.mobile-lg\:grid-gap-5 { margin-left: -1.25rem; margin-right: -1.25rem; } .grid-row.mobile-lg\:grid-gap-5 > * { padding-left: 1.25rem; padding-right: 1.25rem; } .grid-row.mobile-lg\:grid-gap-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .grid-row.mobile-lg\:grid-gap-6 > * { padding-left: 1.5rem; padding-right: 1.5rem; } .grid-row.mobile-lg\:grid-gap-sm { margin-left: -1px; margin-right: -1px; } .grid-row.mobile-lg\:grid-gap-sm > * { padding-left: 1px; padding-right: 1px; } .grid-row.mobile-lg\:grid-gap-md { margin-left: -0.5rem; margin-right: -0.5rem; } .grid-row.mobile-lg\:grid-gap-md > * { padding-left: 0.5rem; padding-right: 0.5rem; } .grid-row.mobile-lg\:grid-gap-lg { margin-left: -0.75rem; margin-right: -0.75rem; } .grid-row.mobile-lg\:grid-gap-lg > * { padding-left: 0.75rem; padding-right: 0.75rem; } } @media all and (min-width: 40em) { .grid-row.tablet\:grid-gap-0 { margin-left: 0; margin-right: 0; } .grid-row.tablet\:grid-gap-0 > * { padding-left: 0; padding-right: 0; } .grid-row.tablet\:grid-gap-2px { margin-left: -1px; margin-right: -1px; } .grid-row.tablet\:grid-gap-2px > * { padding-left: 1px; padding-right: 1px; } .grid-row.tablet\:grid-gap-05 { margin-left: -2px; margin-right: -2px; } .grid-row.tablet\:grid-gap-05 > * { padding-left: 2px; padding-right: 2px; } .grid-row.tablet\:grid-gap-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .grid-row.tablet\:grid-gap-1 > * { padding-left: 0.25rem; padding-right: 0.25rem; } .grid-row.tablet\:grid-gap-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .grid-row.tablet\:grid-gap-2 > * { padding-left: 0.5rem; padding-right: 0.5rem; } .grid-row.tablet\:grid-gap-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .grid-row.tablet\:grid-gap-3 > * { padding-left: 0.75rem; padding-right: 0.75rem; } .grid-row.tablet\:grid-gap-4 { margin-left: -1rem; margin-right: -1rem; } .grid-row.tablet\:grid-gap-4 > * { padding-left: 1rem; padding-right: 1rem; } .grid-row.tablet\:grid-gap-5 { margin-left: -1.25rem; margin-right: -1.25rem; } .grid-row.tablet\:grid-gap-5 > * { padding-left: 1.25rem; padding-right: 1.25rem; } .grid-row.tablet\:grid-gap-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .grid-row.tablet\:grid-gap-6 > * { padding-left: 1.5rem; padding-right: 1.5rem; } .grid-row.tablet\:grid-gap-sm { margin-left: -1px; margin-right: -1px; } .grid-row.tablet\:grid-gap-sm > * { padding-left: 1px; padding-right: 1px; } .grid-row.tablet\:grid-gap-md { margin-left: -0.5rem; margin-right: -0.5rem; } .grid-row.tablet\:grid-gap-md > * { padding-left: 0.5rem; padding-right: 0.5rem; } .grid-row.tablet\:grid-gap-lg { margin-left: -0.75rem; margin-right: -0.75rem; } .grid-row.tablet\:grid-gap-lg > * { padding-left: 0.75rem; padding-right: 0.75rem; } } @media all and (min-width: 64em) { .grid-row.desktop\:grid-gap-0 { margin-left: 0; margin-right: 0; } .grid-row.desktop\:grid-gap-0 > * { padding-left: 0; padding-right: 0; } .grid-row.desktop\:grid-gap-2px { margin-left: -1px; margin-right: -1px; } .grid-row.desktop\:grid-gap-2px > * { padding-left: 1px; padding-right: 1px; } .grid-row.desktop\:grid-gap-05 { margin-left: -2px; margin-right: -2px; } .grid-row.desktop\:grid-gap-05 > * { padding-left: 2px; padding-right: 2px; } .grid-row.desktop\:grid-gap-1 { margin-left: -0.25rem; margin-right: -0.25rem; } .grid-row.desktop\:grid-gap-1 > * { padding-left: 0.25rem; padding-right: 0.25rem; } .grid-row.desktop\:grid-gap-2 { margin-left: -0.5rem; margin-right: -0.5rem; } .grid-row.desktop\:grid-gap-2 > * { padding-left: 0.5rem; padding-right: 0.5rem; } .grid-row.desktop\:grid-gap-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .grid-row.desktop\:grid-gap-3 > * { padding-left: 0.75rem; padding-right: 0.75rem; } .grid-row.desktop\:grid-gap-4 { margin-left: -1rem; margin-right: -1rem; } .grid-row.desktop\:grid-gap-4 > * { padding-left: 1rem; padding-right: 1rem; } .grid-row.desktop\:grid-gap-5 { margin-left: -1.25rem; margin-right: -1.25rem; } .grid-row.desktop\:grid-gap-5 > * { padding-left: 1.25rem; padding-right: 1.25rem; } .grid-row.desktop\:grid-gap-6 { margin-left: -1.5rem; margin-right: -1.5rem; } .grid-row.desktop\:grid-gap-6 > * { padding-left: 1.5rem; padding-right: 1.5rem; } .grid-row.desktop\:grid-gap-sm { margin-left: -1px; margin-right: -1px; } .grid-row.desktop\:grid-gap-sm > * { padding-left: 1px; padding-right: 1px; } .grid-row.desktop\:grid-gap-md { margin-left: -0.5rem; margin-right: -0.5rem; } .grid-row.desktop\:grid-gap-md > * { padding-left: 0.5rem; padding-right: 0.5rem; } .grid-row.desktop\:grid-gap-lg { margin-left: -0.75rem; margin-right: -0.75rem; } .grid-row.desktop\:grid-gap-lg > * { padding-left: 0.75rem; padding-right: 0.75rem; } } [class*=grid-col] { position: relative; width: 100%; box-sizing: border-box; } .grid-col { flex: 1 1 0%; width: auto; max-width: 100%; min-width: 1px; } .grid-col-auto { flex: 0 1 auto; width: auto; max-width: 100%; } .grid-col-fill { flex: 1 1 0%; width: auto; max-width: 100%; min-width: 1px; } .grid-col-1 { flex: 0 1 auto; width: 8.3333333333%; } .grid-col-2 { flex: 0 1 auto; width: 16.6666666667%; } .grid-col-3 { flex: 0 1 auto; width: 25%; } .grid-col-4 { flex: 0 1 auto; width: 33.3333333333%; } .grid-col-5 { flex: 0 1 auto; width: 41.6666666667%; } .grid-col-6 { flex: 0 1 auto; width: 50%; } .grid-col-7 { flex: 0 1 auto; width: 58.3333333333%; } .grid-col-8 { flex: 0 1 auto; width: 66.6666666667%; } .grid-col-9 { flex: 0 1 auto; width: 75%; } .grid-col-10 { flex: 0 1 auto; width: 83.3333333333%; } .grid-col-11 { flex: 0 1 auto; width: 91.6666666667%; } .grid-col-12 { flex: 0 1 auto; width: 100%; } @media all and (min-width: 30em) { .mobile-lg\:grid-col { flex: 1 1 0%; width: auto; max-width: 100%; min-width: 1px; } .mobile-lg\:grid-col-fill { flex: 1 1 0%; width: auto; max-width: 100%; min-width: 1px; } .mobile-lg\:grid-col-auto { flex: 0 1 auto; width: auto; max-width: 100%; } .mobile-lg\:grid-col-1 { flex: 0 1 auto; width: 8.3333333333%; } .mobile-lg\:grid-col-2 { flex: 0 1 auto; width: 16.6666666667%; } .mobile-lg\:grid-col-3 { flex: 0 1 auto; width: 25%; } .mobile-lg\:grid-col-4 { flex: 0 1 auto; width: 33.3333333333%; } .mobile-lg\:grid-col-5 { flex: 0 1 auto; width: 41.6666666667%; } .mobile-lg\:grid-col-6 { flex: 0 1 auto; width: 50%; } .mobile-lg\:grid-col-7 { flex: 0 1 auto; width: 58.3333333333%; } .mobile-lg\:grid-col-8 { flex: 0 1 auto; width: 66.6666666667%; } .mobile-lg\:grid-col-9 { flex: 0 1 auto; width: 75%; } .mobile-lg\:grid-col-10 { flex: 0 1 auto; width: 83.3333333333%; } .mobile-lg\:grid-col-11 { flex: 0 1 auto; width: 91.6666666667%; } .mobile-lg\:grid-col-12 { flex: 0 1 auto; width: 100%; } } @media all and (min-width: 40em) { .tablet\:grid-col { flex: 1 1 0%; width: auto; max-width: 100%; min-width: 1px; } .tablet\:grid-col-fill { flex: 1 1 0%; width: auto; max-width: 100%; min-width: 1px; } .tablet\:grid-col-auto { flex: 0 1 auto; width: auto; max-width: 100%; } .tablet\:grid-col-1 { flex: 0 1 auto; width: 8.3333333333%; } .tablet\:grid-col-2 { flex: 0 1 auto; width: 16.6666666667%; } .tablet\:grid-col-3 { flex: 0 1 auto; width: 25%; } .tablet\:grid-col-4 { flex: 0 1 auto; width: 33.3333333333%; } .tablet\:grid-col-5 { flex: 0 1 auto; width: 41.6666666667%; } .tablet\:grid-col-6 { flex: 0 1 auto; width: 50%; } .tablet\:grid-col-7 { flex: 0 1 auto; width: 58.3333333333%; } .tablet\:grid-col-8 { flex: 0 1 auto; width: 66.6666666667%; } .tablet\:grid-col-9 { flex: 0 1 auto; width: 75%; } .tablet\:grid-col-10 { flex: 0 1 auto; width: 83.3333333333%; } .tablet\:grid-col-11 { flex: 0 1 auto; width: 91.6666666667%; } .tablet\:grid-col-12 { flex: 0 1 auto; width: 100%; } } @media all and (min-width: 64em) { .desktop\:grid-col { flex: 1 1 0%; width: auto; max-width: 100%; min-width: 1px; } .desktop\:grid-col-fill { flex: 1 1 0%; width: auto; max-width: 100%; min-width: 1px; } .desktop\:grid-col-auto { flex: 0 1 auto; width: auto; max-width: 100%; } .desktop\:grid-col-1 { flex: 0 1 auto; width: 8.3333333333%; } .desktop\:grid-col-2 { flex: 0 1 auto; width: 16.6666666667%; } .desktop\:grid-col-3 { flex: 0 1 auto; width: 25%; } .desktop\:grid-col-4 { flex: 0 1 auto; width: 33.3333333333%; } .desktop\:grid-col-5 { flex: 0 1 auto; width: 41.6666666667%; } .desktop\:grid-col-6 { flex: 0 1 auto; width: 50%; } .desktop\:grid-col-7 { flex: 0 1 auto; width: 58.3333333333%; } .desktop\:grid-col-8 { flex: 0 1 auto; width: 66.6666666667%; } .desktop\:grid-col-9 { flex: 0 1 auto; width: 75%; } .desktop\:grid-col-10 { flex: 0 1 auto; width: 83.3333333333%; } .desktop\:grid-col-11 { flex: 0 1 auto; width: 91.6666666667%; } .desktop\:grid-col-12 { flex: 0 1 auto; width: 100%; } } .grid-offset-1 { margin-left: 8.3333333333%; } .grid-offset-2 { margin-left: 16.6666666667%; } .grid-offset-3 { margin-left: 25%; } .grid-offset-4 { margin-left: 33.3333333333%; } .grid-offset-5 { margin-left: 41.6666666667%; } .grid-offset-6 { margin-left: 50%; } .grid-offset-7 { margin-left: 58.3333333333%; } .grid-offset-8 { margin-left: 66.6666666667%; } .grid-offset-9 { margin-left: 75%; } .grid-offset-10 { margin-left: 83.3333333333%; } .grid-offset-11 { margin-left: 91.6666666667%; } .grid-offset-12 { margin-left: 100%; } .grid-offset-none { margin-left: 0; } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-1 { margin-left: 8.3333333333%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-2 { margin-left: 16.6666666667%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-3 { margin-left: 25%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-4 { margin-left: 33.3333333333%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-5 { margin-left: 41.6666666667%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-6 { margin-left: 50%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-7 { margin-left: 58.3333333333%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-8 { margin-left: 66.6666666667%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-9 { margin-left: 75%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-10 { margin-left: 83.3333333333%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-11 { margin-left: 91.6666666667%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-12 { margin-left: 100%; } } @media all and (min-width: 30em) { .mobile-lg\:grid-offset-none { margin-left: 0; } } @media all and (min-width: 40em) { .tablet\:grid-offset-1 { margin-left: 8.3333333333%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-2 { margin-left: 16.6666666667%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-3 { margin-left: 25%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-4 { margin-left: 33.3333333333%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-5 { margin-left: 41.6666666667%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-6 { margin-left: 50%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-7 { margin-left: 58.3333333333%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-8 { margin-left: 66.6666666667%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-9 { margin-left: 75%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-10 { margin-left: 83.3333333333%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-11 { margin-left: 91.6666666667%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-12 { margin-left: 100%; } } @media all and (min-width: 40em) { .tablet\:grid-offset-none { margin-left: 0; } } @media all and (min-width: 64em) { .desktop\:grid-offset-1 { margin-left: 8.3333333333%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-2 { margin-left: 16.6666666667%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-3 { margin-left: 25%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-4 { margin-left: 33.3333333333%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-5 { margin-left: 41.6666666667%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-6 { margin-left: 50%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-7 { margin-left: 58.3333333333%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-8 { margin-left: 66.6666666667%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-9 { margin-left: 75%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-10 { margin-left: 83.3333333333%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-11 { margin-left: 91.6666666667%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-12 { margin-left: 100%; } } @media all and (min-width: 64em) { .desktop\:grid-offset-none { margin-left: 0; } } /* stylelint-enable */ .usa-media-block { align-items: flex-start; display: flex; } .usa-media-block__img { flex-shrink: 0; margin-right: 0.5rem; } .usa-media-block__body { flex: 1 1 0%; } .usa-js-no-click { pointer-events: none; user-select: none; } .usa-js-no-click .usa-modal, .usa-js-no-click .usa-modal * { pointer-events: auto; user-select: text; } [data-open-modal] * { pointer-events: none; } .usa-modal-wrapper { text-align: center; transition: opacity 0.15s ease-in-out; } .usa-modal-wrapper.is-hidden { visibility: hidden; opacity: 0; position: fixed; } .usa-modal-wrapper.is-visible { visibility: visible; opacity: 1; position: fixed; z-index: 99999; } .usa-modal-overlay { background: rgba(0, 0, 0, 0.7); bottom: 0; height: 100%; left: 0; overflow: scroll; overflow-x: hidden; padding: 1.5rem; position: fixed; scroll-behavior: smooth; top: 0; width: 100%; } .usa-modal-overlay:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .usa-modal-overlay[data-force-action=true] { pointer-events: none; } .usa-modal-overlay[data-force-action=true] * { pointer-events: auto; } .usa-js-loading .usa-modal-wrapper { position: absolute; left: -999em; right: auto; } .usa-js-loading .usa-modal-wrapper:target { position: static; } .usa-modal { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; border-radius: 0.5rem; background: white; color: #1b1b1b; display: inline-block; margin: 1.25rem auto; max-width: 30rem; position: relative; text-align: left; vertical-align: middle; width: 100%; } .usa-modal:focus { outline: none; } .usa-modal__content { display: flex; flex-direction: column-reverse; padding-top: 2rem; width: 100%; } .usa-modal__main { margin: 0 auto; padding: 0.5rem 2rem 2rem; } .usa-modal-wrapper [data-close-modal] > .usa-icon, .usa-modal-wrapper [data-close-modal] > .usa-icon use { pointer-events: none !important; } .usa-modal__close { align-items: center; align-self: flex-end; background-color: transparent; color: #71767a; display: flex; flex-shrink: 0; font-size: 0.88rem; margin: -2rem 0 0 auto; padding: 0.25rem 0.25rem; width: auto; } .usa-modal__close:hover, .usa-modal__close:active { background-color: transparent; color: #1b1b1b; } .usa-modal__close:focus { outline-offset: 0; } .usa-modal__close .usa-icon { height: 2rem; margin: 2px 2px 0 0; width: 2rem; } .usa-modal__heading { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.34rem; line-height: 1.4; margin-top: 0; } .usa-modal__footer { margin-top: 1.5rem; } .usa-modal--lg { max-width: 55rem; width: 100%; } .usa-modal--lg .usa-modal__main { padding-bottom: 4rem; padding-top: 1.25rem; width: 100%; max-width: 40rem; } @media all and (min-width: 40em) { .usa-modal--lg .usa-modal__heading { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; font-size: 1.95rem; } } .usa-js-modal--active { overflow: hidden; } @keyframes slidein-left { from { transform: translateX(15rem); } to { transform: translateX(0); } } .usa-nav { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1; } @media all and (max-width: 63.99em) { .usa-nav { position: absolute; right: 0; position: absolute; bottom: 0; top: 0; position: fixed; background: white; border-right: 0; display: none; flex-direction: column; overflow-y: auto; padding: 1rem; width: 15rem; z-index: 500; } .usa-nav.is-visible { animation: slidein-left 0.3s ease-in-out; display: flex; } } @media all and (min-width: 64em) { .usa-nav { float: right; position: relative; } } .usa-nav .usa-search { margin-top: 1rem; } @media all and (min-width: 64em) { .usa-nav .usa-search { margin-left: 1rem; margin-top: 0; } } .usa-nav .usa-accordion { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1; } @media all and (max-width: 63.99em) { .usa-nav__primary { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; } .usa-nav__primary > li { margin-bottom: 0; max-width: unset; } .usa-nav__primary-item { border-top: 1px solid #dfe1e2; } .usa-nav__primary a:not(.usa-button) { display: block; padding: 0.5rem 1rem; text-decoration: none; } .usa-nav__primary a:not(.usa-button):hover { background-color: #f0f0f0; text-decoration: none; } .usa-nav__primary a:not(.usa-button):not(.usa-current) { color: #565c65; } .usa-nav__primary a:not(.usa-button):not(.usa-current):hover { color: #005ea2; } .usa-nav__primary a:not(.usa-button):not(.usa-current):focus { outline-offset: 0; } .usa-nav__primary .usa-current { position: relative; color: #005ea2; font-weight: 700; } .usa-nav__primary .usa-current::after { background-color: #005ea2; border-radius: 99rem; content: ""; display: block; position: absolute; bottom: 0.25rem; top: 0.25rem; width: 0.25rem; left: 0.25rem; } } @media all and (max-width: 63.99em) and (min-width: 40em) { .usa-nav__primary .usa-current { position: relative; } .usa-nav__primary .usa-current::after { background-color: #005ea2; border-radius: 99rem; content: ""; display: block; position: absolute; bottom: 0.25rem; top: 0.25rem; width: 0.25rem; left: 0rem; } } @media all and (max-width: 63.99em) { .usa-nav__primary a { padding-bottom: 0.75rem; padding-top: 0.75rem; } } @media all and (min-width: 64em) { .usa-nav__primary { display: flex; align-items: stretch; } } .usa-nav__primary .usa-nav__primary-item a { text-decoration: none; } .usa-nav__primary > .usa-nav__primary-item { line-height: 1.2; } @media all and (min-width: 64em) { .usa-nav__primary > .usa-nav__primary-item { font-size: 0.88rem; line-height: 1; } } @media all and (min-width: 64em) { .usa-nav__primary > .usa-nav__primary-item > a { line-height: 1; padding: 1rem; align-items: center; color: #565c65; display: flex; font-weight: 700; } .usa-nav__primary > .usa-nav__primary-item > a:hover { color: #005ea2; } } @media all and (min-width: 64em) { .usa-nav__primary > .usa-nav__primary-item > button, .usa-nav__primary > .usa-nav__primary-item > a { height: 100%; } } @media all and (min-width: 64em) { .usa-nav__primary a { padding-bottom: 0.5rem; padding-top: 0.5rem; } } .usa-nav__primary button { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; position: relative; color: #565c65; font-weight: normal; line-height: 1.2; padding: 0.75rem 1rem; text-decoration: none; width: 100%; } .usa-nav__primary button:visited { color: #54278f; } .usa-nav__primary button:hover { color: #1a4480; } .usa-nav__primary button:active { color: #252f3e; } .usa-nav__primary button:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-nav__primary button:hover, .usa-nav__primary button.usa-button--hover, .usa-nav__primary button:disabled:hover, .usa-nav__primary button[aria-disabled=true]:hover, .usa-nav__primary button:disabled.usa-button--hover, .usa-nav__primary button[aria-disabled=true].usa-button--hover, .usa-nav__primary button:active, .usa-nav__primary button.usa-button--active, .usa-nav__primary button:disabled:active, .usa-nav__primary button[aria-disabled=true]:active, .usa-nav__primary button:disabled.usa-button--active, .usa-nav__primary button[aria-disabled=true].usa-button--active, .usa-nav__primary button:disabled:focus, .usa-nav__primary button[aria-disabled=true]:focus, .usa-nav__primary button:disabled.usa-focus, .usa-nav__primary button[aria-disabled=true].usa-focus, .usa-nav__primary button:disabled, .usa-nav__primary button[aria-disabled=true], .usa-nav__primary button.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-nav__primary button.usa-button--hover { color: #1a4480; } .usa-nav__primary button.usa-button--active { color: #252f3e; } .usa-nav__primary button:disabled, .usa-nav__primary button[aria-disabled=true], .usa-nav__primary button:disabled:hover, .usa-nav__primary button[aria-disabled=true]:hover, .usa-nav__primary button[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-nav__primary button:disabled, .usa-nav__primary button[aria-disabled=true], .usa-nav__primary button:disabled:hover, .usa-nav__primary button[aria-disabled=true]:hover, .usa-nav__primary button[aria-disabled=true]:focus { color: GrayText; } } @media all and (min-width: 64em) { .usa-nav__primary button { line-height: 1; padding: 1rem; font-size: 0.88rem; font-weight: 700; } } @media (forced-colors: active) { .usa-nav__primary button { forced-color-adjust: auto; } } .usa-nav__primary button:hover { color: #005ea2; background-color: #f0f0f0; text-decoration: none; } @media all and (min-width: 64em) { .usa-nav__primary button:hover { background-color: transparent; } } .usa-nav__primary button[aria-expanded], .usa-nav__primary button[aria-expanded]:hover { background-image: none; } @media (forced-colors: active) { .usa-nav__primary button[aria-expanded]::before, .usa-nav__primary button[aria-expanded]:hover::before { content: none; } } .usa-nav__primary button[aria-expanded] span::after { position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .usa-nav__primary button[aria-expanded=false] span::after { background-image: url("../img/usa-icons/add.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.25rem 1.25rem; display: inline-block; height: 1.25rem; width: 1.25rem; content: ""; vertical-align: middle; margin-left: auto; } @supports (mask: url("")) { .usa-nav__primary button[aria-expanded=false] span::after { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/add.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.25rem 1.25rem; } } .usa-nav__primary button[aria-expanded=false] span::after:hover { background-color: buttonText; } @media all and (min-width: 64em) { .usa-nav__primary button[aria-expanded=false] span::after { background-image: url("../img/usa-icons/expand_more.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1rem 1rem; display: inline-block; height: 1rem; width: 1rem; content: ""; vertical-align: middle; margin-left: auto; } @supports (mask: url("")) { .usa-nav__primary button[aria-expanded=false] span::after { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1rem 1rem; } } .usa-nav__primary button[aria-expanded=false] span::after { right: 0.75rem; } } @media all and (min-width: 64em) { .usa-nav__primary button[aria-expanded=false]:hover span::after { background-color: #1a4480; } } @media (min-width: 64em) and (forced-colors: active) { .usa-nav__primary button[aria-expanded=false]:hover span::after { background-color: ButtonText; } } .usa-nav__primary button[aria-expanded=true] span::after { background-image: url("../img/usa-icons/remove.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.25rem 1.25rem; display: inline-block; height: 1.25rem; width: 1.25rem; content: ""; vertical-align: middle; margin-left: auto; } @supports (mask: url("")) { .usa-nav__primary button[aria-expanded=true] span::after { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/remove.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.25rem 1.25rem; } } .usa-nav__primary button[aria-expanded=true] span::after { position: absolute; right: 0; } @media (forced-colors: active) { .usa-nav__primary button[aria-expanded=true] span::after { background-color: ButtonText; } } @media all and (min-width: 64em) { .usa-nav__primary button[aria-expanded=true] { background-image: none; background-color: #252f3e; color: white; } } @media all and (min-width: 64em) and (min-width: 64em) { .usa-nav__primary button[aria-expanded=true] span::after { background-image: url("../img/usa-icons/expand_less.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1rem 1rem; display: inline-block; height: 1rem; width: 1rem; content: ""; vertical-align: middle; margin-left: auto; } @supports (mask: url("")) { .usa-nav__primary button[aria-expanded=true] span::after { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/expand_less.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1rem 1rem; } } .usa-nav__primary button[aria-expanded=true] span::after { right: 0.75rem; background-color: white; } } @media (min-width: 64em) and (min-width: 64em) and (forced-colors: active) { .usa-nav__primary button[aria-expanded=true] span::after { background-color: ButtonText; } } @media all and (min-width: 64em) { .usa-nav__primary .usa-accordion__button span { display: inline-block; margin-right: 0; padding-right: 1rem; } } .usa-nav__secondary { margin-top: 1rem; } @media all and (min-width: 64em) { .usa-nav__secondary { flex-direction: column; align-items: flex-end; bottom: 4rem; display: flex; font-size: 0.88rem; margin-top: 0.5rem; min-width: calc(27ch + 3rem); position: absolute; right: 2rem; } } .usa-nav__secondary .usa-search { width: 100%; } @media all and (min-width: 64em) { .usa-nav__secondary .usa-search { margin-left: 0; margin-top: 0.5rem; } } .usa-nav__secondary-links { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; line-height: 1.4; margin-top: 1.5rem; } @media all and (min-width: 64em) { .usa-nav__secondary-links { column-gap: 0.5rem; display: flex; flex-flow: row nowrap; line-height: 1; margin-bottom: 0.25rem; margin-top: 0; } } @media all and (min-width: 64em) { .usa-nav__secondary-links .usa-nav__secondary-item { padding-left: 0.25rem; } .usa-nav__secondary-links .usa-nav__secondary-item + .usa-nav__secondary-item { border-left: 1px solid #dfe1e2; padding-left: 0.5rem; } } .usa-nav__secondary-links a { color: #71767a; display: inline-block; font-size: 0.88rem; text-decoration: none; } .usa-nav__secondary-links a:hover { color: #005ea2; text-decoration: underline; } @media all and (max-width: 63.99em) { .usa-nav__submenu { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; margin: 0; } .usa-nav__submenu > li { margin-bottom: 0; max-width: unset; } .usa-nav__submenu-item { border-top: 1px solid #dfe1e2; font-size: 0.88rem; } .usa-nav__submenu .usa-current::after { display: none; } } @media all and (max-width: 63.99em) and (min-width: 40em) { .usa-nav__submenu .usa-current::after { display: none; } } @media all and (max-width: 63.99em) { .usa-nav__submenu a:not(.usa-button) { padding-left: 2rem; } .usa-nav__submenu .usa-nav__submenu a:not(.usa-button) { padding-left: 3rem; } .usa-nav__submenu .usa-nav__submenu .usa-nav__submenu a:not(.usa-button) { padding-left: 4rem; } } @media all and (min-width: 64em) { .usa-nav__submenu { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; padding-bottom: 0.5rem; padding-top: 0.5rem; background-color: #252f3e; width: 15rem; position: absolute; z-index: 400; } } .usa-nav__submenu[aria-hidden=true] { display: none; } @media all and (min-width: 64em) { .usa-nav__submenu .usa-nav__submenu-item a { padding-left: 1rem; padding-right: 1rem; color: white; line-height: 1.4; display: block; } .usa-nav__submenu .usa-nav__submenu-item a:focus { outline-offset: -0.25rem; } .usa-nav__submenu .usa-nav__submenu-item a:hover { color: white; text-decoration: underline; } } .usa-nav__submenu-list { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; } .usa-nav__submenu-list > li { margin-bottom: 0; max-width: unset; } .usa-nav__submenu-list .usa-nav__submenu-list-item { margin: 0; font-size: 0.88rem; } .usa-nav__submenu-list .usa-nav__submenu-list-item a { line-height: 1.4; } .usa-nav__close { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; height: 3rem; width: 3rem; background-image: none; color: currentColor; flex: none; float: right; margin: -0.75rem -1rem 1rem auto; text-align: center; } .usa-nav__close:visited { color: #54278f; } .usa-nav__close:hover { color: #1a4480; } .usa-nav__close:active { color: #252f3e; } .usa-nav__close:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-nav__close:hover, .usa-nav__close.usa-button--hover, .usa-nav__close:disabled:hover, .usa-nav__close[aria-disabled=true]:hover, .usa-nav__close:disabled.usa-button--hover, .usa-nav__close[aria-disabled=true].usa-button--hover, .usa-nav__close:active, .usa-nav__close.usa-button--active, .usa-nav__close:disabled:active, .usa-nav__close[aria-disabled=true]:active, .usa-nav__close:disabled.usa-button--active, .usa-nav__close[aria-disabled=true].usa-button--active, .usa-nav__close:disabled:focus, .usa-nav__close[aria-disabled=true]:focus, .usa-nav__close:disabled.usa-focus, .usa-nav__close[aria-disabled=true].usa-focus, .usa-nav__close:disabled, .usa-nav__close[aria-disabled=true], .usa-nav__close.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-nav__close.usa-button--hover { color: #1a4480; } .usa-nav__close.usa-button--active { color: #252f3e; } .usa-nav__close:disabled, .usa-nav__close[aria-disabled=true], .usa-nav__close:disabled:hover, .usa-nav__close[aria-disabled=true]:hover, .usa-nav__close[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-nav__close:disabled, .usa-nav__close[aria-disabled=true], .usa-nav__close:disabled:hover, .usa-nav__close[aria-disabled=true]:hover, .usa-nav__close[aria-disabled=true]:focus { color: GrayText; } } @media (forced-colors: active) { .usa-nav__close::before { background-image: url("../img/usa-icons/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.25rem 1.25rem; display: inline-block; height: 1.25rem; width: 1.25rem; content: ""; vertical-align: middle; margin-right: auto; } @supports (mask: url("")) { .usa-nav__close::before { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/close.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.25rem 1.25rem; } } .usa-nav__close::before { background-color: buttonText; } } .usa-nav__close:hover { color: currentColor; text-decoration: none; } @media all and (min-width: 64em) { .usa-nav__close { display: none; } } .usa-nav__close img { width: 1.5rem; } @media (forced-colors: active) { .usa-nav__close img { display: none; } } .usa-nav__close + * { clear: both; } .usa-js-mobile-nav--active { overflow: hidden; } @media (min-width: 63.06rem) { .usa-js-mobile-nav--active.is-safari { overflow-y: scroll; position: fixed; top: var(--scrolltop, 0); } } .usa-pagination { margin-bottom: 1rem; margin-top: 1rem; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; color: #1b1b1b; background-color: white; display: flex; justify-content: center; } .usa-pagination .usa-icon { height: 1.13rem; width: 1.13rem; } .usa-pagination__list { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; align-items: center; display: flex; flex-flow: row nowrap; justify-content: center; width: auto; } .usa-pagination__item { display: inline-flex; height: 2.5rem; justify-content: center; line-height: 1; margin-left: 0.25rem; margin-right: 0.25rem; min-width: 2.5rem; } @media all and (min-width: 40em) { .usa-pagination__item { flex: 1 0 auto; } } .usa-pagination__arrow { display: none; } @media all and (min-width: 40em) { .usa-pagination__arrow { display: inherit; } } @media all and (min-width: 40em) { .usa-pagination__previous-page { margin-right: 1.25rem; } } @media all and (min-width: 40em) { .usa-pagination__next-page { margin-left: 1.25rem; } } .usa-pagination__link { align-items: center; color: #005ea2; display: inline-flex; } .usa-pagination__link[disabled] { opacity: 0.4 !important; pointer-events: none; } .usa-pagination__link:hover, .usa-pagination__link:focus, .usa-pagination__link:active { color: #1a4480; } .usa-pagination__link:visited { color: #005ea2; } .usa-pagination__button { align-items: center; border-color: rgba(27, 27, 27, 0.2); border-radius: 0.25rem; border-style: solid; border-width: 1px; color: #005ea2; display: inline-flex; justify-content: center; padding: 0.5rem; width: 100%; } .usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active { color: #1a4480; border-color: #1a4480; } @media (forced-colors: active) { .usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active { border: 2px solid transparent; } } .usa-pagination .usa-current { background-color: #1b1b1b; border-color: transparent; color: white; } @media (forced-colors: active) { .usa-pagination .usa-current { border: 2px solid transparent; color: buttonText; } } .usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active { background-color: #1b1b1b; color: white; } @media (forced-colors: active) { .usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active { color: buttontext; } } .usa-pagination__overflow { align-items: center; align-self: stretch; display: inherit; user-select: none; padding: 0.5rem; } .usa-process-list { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; counter-reset: usa-numbered-list; padding: 20px 0 0 calc(2.5rem / 2 - 0.5rem / 2); position: relative; } .usa-process-list > li { margin-bottom: 0; max-width: unset; } .usa-process-list > .usa-process-list__item { max-width: 72ex; } .usa-process-list__item { border-left: 0.5rem solid #d9e8f6; font-size: 1rem; margin-bottom: 0; padding-bottom: 2rem; padding-left: calc(calc(2.5rem / 2 - 0.25rem) * 2); } .usa-prose .usa-process-list { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; counter-reset: usa-numbered-list; padding: 20px 0 0 calc(2.5rem / 2 - 0.5rem / 2); position: relative; } .usa-prose .usa-process-list > li { margin-bottom: 0; max-width: unset; } .usa-prose .usa-process-list > .usa-process-list__item { max-width: 72ex; } .usa-prose .usa-process-list__item { border-left: 0.5rem solid #d9e8f6; font-size: 1rem; margin-bottom: 0; padding-bottom: 2rem; padding-left: calc(calc(2.5rem / 2 - 0.25rem) * 2); } .usa-process-list__item:last-child { border-left: 0.5rem solid transparent; } .usa-process-list__item::before { flex-direction: row; align-items: center; justify-content: center; height: 2.5rem; border-radius: 99rem; width: 2.5rem; background-color: white; border: 0.25rem solid #1b1b1b; box-shadow: 0 0 0 0.25rem white; color: #1b1b1b; content: counter(usa-numbered-list, decimal); counter-increment: usa-numbered-list; display: flex; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.38rem; font-weight: 700; height: 2.5rem; left: 0; line-height: 1; margin-top: -0.4rem; position: absolute; width: 2.5rem; } .usa-process-list__item ul { list-style-type: disc; } .usa-process-list__item ul li { margin-bottom: 0.25rem; } .usa-process-list__item ul li:last-child { margin-bottom: 0; } .usa-process-list__item > *:first-child { margin-top: 0; } .usa-process-list__item > *:last-child { margin-bottom: 0; } .usa-process-list__heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.38rem; line-height: 1.2; color: #1b1b1b; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-weight: 700; margin: 0; } .usa-process-list__heading + * { margin-top: 0.25rem; } .usa-search { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; position: relative; } .usa-search::after { clear: both; content: ""; display: block; } .usa-search[role=search], .usa-search[role=search] > div, .usa-search [role=search] { display: flex; } .usa-search [type=submit] { border-bottom-left-radius: 0; border-top-left-radius: 0; height: 2rem; margin: 0; padding: 0; width: 3rem; } @media all and (min-width: 30em) { .usa-search [type=submit] { padding-left: 1rem; padding-right: 1rem; width: auto; } } @media (forced-colors: active) { .usa-search [type=submit]::before { background-image: url("../img/usa-icons/search.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.5rem 1.5rem; display: inline-block; height: 1.5rem; width: 1.5rem; content: ""; vertical-align: middle; margin-right: auto; } @supports (mask: url("")) { .usa-search [type=submit]::before { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/search.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.5rem 1.5rem; } } .usa-search [type=submit]:focus { outline-offset: 0; } } @media (forced-colors: active) and (min-width: 30em) { .usa-search [type=submit]::before { content: none; } } @media all and (min-width: 30em) { .usa-search__submit-icon { display: none; } } @media (forced-colors: active) { .usa-search__submit-icon { display: none; } } @media all and (min-width: 30em) { .usa-search--big [type=search], .usa-search--big .usa-search__input { font-size: 1rem; height: 3rem; } } @media all and (min-width: 30em) { .usa-search--big [type=submit], .usa-search--big .usa-search__submit { padding-left: 2rem; padding-right: 2rem; font-size: 1.38rem; height: 3rem; width: auto; } } .usa-search--small [type=submit], .usa-search--small .usa-search__submit { padding-left: 0.75rem; padding-right: 0.75rem; min-width: 3rem; } @media (forced-colors: active) and (min-width: 30em) { .usa-search--small [type=submit]::before { content: ""; } } .usa-search--small .usa-search__submit-icon { height: 1.5rem; width: 1.5rem; display: block; } @media (forced-colors: active) { .usa-search--small .usa-search__submit-icon { display: none; } } input[type=search] { /* stylelint-disable-line selector-no-qualifying-type */ box-sizing: border-box; appearance: none; } [type=search], .usa-search__input { padding-bottom: 0; padding-top: 0; border-bottom-right-radius: 0; border-right: none; border-top-right-radius: 0; box-sizing: border-box; float: left; font-size: 0.94rem; height: 2rem; margin: 0; } .usa-search__submit-text { display: none; } @media all and (min-width: 30em) { .usa-search__submit-text { display: block; } } .usa-section { padding-bottom: 2rem; padding-top: 2rem; } @media all and (min-width: 40em) { .usa-section { padding-bottom: 4rem; padding-top: 4rem; } } .usa-section--light { background-color: #f0f0f0; } .usa-section--dark { background-color: #252f3e; color: white; } .usa-section--dark h1, .usa-section--dark h2, .usa-section--dark h3, .usa-section--dark h4, .usa-section--dark h5, .usa-section--dark h6 { color: #00bde3; } .usa-section--dark p { color: white; } .usa-section--dark a { color: #dfe1e2; } .usa-section--dark a:visited { color: #dfe1e2; } .usa-section--dark a:hover, .usa-section--dark a:active { color: #f0f0f0; } .usa-sidenav { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.4; border-bottom: 1px solid #dfe1e2; } .usa-sidenav > li { margin-bottom: 0; max-width: unset; } .usa-sidenav__item { border-top: 1px solid #dfe1e2; } .usa-sidenav a:not(.usa-button) { display: block; padding: 0.5rem 1rem; text-decoration: none; } .usa-sidenav a:not(.usa-button):hover { background-color: #f0f0f0; text-decoration: none; } .usa-sidenav a:not(.usa-button):not(.usa-current) { color: #565c65; } .usa-sidenav a:not(.usa-button):not(.usa-current):hover { color: #005ea2; } .usa-sidenav a:not(.usa-button):not(.usa-current):focus { outline-offset: 0; } .usa-sidenav .usa-current { position: relative; color: #005ea2; font-weight: 700; } .usa-sidenav .usa-current::after { background-color: #005ea2; border-radius: 99rem; content: ""; display: block; position: absolute; bottom: 0.25rem; top: 0.25rem; width: 0.25rem; left: 0.25rem; } @media all and (min-width: 40em) { .usa-sidenav .usa-current { position: relative; } .usa-sidenav .usa-current::after { background-color: #005ea2; border-radius: 99rem; content: ""; display: block; position: absolute; bottom: 0.25rem; top: 0.25rem; width: 0.25rem; left: 0rem; } } .grid-container .usa-sidenav { margin-left: -1rem; margin-right: -1rem; } @media all and (min-width: 40em) { .grid-container .usa-sidenav { margin-left: 0; margin-right: 0; } } .usa-sidenav__sublist { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; margin: 0; font-size: 0.94rem; } .usa-sidenav__sublist > li { margin-bottom: 0; max-width: unset; } .usa-sidenav__sublist-item { border-top: 1px solid #dfe1e2; font-size: 0.88rem; } .usa-sidenav__sublist .usa-current::after { display: none; } @media all and (min-width: 40em) { .usa-sidenav__sublist .usa-current::after { display: none; } } .usa-sidenav__sublist a:not(.usa-button) { padding-left: 2rem; } .usa-sidenav__sublist .usa-sidenav__sublist a:not(.usa-button) { padding-left: 3rem; } .usa-sidenav__sublist .usa-sidenav__sublist .usa-sidenav__sublist a:not(.usa-button) { padding-left: 4rem; } .usa-site-alert .usa-alert { background-color: #f0f0f0; border-left: 0.5rem solid #a9aeb1; color: #1b1b1b; } .usa-site-alert .usa-alert .usa-alert__body { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; padding-bottom: 1rem; padding-top: 1rem; position: relative; } .usa-site-alert .usa-alert .usa-alert__text { margin-bottom: 0; margin-top: 0; } .usa-site-alert .usa-alert .usa-alert__text:only-child { padding-bottom: 0; padding-top: 0; } .usa-site-alert .usa-alert .usa-alert__heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.38rem; line-height: 1; margin-top: 0; margin-bottom: 0.5rem; } .usa-site-alert .usa-alert > .usa-list, .usa-site-alert .usa-alert .usa-alert__body > .usa-list { padding-left: 2ch; } .usa-site-alert .usa-alert > .usa-list:last-child, .usa-site-alert .usa-alert .usa-alert__body > .usa-list:last-child { margin-bottom: 0; } .usa-site-alert .usa-alert .usa-alert__body { max-width: 64rem; padding-left: 1.25rem; padding-right: 1.25rem; } .usa-site-alert .usa-alert .usa-alert__body::before { left: 1.0833333333rem; } @media all and (min-width: 64em) { .usa-site-alert .usa-alert .usa-alert__body { margin-left: auto; margin-right: auto; padding-left: 1.75rem; padding-right: 1.75rem; } .usa-site-alert .usa-alert .usa-alert__body::before { left: 1.5833333333rem; } } .usa-site-alert--info .usa-alert { background-color: #e7f6f8; border-left-color: #00bde3; } .usa-site-alert--info .usa-alert .usa-alert__body { color: #1b1b1b; background-color: #e7f6f8; display: flex; flex-direction: column; justify-content: center; min-height: 3.3333333333rem; } .usa-site-alert--info .usa-alert .usa-alert__body::before { background-image: url("../img/usa-icons/info.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2rem 2rem; display: inline-block; height: 2rem; width: 2rem; content: ""; display: block; position: absolute; top: 0.6666666667rem; } @supports (mask: url("")) { .usa-site-alert--info .usa-alert .usa-alert__body::before { background: none; background-color: #1b1b1b; mask-image: url("../img/usa-icons/info.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2rem 2rem; } } .usa-site-alert--info .usa-alert .usa-alert__body > * { margin-left: 2.5rem; } .usa-site-alert--info .usa-alert .usa-alert__body .usa-link { color: #005ea2; } .usa-site-alert--info .usa-alert .usa-alert__body .usa-link:visited { color: #54278f; } .usa-site-alert--info .usa-alert .usa-alert__body .usa-link:hover, .usa-site-alert--info .usa-alert .usa-alert__body .usa-link:active { color: #1a4480; } .usa-site-alert--emergency .usa-alert { background-color: #9c3d10; border-left-color: #9c3d10; } .usa-site-alert--emergency .usa-alert .usa-alert__body { color: white; background-color: #9c3d10; display: flex; flex-direction: column; justify-content: center; min-height: 3.3333333333rem; } .usa-site-alert--emergency .usa-alert .usa-alert__body::before { background-image: url("../img/usa-icons-bg/error--white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2rem 2rem; display: inline-block; height: 2rem; width: 2rem; content: ""; display: block; position: absolute; top: 0.6666666667rem; } @supports (mask: url("")) { .usa-site-alert--emergency .usa-alert .usa-alert__body::before { background: none; background-color: white; mask-image: url("../img/usa-icons/error.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2rem 2rem; } } .usa-site-alert--emergency .usa-alert .usa-alert__body > * { margin-left: 2.5rem; } .usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link { color: #dfe1e2; } .usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:visited { color: #dfe1e2; } .usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:hover, .usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:active { color: #f0f0f0; } .usa-site-alert--slim .usa-alert .usa-alert__body { padding-bottom: 0.5rem; padding-top: 0.5rem; min-height: 0; } .usa-site-alert--slim .usa-alert .usa-alert__body:before { height: 1.5rem; top: 0.5rem; width: 1.5rem; } @supports (mask: url("")) { .usa-site-alert--slim .usa-alert .usa-alert__body:before { mask-size: 1.5rem; } } .usa-site-alert--slim .usa-alert .usa-alert__body > * { margin-left: 2rem; } .usa-site-alert--slim .usa-alert .usa-alert__body::before { left: 1.125rem; } @media all and (min-width: 64em) { .usa-site-alert--slim .usa-alert .usa-alert__body::before { left: 1.625rem; } } .usa-site-alert--no-icon .usa-alert .usa-alert__body { min-height: 0; } .usa-site-alert--no-icon .usa-alert .usa-alert__body:before { display: none; } .usa-site-alert--no-icon .usa-alert .usa-alert__body > * { margin-left: 0; } .usa-skipnav { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; color: #005ea2; text-decoration: underline; background: transparent; left: 0; padding: 0.5rem 1rem; position: absolute; top: -3.8rem; transition: 0.15s ease-in-out; z-index: 100; } .usa-skipnav:visited { color: #54278f; } .usa-skipnav:hover { color: #1a4480; } .usa-skipnav:active { color: #252f3e; } .usa-skipnav:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-skipnav:focus, .usa-skipnav.usa-focus { background: white; left: 0; position: absolute; top: 0; transition: 0.15s ease-in-out; } .usa-skipnav__container { position: relative; } .usa-step-indicator { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.2; background-color: white; margin-bottom: 2rem; margin-left: -1px; margin-right: -1px; } @media all and (min-width: 40em) { .usa-step-indicator { margin-left: 0; margin-right: 0; } } .usa-step-indicator__segments { counter-reset: usa-step-indicator; display: flex; list-style: none; margin: 0; padding: 0; } .usa-step-indicator__segment { flex: 1 1 0%; counter-increment: usa-step-indicator; margin-left: 1px; margin-right: 1px; max-width: 15rem; min-height: 0.5rem; position: relative; } .usa-step-indicator__segment:after { background-color: #919191; content: ""; display: block; height: 0.5rem; left: 0; position: absolute; right: 0; top: 0; } @media all and (min-width: 40em) { .usa-step-indicator__segment:after { height: 0.5rem; } } .usa-step-indicator__segment--complete::after { background-color: #252f3e; } .usa-step-indicator__segment--complete .usa-step-indicator__segment-label { color: #252f3e; } .usa-step-indicator__segment--current::after { background-color: #005ea2; } .usa-step-indicator__segment--current .usa-step-indicator__segment-label { color: #005ea2; font-weight: 700; } .usa-step-indicator__segment-label { display: none; } @media all and (min-width: 40em) { .usa-step-indicator__segment-label { color: #565c65; display: block; font-size: 1rem; margin-top: calc(0.5rem + 0.5rem); padding-right: 2rem; text-align: left; } } .usa-step-indicator__header { align-items: baseline; display: flex; } .usa-step-indicator__heading { color: #1b1b1b; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.06rem; font-weight: 700; margin: 1rem 0 0; } @media all and (min-width: 40em) { .usa-step-indicator__heading { font-size: 1.38rem; margin-top: 2rem; } } .usa-step-indicator__current-step { height: 2.5rem; border-radius: 99rem; width: 2.5rem; font-weight: normal; font-feature-settings: "tnum" 1, "kern" 1; background-color: #005ea2; color: white; display: inline-block; padding: calc((2.5rem - 2ex * 1.2) * 0.5); text-align: center; } .usa-step-indicator__total-steps { font-weight: normal; font-feature-settings: "tnum" 1, "kern" 1; color: #005ea2; margin-right: 0.5rem; } @media all and (min-width: 40em) { .usa-step-indicator--counters .usa-step-indicator__segment, .usa-step-indicator--counters-sm .usa-step-indicator__segment { margin-left: 0; margin-right: 0; margin-top: calc((2.5rem - 0.5rem) / 2 + 0.25rem); } .usa-step-indicator--counters .usa-step-indicator__segment:before, .usa-step-indicator--counters-sm .usa-step-indicator__segment:before { height: 2.5rem; border-radius: 99rem; width: 2.5rem; font-feature-settings: "tnum" 1, "kern" 1; background-color: white; box-shadow: inset 0 0 0 0.25rem #919191, 0 0 0 0.25rem white; color: #565c65; content: counter(usa-step-indicator); display: block; font-weight: 700; left: 0; line-height: 1; padding: calc((2.5rem - 2ex * 1) * 0.5); position: absolute; text-align: center; top: calc((2.5rem - 0.5rem) / -2); z-index: 100; } .usa-step-indicator--counters .usa-step-indicator__segment:last-child:after, .usa-step-indicator--counters-sm .usa-step-indicator__segment:last-child:after { display: none; } } .usa-step-indicator--counters .usa-step-indicator__segment--complete::before, .usa-step-indicator--counters-sm .usa-step-indicator__segment--complete::before { background-color: #252f3e; box-shadow: 0 0 0 0.25rem white; color: white; } .usa-step-indicator--counters .usa-step-indicator__segment--current::before, .usa-step-indicator--counters-sm .usa-step-indicator__segment--current::before { background-color: #005ea2; box-shadow: 0 0 0 0.25rem white; color: white; } @media all and (min-width: 40em) { .usa-step-indicator--counters .usa-step-indicator__segment-label, .usa-step-indicator--counters-sm .usa-step-indicator__segment-label { margin-top: calc((2.5rem + 0.5rem) / 2 + 0.5rem); } } @media all and (min-width: 40em) { .usa-step-indicator--counters.usa-step-indicator--center .usa-step-indicator__segment:first-child:after, .usa-step-indicator--counters-sm.usa-step-indicator--center .usa-step-indicator__segment:first-child:after { left: 50%; right: 0; width: auto; } .usa-step-indicator--counters.usa-step-indicator--center .usa-step-indicator__segment:last-child:after, .usa-step-indicator--counters-sm.usa-step-indicator--center .usa-step-indicator__segment:last-child:after { display: block; left: 0; right: 50%; width: auto; } } @media all and (min-width: 40em) { .usa-step-indicator--counters-sm .usa-step-indicator__segment { margin-top: calc((1.5rem - 0.5rem) / 2 + 0.25rem); } .usa-step-indicator--counters-sm .usa-step-indicator__segment:before { height: 1.5rem; border-radius: 99rem; width: 1.5rem; font-size: 0.88rem; padding: calc(0.25rem + 1px); top: calc((1.5rem - 0.5rem) / -2); } .usa-step-indicator--counters-sm .usa-step-indicator__segment:last-child:after { display: none; } } @media all and (min-width: 40em) { .usa-step-indicator--counters-sm .usa-step-indicator__segment-label { margin-top: calc((1.5rem + 0.5rem) / 2 + 0.5rem); } } .usa-step-indicator--no-labels { margin-left: -1px; margin-right: -1px; } .usa-step-indicator--no-labels .usa-step-indicator__segment { margin-top: 0; margin-left: 1px; margin-right: 1px; } .usa-step-indicator--no-labels .usa-step-indicator__segment:before { display: none; } .usa-step-indicator--no-labels .usa-step-indicator__segment:last-child:after { display: block; } .usa-step-indicator--no-labels .usa-step-indicator__heading { margin-top: 1rem; } .usa-step-indicator--no-labels .usa-step-indicator__segment-label { display: none; } .usa-step-indicator--center { margin-left: -1px; margin-right: -1px; } .usa-step-indicator--center .usa-step-indicator__segment { margin-left: 1px; margin-right: 1px; } .usa-step-indicator--center .usa-step-indicator__segment:before { left: calc(50% - (2.5rem + 0.25rem) / 2); } .usa-step-indicator--center .usa-step-indicator__segment-label { padding-left: 0.5rem; padding-right: 0.5rem; text-align: center; } .usa-step-indicator--center.usa-step-indicator--no-labels .usa-step-indicator__segment:first-child:after { left: 0; } .usa-step-indicator--center.usa-step-indicator--no-labels .usa-step-indicator__segment:last-child:after { right: 0; } .usa-step-indicator--center.usa-step-indicator--counters-sm .usa-step-indicator__segment:before { left: calc(50% - (1.5rem + 0.25rem) / 2); } .usa-summary-box { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; color: #1b1b1b; background-color: #e7f6f8; border-radius: 0.25rem; border: 1px #99deea solid; padding: 1.5rem; position: relative; } .usa-summary-box .usa-list:last-child { margin-bottom: 0; } * + .usa-summary-box { margin-top: 1rem; } .usa-summary-box__heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.38rem; line-height: 1.2; margin-top: 0; margin-bottom: 0.5rem; } .usa-summary-box__text { margin-bottom: 0; margin-top: 0; } .usa-summary-box__text:only-child { margin-bottom: 1px; padding-top: 0.25rem; } .usa-summary-box__link { color: #005ea2; } .usa-summary-box__link:visited { color: #54278f; } .usa-summary-box__link:hover, .usa-summary-box__link:active { color: #1a4480; } .usa-summary-box__link[href^="#"]:visited { color: #005ea2; } .usa-summary-box__link[href^="#"]:hover { color: #1a4480; } .usa-table { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; border-collapse: collapse; border-spacing: 0; color: #1b1b1b; margin: 1.25rem 0; text-align: left; /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ } .usa-table thead td, .usa-table tfoot td, .usa-table th { background-clip: padding-box; line-height: 1.4; background-color: #dfe1e2; color: #1b1b1b; } .usa-table th, .usa-table td { border: 1px solid #1b1b1b; padding: 0.5rem 1rem; } .usa-table td { background-color: white; font-weight: normal; } .usa-table caption { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.94rem; font-weight: 700; margin-bottom: 0.75rem; text-align: left; } .usa-table th[data-sortable] { padding-right: 2.5rem; position: relative; } .usa-table th[data-sortable]::after { border-bottom-color: transparent; border-bottom-style: solid; border-bottom-width: 1px; bottom: 0; content: ""; height: 0; left: 0; position: absolute; width: 100%; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; height: 2rem; width: 2rem; background-position: center center; background-size: 1.5rem; color: #71767a; cursor: pointer; display: inline-block; margin: 0; position: absolute; right: 0.25rem; text-align: center; text-decoration: none; top: 50%; transform: translate(0, -50%); } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:visited, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:visited { color: #54278f; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:hover { color: #1a4480; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:active, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:active { color: #252f3e; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:focus, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-button--hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:active, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--active, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:active, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:active, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-button--active, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:focus, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-focus, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-focus, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-button--hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:active, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--active, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:active, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:active, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-button--active, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:focus, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-focus, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-focus, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--hover { color: #1a4480; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--active, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--active { color: #252f3e; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus { color: GrayText; } } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon { height: 1.5rem; width: 1.5rem; vertical-align: middle; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon > g, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon > g { fill: transparent; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon > g.unsorted, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon > g.unsorted { fill: #1b1b1b; } .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon > g.unsorted, .usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:hover .usa-icon > g.unsorted { fill: black; } .usa-table th[data-sortable][aria-sort=descending], .usa-table th[data-sortable][aria-sort=ascending] { background-color: #97d4ea; } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; height: 2rem; width: 2rem; background-position: center center; background-size: 1.5rem; color: #71767a; cursor: pointer; display: inline-block; margin: 0; position: absolute; right: 0.25rem; text-align: center; text-decoration: none; top: 50%; transform: translate(0, -50%); } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:visited { color: #54278f; } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:hover { color: #1a4480; } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:active { color: #252f3e; } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:hover, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--hover, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-button--hover, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:active, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--active, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:active, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:active, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-button--active, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:focus, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-focus, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-focus, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--hover { color: #1a4480; } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--active { color: #252f3e; } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus { color: GrayText; } } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon { height: 1.5rem; width: 1.5rem; vertical-align: middle; } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon > g { fill: transparent; } .usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon > g.descending { fill: #1b1b1b; } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button { color: #005ea2; text-decoration: underline; background-color: transparent; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; justify-content: normal; text-align: left; margin: 0; padding: 0; width: auto; height: 2rem; width: 2rem; background-position: center center; background-size: 1.5rem; color: #71767a; cursor: pointer; display: inline-block; margin: 0; position: absolute; right: 0.25rem; text-align: center; text-decoration: none; top: 50%; transform: translate(0, -50%); } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:visited { color: #54278f; } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:hover { color: #1a4480; } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:active { color: #252f3e; } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:hover, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--hover, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-button--hover, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-button--hover, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:active, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--active, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:active, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:active, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-button--active, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-button--active, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:focus, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-focus, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-focus, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--disabled { background-color: transparent; box-shadow: none; text-decoration: underline; } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--hover { color: #1a4480; } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--active { color: #252f3e; } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus { color: #757575; } @media (forced-colors: active) { .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true], .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover, .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus { color: GrayText; } } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon { height: 1.5rem; width: 1.5rem; vertical-align: middle; } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon > g { fill: transparent; } .usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon > g.ascending { fill: #1b1b1b; } .usa-table thead th[aria-sort] { background-color: #97d4ea; color: #1b1b1b; } .usa-table td[data-sort-active], .usa-table th[data-sort-active] { background-color: #e1f3f8; color: #1b1b1b; } .usa-table--borderless { /* stylelint-disable selector-class-pattern */ /* stylelint-enable selector-class-pattern */ } .usa-table--borderless th, .usa-table--borderless thead td, .usa-table--borderless tfoot td { background-color: white; } .usa-table--borderless th { border-top: 0; color: #1b1b1b; } .usa-table--borderless th[aria-sort] { color: #1b1b1b; } .usa-table--borderless th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon > g.unsorted { fill: #1b1b1b; } .usa-table--borderless th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon > g.unsorted { fill: black; } .usa-table--borderless th, .usa-table--borderless td { border-left: 0; border-right: 0; } .usa-table--compact th, .usa-table--compact td { padding: 0.25rem 0.75rem; } .usa-table--striped tbody tr:nth-child(odd) td { background-color: #f0f0f0; color: #1b1b1b; } .usa-table--striped tbody tr:nth-child(odd) td[data-sort-active] { background-color: #c3ebfa; color: #1b1b1b; } @media all and (max-width: 29.99em) { .usa-table--stacked thead { display: none; } .usa-table--stacked th { background-color: white; } .usa-table--stacked th, .usa-table--stacked td { border-bottom-width: 0; display: block; width: 100%; } .usa-table--stacked tr { border-bottom: 0.25rem solid #1b1b1b; border-top-width: 0; width: 100%; } .usa-table--stacked tr th:first-child, .usa-table--stacked tr td:first-child { border-top-width: 0; } .usa-table--stacked tr:nth-child(odd) td, .usa-table--stacked tr:nth-child(odd) th { background-color: inherit; } .usa-table--stacked tr:first-child th:first-child, .usa-table--stacked tr:first-child td:first-child { border-top: 0.25rem solid #1b1b1b; } .usa-table--stacked th[data-label], .usa-table--stacked td[data-label] { padding-bottom: 0.75rem; } .usa-table--stacked th[data-label]:before, .usa-table--stacked td[data-label]:before { content: attr(data-label); display: block; font-weight: 700; margin: -0.5rem -1rem 0rem; padding: 0.75rem 1rem 0.25rem; } } @media all and (max-width: 29.99em) { .usa-table--stacked-header thead { display: none; } .usa-table--stacked-header th { background-color: white; } .usa-table--stacked-header th, .usa-table--stacked-header td { border-bottom-width: 0; display: block; width: 100%; } .usa-table--stacked-header tr { border-bottom: 0.25rem solid #1b1b1b; border-top-width: 0; width: 100%; } .usa-table--stacked-header tr th:first-child, .usa-table--stacked-header tr td:first-child { border-top-width: 0; } .usa-table--stacked-header tr:nth-child(odd) td, .usa-table--stacked-header tr:nth-child(odd) th { background-color: inherit; } .usa-table--stacked-header tr:first-child th:first-child, .usa-table--stacked-header tr:first-child td:first-child { border-top: 0.25rem solid #1b1b1b; } .usa-table--stacked-header th[data-label], .usa-table--stacked-header td[data-label] { padding-bottom: 0.75rem; } .usa-table--stacked-header th[data-label]:before, .usa-table--stacked-header td[data-label]:before { content: attr(data-label); display: block; font-weight: 700; margin: -0.5rem -1rem 0rem; padding: 0.75rem 1rem 0.25rem; } .usa-table--stacked-header tr td:first-child, .usa-table--stacked-header tr th:first-child { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.2; background-color: #dfe1e2; color: #1b1b1b; font-weight: 700; padding: 0.75rem 1rem; } .usa-table--stacked-header tr td:first-child:before, .usa-table--stacked-header tr th:first-child:before { display: none; } } .width-mobile .usa-table--stacked thead { display: none; } .width-mobile .usa-table--stacked th { background-color: white; } .width-mobile .usa-table--stacked th, .width-mobile .usa-table--stacked td { border-bottom-width: 0; display: block; width: 100%; } .width-mobile .usa-table--stacked tr { border-bottom: 0.25rem solid #1b1b1b; border-top-width: 0; width: 100%; } .width-mobile .usa-table--stacked tr th:first-child, .width-mobile .usa-table--stacked tr td:first-child { border-top-width: 0; } .width-mobile .usa-table--stacked tr:nth-child(odd) td, .width-mobile .usa-table--stacked tr:nth-child(odd) th { background-color: inherit; } .width-mobile .usa-table--stacked tr:first-child th:first-child, .width-mobile .usa-table--stacked tr:first-child td:first-child { border-top: 0.25rem solid #1b1b1b; } .width-mobile .usa-table--stacked th[data-label], .width-mobile .usa-table--stacked td[data-label] { padding-bottom: 0.75rem; } .width-mobile .usa-table--stacked th[data-label]:before, .width-mobile .usa-table--stacked td[data-label]:before { content: attr(data-label); display: block; font-weight: 700; margin: -0.5rem -1rem 0rem; padding: 0.75rem 1rem 0.25rem; } .width-mobile .usa-table--stacked-header thead { display: none; } .width-mobile .usa-table--stacked-header th { background-color: white; } .width-mobile .usa-table--stacked-header th, .width-mobile .usa-table--stacked-header td { border-bottom-width: 0; display: block; width: 100%; } .width-mobile .usa-table--stacked-header tr { border-bottom: 0.25rem solid #1b1b1b; border-top-width: 0; width: 100%; } .width-mobile .usa-table--stacked-header tr th:first-child, .width-mobile .usa-table--stacked-header tr td:first-child { border-top-width: 0; } .width-mobile .usa-table--stacked-header tr:nth-child(odd) td, .width-mobile .usa-table--stacked-header tr:nth-child(odd) th { background-color: inherit; } .width-mobile .usa-table--stacked-header tr:first-child th:first-child, .width-mobile .usa-table--stacked-header tr:first-child td:first-child { border-top: 0.25rem solid #1b1b1b; } .width-mobile .usa-table--stacked-header th[data-label], .width-mobile .usa-table--stacked-header td[data-label] { padding-bottom: 0.75rem; } .width-mobile .usa-table--stacked-header th[data-label]:before, .width-mobile .usa-table--stacked-header td[data-label]:before { content: attr(data-label); display: block; font-weight: 700; margin: -0.5rem -1rem 0rem; padding: 0.75rem 1rem 0.25rem; } .width-mobile .usa-table--stacked-header tr td:first-child, .width-mobile .usa-table--stacked-header tr th:first-child { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.2; background-color: #dfe1e2; color: #1b1b1b; font-weight: 700; padding: 0.75rem 1rem; } .width-mobile .usa-table--stacked-header tr td:first-child:before, .width-mobile .usa-table--stacked-header tr th:first-child:before { display: none; } .usa-table--sticky-header { border: 1px solid #1b1b1b; border-collapse: separate; } .usa-table--sticky-header td, .usa-table--sticky-header th { border-left: none; border-top: none; } .usa-table--sticky-header td:last-child, .usa-table--sticky-header th:last-child { border-right: none; } .usa-table--sticky-header tfoot td, .usa-table--sticky-header tfoot th { border-top: 1px solid #1b1b1b; border-bottom: none; } .usa-table--sticky-header tbody tr:last-child td, .usa-table--sticky-header tbody tr:last-child th { border-bottom: none; } .usa-table--sticky-header thead { position: sticky; top: -1px; } .usa-table--sticky-header.usa-table--borderless { border: none; } .usa-table--sticky-header.usa-table--borderless th { background-color: white; } .usa-table--sticky-header.usa-table--borderless td, .usa-table--sticky-header.usa-table--borderless th { border-right: none; } .usa-table-container--scrollable { margin: 1.25rem 0; overflow-y: hidden; } .usa-table-container--scrollable .usa-table { margin: 0; } .usa-table-container--scrollable td { white-space: nowrap; } .usa-tag { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.88rem; color: white; text-transform: uppercase; background-color: #565c65; border-radius: 2px; margin-right: 0.25rem; padding: 1px 0.5rem; } .usa-tag:only-of-type { margin-right: 0; } .usa-tag--big { padding-left: 0.5rem; padding-right: 0.5rem; font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; } /* Tooltips */ .usa-tooltip { display: inline-block; position: relative; } .usa-tooltip__trigger { cursor: pointer; } .usa-tooltip__trigger > svg { display: block; pointer-events: none; } .usa-tooltip__body, .usa-tooltip__body--top { transition: opacity 0.08s ease-in-out; background-color: #1b1b1b; border-radius: 0.25rem; color: #f0f0f0; display: none; font-size: 0.94rem; opacity: 0; padding: 0.5rem; width: auto; white-space: pre; z-index: 100000; position: absolute; /* positioning is completed with JS */ } .usa-tooltip__body::after, .usa-tooltip__body--top::after { content: ""; display: block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #1b1b1b; position: absolute; bottom: -5px; left: 50%; margin-left: -5px; } .usa-tooltip__body::before, .usa-tooltip__body--top::before { content: ""; display: block; position: absolute; } .usa-tooltip__body--wrap { width: 100%; white-space: normal; text-align: center; min-width: 50vw; } .usa-tooltip__body.is-set { display: block; } .usa-tooltip__body.is-visible { opacity: 1; } .usa-tooltip__body--top::before { top: 100%; height: 5px; left: 0; right: 0; } .usa-tooltip__body--bottom::before { bottom: 100%; height: 5px; left: 0; right: 0; } .usa-tooltip__body--bottom::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #1b1b1b; border-top: 0; bottom: auto; top: -5px; } .usa-tooltip__body--right::before { right: 100%; bottom: 0; top: 0; width: 5px; } .usa-tooltip__body--right::after { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #1b1b1b; border-left: 0; right: auto; top: 50%; bottom: 0; left: -5px; margin: -5px 0 0 0; } .usa-tooltip__body--left::before { left: 100%; bottom: 0; top: 0; width: 5px; } .usa-tooltip__body--left::after { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #1b1b1b; border-right: 0; right: -5px; top: 50%; bottom: 0; left: auto; margin: -5px 0 0 0; } .usa-character-count__status { display: inline-block; padding-top: 0.25rem; } .usa-character-count__status.usa-character-count__status--invalid { color: #b50909; font-weight: 700; } .usa-input:disabled, .usa-input[aria-disabled=true] { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; -webkit-text-fill-color: #454545; } .usa-input:disabled:hover, .usa-input:disabled:active, .usa-input:disabled:focus, .usa-input:disabled.usa-focus, .usa-input[aria-disabled=true]:hover, .usa-input[aria-disabled=true]:active, .usa-input[aria-disabled=true]:focus, .usa-input[aria-disabled=true].usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-input:disabled, .usa-input[aria-disabled=true] { border: 0; color: GrayText; } .usa-input:disabled:hover, .usa-input:disabled:active, .usa-input:disabled:focus, .usa-input:disabled.usa-focus, .usa-input[aria-disabled=true]:hover, .usa-input[aria-disabled=true]:active, .usa-input[aria-disabled=true]:focus, .usa-input[aria-disabled=true].usa-focus { color: GrayText; } } @media (forced-colors: active) { .usa-input:disabled, .usa-input[aria-disabled=true] { border: 2px solid GrayText; } } .usa-input--2xs, .usa-form .usa-input--2xs { max-width: 5ex; } .usa-input--xs, .usa-form .usa-input--xs { max-width: 9ex; } .usa-input--sm, .usa-form .usa-input--sm { max-width: 13ex; } .usa-input--small, .usa-form .usa-input--small { max-width: 13ex; } .usa-input--md, .usa-form .usa-input--md { max-width: 20ex; } .usa-input--medium, .usa-form .usa-input--medium { max-width: 20ex; } .usa-input--lg, .usa-form .usa-input--lg { max-width: 30ex; } .usa-input--xl, .usa-form .usa-input--xl { max-width: 40ex; } .usa-input--2xl, .usa-form .usa-input--2xl { max-width: 50ex; } .usa-input--error { border-width: 0.25rem; border-color: #b50909; border-style: solid; padding-top: calc(0.5rem - 0.25rem); padding-bottom: calc(0.5rem - 0.25rem); } .usa-input--success { border-width: 0.25rem; border-color: #00a91c; border-style: solid; padding-top: calc(0.5rem - 0.25rem); padding-bottom: calc(0.5rem - 0.25rem); } .usa-fieldset { border: none; margin: 0; padding: 0; } .usa-legend { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.4; display: block; font-weight: normal; margin-top: 1.5rem; max-width: 30rem; } .usa-legend--large { font-size: 2rem; font-weight: 700; margin-top: 1rem; } .usa-input-list { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; } .usa-input-list li { line-height: 1.4; } .usa-prose .usa-input-list { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; } .usa-prose .usa-input-list li { line-height: 1.4; } .usa-checkbox { background: white; } .usa-checkbox__label { color: #1b1b1b; } .usa-checkbox__label::before { background: white; box-shadow: 0 0 0 2px #1b1b1b; } @media (forced-colors: active) { .usa-checkbox__label::before { outline: 2px solid transparent; outline-offset: 2px; } } .usa-checkbox__input:checked + [class*=__label]::before { background-color: #005ea2; box-shadow: 0 0 0 2px #005ea2; } .usa-checkbox__input:disabled + [class*=__label], .usa-checkbox__input[aria-disabled=true] + [class*=__label] { color: #757575; cursor: not-allowed; } @media (forced-colors: active) { .usa-checkbox__input:disabled + [class*=__label], .usa-checkbox__input[aria-disabled=true] + [class*=__label] { color: GrayText; } } .usa-checkbox__input:disabled + [class*=__label]::before, .usa-checkbox__input[aria-disabled=true] + [class*=__label]::before { background-color: white; box-shadow: 0 0 0 2px #757575; } .usa-checkbox__input--tile + [class*=__label] { background-color: white; border: 2px solid #c9c9c9; color: #1b1b1b; } .usa-checkbox__input--tile:checked + [class*=__label] { background-color: rgba(0, 94, 162, 0.1); border-color: #005ea2; } @media (forced-colors: active) { .usa-checkbox__input--tile:checked + [class*=__label] { border: ButtonText solid 0.25rem; } } .usa-checkbox__input--tile:disabled + [class*=__label], .usa-checkbox__input--tile[aria-disabled=true] + [class*=__label] { border-color: #e6e6e6; } .usa-checkbox__input--tile:disabled:checked + [class*=__label], .usa-checkbox__input--tile:disabled:indeterminate + [class*=__label], .usa-checkbox__input--tile:disabled[data-indeterminate] + [class*=__label], .usa-checkbox__input--tile[aria-disabled=true]:checked + [class*=__label], .usa-checkbox__input--tile[aria-disabled=true]:indeterminate + [class*=__label], .usa-checkbox__input--tile[aria-disabled=true][data-indeterminate] + [class*=__label] { background-color: white; } .usa-checkbox__input:indeterminate + [class*=__label]::before, .usa-checkbox__input[data-indeterminate] + [class*=__label]::before { background-image: url("../img/checkbox-indeterminate.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-color: #005ea2; box-shadow: 0 0 0 2px #005ea2; background-position: center center; background-size: 0.75rem auto; } @media (forced-colors: active) { .usa-checkbox__input:indeterminate + [class*=__label]::before, .usa-checkbox__input[data-indeterminate] + [class*=__label]::before { background-image: url("../img/checkbox-indeterminate-alt.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-color: SelectedItem; } } .usa-checkbox__input:indeterminate:disabled + [class*=__label]::before, .usa-checkbox__input:indeterminate[aria-disabled=true] + [class*=__label]::before, .usa-checkbox__input[data-indeterminate]:disabled + [class*=__label]::before, .usa-checkbox__input[data-indeterminate][aria-disabled=true] + [class*=__label]::before { box-shadow: 0 0 0 2px #757575; } .usa-checkbox__input:indeterminate:disabled + [class*=__label], .usa-checkbox__input:indeterminate[aria-disabled=true] + [class*=__label], .usa-checkbox__input[data-indeterminate]:disabled + [class*=__label], .usa-checkbox__input[data-indeterminate][aria-disabled=true] + [class*=__label] { border-color: #e6e6e6; } .usa-checkbox__input--tile:indeterminate + [class*=__label], .usa-checkbox__input--tile[data-indeterminate] + [class*=__label] { background-color: rgba(0, 94, 162, 0.1); border-color: #005ea2; } @media (forced-colors: active) { .usa-checkbox__input--tile:indeterminate + [class*=__label], .usa-checkbox__input--tile[data-indeterminate] + [class*=__label] { border: ButtonText solid 0.25rem; } } .usa-checkbox__input:checked + [class*=__label]::before, .usa-checkbox__input:checked:disabled + [class*=__label]::before, .usa-checkbox__input:checked[aria-disabled=true] + [class*=__label]::before { background-image: url("../img/correct8.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } @media (forced-colors: active) { .usa-checkbox__input:checked + [class*=__label]::before, .usa-checkbox__input:checked:disabled + [class*=__label]::before, .usa-checkbox__input:checked[aria-disabled=true] + [class*=__label]::before { background-image: url("../img/correct8-alt.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } } .usa-checkbox__input:checked:disabled + [class*=__label]::before, .usa-checkbox__input:checked[aria-disabled=true] + [class*=__label]::before, .usa-checkbox__input:indeterminate:disabled + [class*=__label]::before, .usa-checkbox__input:indeterminate[aria-disabled=true] + [class*=__label]::before, .usa-checkbox__input[data-indeterminate]:disabled + [class*=__label]::before, .usa-checkbox__input[data-indeterminate][aria-disabled=true] + [class*=__label]::before { background-color: #757575; } @media (forced-colors: active) { .usa-checkbox__input:checked:disabled + [class*=__label]::before, .usa-checkbox__input:checked[aria-disabled=true] + [class*=__label]::before, .usa-checkbox__input:indeterminate:disabled + [class*=__label]::before, .usa-checkbox__input:indeterminate[aria-disabled=true] + [class*=__label]::before, .usa-checkbox__input[data-indeterminate]:disabled + [class*=__label]::before, .usa-checkbox__input[data-indeterminate][aria-disabled=true] + [class*=__label]::before { background-color: GrayText; } } .usa-checkbox__input { position: absolute; left: -999em; right: auto; } .usa-checkbox__input:focus + [class*=__label]::before { outline: 0.25rem solid #2491ff; outline-offset: 0.25rem; } .usa-checkbox__input--tile + [class*=__label] { border-radius: 0.25rem; margin-top: 0.5rem; padding: 0.75rem 1rem 0.75rem 2.5rem; display: inherit; } .usa-checkbox__input--tile + [class*=__label]::before { left: 0.5rem; } .usa-checkbox__input:checked + [class*=__label]::before { background-position: center center; background-size: 0.75rem auto; } @media print { .usa-checkbox__input:checked + [class*=__label]::before { background-image: none; background-color: white; content: "✔"; text-align: center; } } @media (forced-colors: active) { .usa-checkbox__input:checked + [class*=__label]::before { background-color: SelectedItem; } } .usa-checkbox__label { cursor: pointer; display: inline-block; font-weight: normal; margin-top: 0.75rem; padding-left: 2rem; position: relative; } .usa-checkbox__label::before { content: " "; display: block; left: 0; margin-left: 2px; margin-top: 0.075rem; position: absolute; } .usa-checkbox__label::before { height: 1.25rem; width: 1.25rem; border-radius: 0.25rem; } .usa-checkbox__label-description { display: block; font-size: 0.88rem; margin-top: 0.5rem; } /* .checkbox-tests { @include set-text-and-bg("green-80"); @include checkbox-colors("green-80", "green-warm-10v"); padding: units(2); border-radius: radius("md"); } */ .usa-select { background-image: url("../img/usa-icons/unfold_more.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; appearance: none; background-color: white; background-position: right 0.5rem center; background-size: 1.25rem; padding-right: 2rem; } .usa-select::-ms-expand { display: none; } .usa-select:-webkit-autofill { appearance: menulist; } .usa-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 black; } .usa-select[multiple] { height: auto; background-image: none; padding-right: 0; } .usa-select option { overflow: hidden; text-overflow: ellipsis; } .usa-select:disabled, .usa-select[aria-disabled=true] { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-select:disabled:hover, .usa-select:disabled:active, .usa-select:disabled:focus, .usa-select:disabled.usa-focus, .usa-select[aria-disabled=true]:hover, .usa-select[aria-disabled=true]:active, .usa-select[aria-disabled=true]:focus, .usa-select[aria-disabled=true].usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-select:disabled, .usa-select[aria-disabled=true] { border: 0; color: GrayText; } .usa-select:disabled:hover, .usa-select:disabled:active, .usa-select:disabled:focus, .usa-select:disabled.usa-focus, .usa-select[aria-disabled=true]:hover, .usa-select[aria-disabled=true]:active, .usa-select[aria-disabled=true]:focus, .usa-select[aria-disabled=true].usa-focus { color: GrayText; } } @media (forced-colors: active) { .usa-select:disabled, .usa-select[aria-disabled=true] { border: 2px solid GrayText; } } @media (forced-colors: active) { .usa-select { appearance: listbox; background-image: none; padding-right: 0; } } .usa-combo-box { max-width: 30rem; position: relative; } .usa-combo-box--pristine .usa-combo-box__input { padding-right: calc(5em + 4px); } .usa-combo-box--pristine .usa-combo-box__input::-ms-clear { display: none; } .usa-combo-box--pristine .usa-combo-box__clear-input { display: block; } @media (forced-colors: active) { .usa-combo-box--pristine .usa-combo-box__clear-input { background-image: url("../img/usa-icons/close.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1rem 1rem; display: inline-block; height: 1rem; width: 1rem; height: 1.5rem; width: auto; top: 0.5rem; } @supports (mask: url("")) { .usa-combo-box--pristine .usa-combo-box__clear-input { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/close.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1rem 1rem; } } } .usa-combo-box__input { appearance: none; margin-bottom: 0; max-width: none; padding-right: calc(2.5em + 3px); } .usa-combo-box__input:disabled, .usa-combo-box__input[aria-disabled=true] { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; -webkit-text-fill-color: #454545; } .usa-combo-box__input:disabled:hover, .usa-combo-box__input:disabled:active, .usa-combo-box__input:disabled:focus, .usa-combo-box__input:disabled.usa-focus, .usa-combo-box__input[aria-disabled=true]:hover, .usa-combo-box__input[aria-disabled=true]:active, .usa-combo-box__input[aria-disabled=true]:focus, .usa-combo-box__input[aria-disabled=true].usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-combo-box__input:disabled, .usa-combo-box__input[aria-disabled=true] { border: 0; color: GrayText; } .usa-combo-box__input:disabled:hover, .usa-combo-box__input:disabled:active, .usa-combo-box__input:disabled:focus, .usa-combo-box__input:disabled.usa-focus, .usa-combo-box__input[aria-disabled=true]:hover, .usa-combo-box__input[aria-disabled=true]:active, .usa-combo-box__input[aria-disabled=true]:focus, .usa-combo-box__input[aria-disabled=true].usa-focus { color: GrayText; } } @media (forced-colors: active) { .usa-combo-box__input:disabled, .usa-combo-box__input[aria-disabled=true] { border: 2px solid GrayText; } } .usa-combo-box__input:disabled::placeholder, .usa-combo-box__input[aria-disabled=true]::placeholder { opacity: 1; } .usa-combo-box__input:disabled ~ .usa-combo-box__input-button-separator, .usa-combo-box__input[aria-disabled=true] ~ .usa-combo-box__input-button-separator { background-color: #454545; cursor: not-allowed; } button.usa-combo-box__toggle-list:focus, button.usa-combo-box__clear-input:focus { outline-offset: -4px; } button.usa-combo-box__toggle-list:disabled, button.usa-combo-box__toggle-list[aria-disabled=true], button.usa-combo-box__clear-input:disabled, button.usa-combo-box__clear-input[aria-disabled=true] { cursor: not-allowed; } /* stylelint-disable selector-class-pattern */ .usa-combo-box__toggle-list__wrapper:focus, .usa-combo-box__clear-input__wrapper:focus { outline: 0; } /* stylelint-enable selector-class-pattern */ .usa-combo-box__toggle-list, .usa-combo-box__clear-input { background-color: transparent; background-position: center; background-size: auto 1.5rem; border: 0; bottom: 1px; cursor: pointer; margin-bottom: 0; opacity: 0.6; padding-right: 2rem; position: absolute; top: 1px; z-index: 100; } .usa-combo-box__clear-input { background-image: url("../img/usa-icons/close.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; display: none; right: calc(2.5em + 3px); } .usa-combo-box__toggle-list { background-image: url("../img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: auto 2rem; right: 1px; } @media (forced-colors: active) { .usa-combo-box__toggle-list { background-image: url("../img/usa-icons/expand_more.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1rem 1rem; display: inline-block; height: 1rem; width: 1rem; height: auto; width: auto; } @supports (mask: url("")) { .usa-combo-box__toggle-list { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1rem 1rem; } } .usa-combo-box__toggle-list:disabled, .usa-combo-box__toggle-list[aria-disabled=true] { background-color: GrayText; } } .usa-combo-box__input-button-separator { background-color: #c6cace; position: absolute; top: 1px; height: calc(100% - 1rem); margin-bottom: 0.5rem; margin-top: 0.5rem; width: 1px; right: calc(2.5em + 2px); box-sizing: border-box; z-index: 200; } @media (forced-colors: active) { .usa-combo-box__input-button-separator { background-color: ButtonText; } } .usa-combo-box__list { border-width: 1px; border-color: #565c65; border-style: solid; background-color: white; border-radius: 0; border-top: 0; margin: 0; max-height: 12.1em; overflow-x: hidden; overflow-y: scroll; padding: 0; position: absolute; width: 100%; z-index: 300; } .usa-combo-box__list:focus { outline: 0; } .usa-combo-box__list-option { border-bottom: 1px solid #dfe1e2; cursor: pointer; display: block; padding: 0.5rem; } .usa-combo-box__list-option--focused { outline: 2px solid #162e51; outline-offset: -2px; position: relative; z-index: 100; } .usa-combo-box__list-option--focused:focus { outline-offset: -4px; } .usa-combo-box__list-option--selected { background-color: #005ea2; border-color: #005ea2; color: white; } .usa-combo-box__list-option--no-results { cursor: not-allowed; display: block; padding: 0.5rem; } .usa-date-picker__wrapper { display: none; position: relative; max-width: 30rem; } .usa-date-picker__wrapper:focus { outline: 0; } .usa-date-picker__external-input[aria-disabled=true] + .usa-date-picker__button, .usa-date-picker__calendar__year:disabled, .usa-date-picker__calendar__previous-year-chunk:disabled, .usa-date-picker__calendar__next-year-chunk:disabled, .usa-date-picker__calendar__month:disabled, .usa-date-picker__calendar__year-selection:disabled, .usa-date-picker__calendar__month-selection:disabled, .usa-date-picker__calendar__date:disabled, .usa-date-picker__calendar__previous-year:disabled, .usa-date-picker__calendar__previous-month:disabled, .usa-date-picker__calendar__next-year:disabled, .usa-date-picker__calendar__next-month:disabled, .usa-date-picker__button:disabled, [aria-disabled=true].usa-date-picker__calendar__year, [aria-disabled=true].usa-date-picker__calendar__previous-year-chunk, [aria-disabled=true].usa-date-picker__calendar__next-year-chunk, [aria-disabled=true].usa-date-picker__calendar__month, [aria-disabled=true].usa-date-picker__calendar__year-selection, [aria-disabled=true].usa-date-picker__calendar__month-selection, [aria-disabled=true].usa-date-picker__calendar__date, [aria-disabled=true].usa-date-picker__calendar__previous-year, [aria-disabled=true].usa-date-picker__calendar__previous-month, [aria-disabled=true].usa-date-picker__calendar__next-year, [aria-disabled=true].usa-date-picker__calendar__next-month, [aria-disabled=true].usa-date-picker__button { cursor: not-allowed; opacity: 0.6; } .usa-date-picker__external-input[aria-disabled=true] + .usa-date-picker__button:hover, .usa-date-picker__calendar__year:hover:disabled, .usa-date-picker__calendar__previous-year-chunk:hover:disabled, .usa-date-picker__calendar__next-year-chunk:hover:disabled, .usa-date-picker__calendar__month:hover:disabled, .usa-date-picker__calendar__year-selection:hover:disabled, .usa-date-picker__calendar__month-selection:hover:disabled, .usa-date-picker__calendar__date:hover:disabled, .usa-date-picker__calendar__previous-year:hover:disabled, .usa-date-picker__calendar__previous-month:hover:disabled, .usa-date-picker__calendar__next-year:hover:disabled, .usa-date-picker__calendar__next-month:hover:disabled, .usa-date-picker__button:hover:disabled, [aria-disabled=true].usa-date-picker__calendar__year:hover, [aria-disabled=true].usa-date-picker__calendar__previous-year-chunk:hover, [aria-disabled=true].usa-date-picker__calendar__next-year-chunk:hover, [aria-disabled=true].usa-date-picker__calendar__month:hover, [aria-disabled=true].usa-date-picker__calendar__year-selection:hover, [aria-disabled=true].usa-date-picker__calendar__month-selection:hover, [aria-disabled=true].usa-date-picker__calendar__date:hover, [aria-disabled=true].usa-date-picker__calendar__previous-year:hover, [aria-disabled=true].usa-date-picker__calendar__previous-month:hover, [aria-disabled=true].usa-date-picker__calendar__next-year:hover, [aria-disabled=true].usa-date-picker__calendar__next-month:hover, [aria-disabled=true].usa-date-picker__button:hover { background-color: initial; } @media (forced-colors: active) { .usa-date-picker__external-input[aria-disabled=true] + .usa-date-picker__button, .usa-date-picker__calendar__year:disabled, .usa-date-picker__calendar__previous-year-chunk:disabled, .usa-date-picker__calendar__next-year-chunk:disabled, .usa-date-picker__calendar__month:disabled, .usa-date-picker__calendar__year-selection:disabled, .usa-date-picker__calendar__month-selection:disabled, .usa-date-picker__calendar__date:disabled, .usa-date-picker__calendar__previous-year:disabled, .usa-date-picker__calendar__previous-month:disabled, .usa-date-picker__calendar__next-year:disabled, .usa-date-picker__calendar__next-month:disabled, .usa-date-picker__button:disabled, [aria-disabled=true].usa-date-picker__calendar__year, [aria-disabled=true].usa-date-picker__calendar__previous-year-chunk, [aria-disabled=true].usa-date-picker__calendar__next-year-chunk, [aria-disabled=true].usa-date-picker__calendar__month, [aria-disabled=true].usa-date-picker__calendar__year-selection, [aria-disabled=true].usa-date-picker__calendar__month-selection, [aria-disabled=true].usa-date-picker__calendar__date, [aria-disabled=true].usa-date-picker__calendar__previous-year, [aria-disabled=true].usa-date-picker__calendar__previous-month, [aria-disabled=true].usa-date-picker__calendar__next-year, [aria-disabled=true].usa-date-picker__calendar__next-month, [aria-disabled=true].usa-date-picker__button { background-color: GrayText; } .usa-date-picker__external-input[aria-disabled=true] + .usa-date-picker__button:hover, .usa-date-picker__calendar__year:hover:disabled, .usa-date-picker__calendar__previous-year-chunk:hover:disabled, .usa-date-picker__calendar__next-year-chunk:hover:disabled, .usa-date-picker__calendar__month:hover:disabled, .usa-date-picker__calendar__year-selection:hover:disabled, .usa-date-picker__calendar__month-selection:hover:disabled, .usa-date-picker__calendar__date:hover:disabled, .usa-date-picker__calendar__previous-year:hover:disabled, .usa-date-picker__calendar__previous-month:hover:disabled, .usa-date-picker__calendar__next-year:hover:disabled, .usa-date-picker__calendar__next-month:hover:disabled, .usa-date-picker__button:hover:disabled, [aria-disabled=true].usa-date-picker__calendar__year:hover, [aria-disabled=true].usa-date-picker__calendar__previous-year-chunk:hover, [aria-disabled=true].usa-date-picker__calendar__next-year-chunk:hover, [aria-disabled=true].usa-date-picker__calendar__month:hover, [aria-disabled=true].usa-date-picker__calendar__year-selection:hover, [aria-disabled=true].usa-date-picker__calendar__month-selection:hover, [aria-disabled=true].usa-date-picker__calendar__date:hover, [aria-disabled=true].usa-date-picker__calendar__previous-year:hover, [aria-disabled=true].usa-date-picker__calendar__previous-month:hover, [aria-disabled=true].usa-date-picker__calendar__next-year:hover, [aria-disabled=true].usa-date-picker__calendar__next-month:hover, [aria-disabled=true].usa-date-picker__button:hover { background-color: GrayText; } } .usa-date-picker__calendar__year, .usa-date-picker__calendar__previous-year-chunk, .usa-date-picker__calendar__next-year-chunk, .usa-date-picker__calendar__month, .usa-date-picker__calendar__year-selection, .usa-date-picker__calendar__month-selection, .usa-date-picker__calendar__date, .usa-date-picker__calendar__previous-year, .usa-date-picker__calendar__previous-month, .usa-date-picker__calendar__next-year, .usa-date-picker__calendar__next-month, .usa-date-picker__button { background-color: #f0f0f0; border: 0; width: 100%; } .usa-date-picker__calendar__year:not([disabled]), .usa-date-picker__calendar__previous-year-chunk:not([disabled]), .usa-date-picker__calendar__next-year-chunk:not([disabled]), .usa-date-picker__calendar__month:not([disabled]), .usa-date-picker__calendar__year-selection:not([disabled]), .usa-date-picker__calendar__month-selection:not([disabled]), .usa-date-picker__calendar__date:not([disabled]), .usa-date-picker__calendar__previous-year:not([disabled]), .usa-date-picker__calendar__previous-month:not([disabled]), .usa-date-picker__calendar__next-year:not([disabled]), .usa-date-picker__calendar__next-month:not([disabled]), .usa-date-picker__button:not([disabled]) { cursor: pointer; } .usa-date-picker__calendar__year:not([disabled]):focus, .usa-date-picker__calendar__previous-year-chunk:not([disabled]):focus, .usa-date-picker__calendar__next-year-chunk:not([disabled]):focus, .usa-date-picker__calendar__month:not([disabled]):focus, .usa-date-picker__calendar__year-selection:not([disabled]):focus, .usa-date-picker__calendar__month-selection:not([disabled]):focus, .usa-date-picker__calendar__date:not([disabled]):focus, .usa-date-picker__calendar__previous-year:not([disabled]):focus, .usa-date-picker__calendar__previous-month:not([disabled]):focus, .usa-date-picker__calendar__next-year:not([disabled]):focus, .usa-date-picker__calendar__next-month:not([disabled]):focus, .usa-date-picker__button:not([disabled]):focus { outline-offset: -4px; } .usa-date-picker__calendar__year:not([disabled]):hover, .usa-date-picker__calendar__previous-year-chunk:not([disabled]):hover, .usa-date-picker__calendar__next-year-chunk:not([disabled]):hover, .usa-date-picker__calendar__month:not([disabled]):hover, .usa-date-picker__calendar__year-selection:not([disabled]):hover, .usa-date-picker__calendar__month-selection:not([disabled]):hover, .usa-date-picker__calendar__date:not([disabled]):hover, .usa-date-picker__calendar__previous-year:not([disabled]):hover, .usa-date-picker__calendar__previous-month:not([disabled]):hover, .usa-date-picker__calendar__next-year:not([disabled]):hover, .usa-date-picker__calendar__next-month:not([disabled]):hover, .usa-date-picker__button:not([disabled]):hover { background-color: #dfe1e2; } @media (forced-colors: active) { .usa-date-picker__calendar__year:not([disabled]):hover, .usa-date-picker__calendar__previous-year-chunk:not([disabled]):hover, .usa-date-picker__calendar__next-year-chunk:not([disabled]):hover, .usa-date-picker__calendar__month:not([disabled]):hover, .usa-date-picker__calendar__year-selection:not([disabled]):hover, .usa-date-picker__calendar__month-selection:not([disabled]):hover, .usa-date-picker__calendar__date:not([disabled]):hover, .usa-date-picker__calendar__previous-year:not([disabled]):hover, .usa-date-picker__calendar__previous-month:not([disabled]):hover, .usa-date-picker__calendar__next-year:not([disabled]):hover, .usa-date-picker__calendar__next-month:not([disabled]):hover, .usa-date-picker__button:not([disabled]):hover { background-color: buttontext; } } .usa-date-picker__calendar__year:not([disabled]):active, .usa-date-picker__calendar__previous-year-chunk:not([disabled]):active, .usa-date-picker__calendar__next-year-chunk:not([disabled]):active, .usa-date-picker__calendar__month:not([disabled]):active, .usa-date-picker__calendar__year-selection:not([disabled]):active, .usa-date-picker__calendar__month-selection:not([disabled]):active, .usa-date-picker__calendar__date:not([disabled]):active, .usa-date-picker__calendar__previous-year:not([disabled]):active, .usa-date-picker__calendar__previous-month:not([disabled]):active, .usa-date-picker__calendar__next-year:not([disabled]):active, .usa-date-picker__calendar__next-month:not([disabled]):active, .usa-date-picker__button:not([disabled]):active { background-color: #a9aeb1; } @media (forced-colors: active) { .usa-date-picker__calendar__year:not([disabled]):active, .usa-date-picker__calendar__previous-year-chunk:not([disabled]):active, .usa-date-picker__calendar__next-year-chunk:not([disabled]):active, .usa-date-picker__calendar__month:not([disabled]):active, .usa-date-picker__calendar__year-selection:not([disabled]):active, .usa-date-picker__calendar__month-selection:not([disabled]):active, .usa-date-picker__calendar__date:not([disabled]):active, .usa-date-picker__calendar__previous-year:not([disabled]):active, .usa-date-picker__calendar__previous-month:not([disabled]):active, .usa-date-picker__calendar__next-year:not([disabled]):active, .usa-date-picker__calendar__next-month:not([disabled]):active, .usa-date-picker__button:not([disabled]):active { background-color: buttontext; } } .usa-date-picker--active .usa-date-picker__button { background-color: #f0f0f0; } @media (forced-colors: active) { .usa-date-picker--active .usa-date-picker__button { background-color: buttontext; } } .usa-date-picker--active .usa-date-picker__calendar { z-index: 400; } .usa-date-picker__button { background-image: url("../img/usa-icons/calendar_today.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; align-self: stretch; background-color: transparent; background-position: center; background-size: 1.5rem; margin-top: 0.5em; width: 3em; } @media (forced-colors: active) { .usa-date-picker__button { background-image: url("../img/usa-icons/calendar_today.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.5rem 2.5rem; display: inline-block; height: 2.5rem; width: 3rem; mask-size: 1.5rem !important; position: relative; } @supports (mask: url("")) { .usa-date-picker__button { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/calendar_today.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2.5rem 2.5rem; } } .usa-date-picker__button:not([disabled]):focus, .usa-date-picker__button:not([disabled]):hover { background-color: Highlight; } } .usa-date-picker--initialized .usa-date-picker__wrapper { display: flex; } .usa-date-picker__calendar { background-color: #f0f0f0; left: auto; max-width: 20rem; position: absolute; right: 0; width: 100%; z-index: 100; } /* stylelint-disable selector-class-pattern */ .usa-date-picker__calendar__table { border-spacing: 0; border-collapse: collapse; table-layout: fixed; text-align: center; width: 100%; } .usa-date-picker__calendar__table th { font-weight: normal; } .usa-date-picker__calendar__table td { padding: 0; } .usa-date-picker__calendar__row { display: flex; flex-wrap: wrap; text-align: center; width: 100%; } .usa-date-picker__calendar__cell { background-color: #f0f0f0; flex: 1; } .usa-date-picker__calendar__cell--center-items { display: flex; justify-content: center; align-items: center; } @media (forced-colors: active) { .usa-date-picker__calendar__cell--center-items:not([disabled]):hover { outline: 2px solid transparent; outline-offset: -2px; } } .usa-date-picker__calendar__previous-year, .usa-date-picker__calendar__previous-month, .usa-date-picker__calendar__next-year, .usa-date-picker__calendar__next-month { background-position: center; background-size: auto 1.5rem; height: 1.5rem; padding: 20px 10px; } @media (forced-colors: active) { .usa-date-picker__calendar__previous-year, .usa-date-picker__calendar__previous-month, .usa-date-picker__calendar__next-year, .usa-date-picker__calendar__next-month { mask-size: 1.5rem !important; } } .usa-date-picker__calendar__previous-year:not([disabled]) { background-image: url("../img/usa-icons/navigate_far_before.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } @media (forced-colors: active) { .usa-date-picker__calendar__previous-year:not([disabled]) { background-image: url("../img/usa-icons/navigate_far_before.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.5rem 2.5rem; display: inline-block; height: 2.5rem; width: 3rem; background-color: buttonText; } @supports (mask: url("")) { .usa-date-picker__calendar__previous-year:not([disabled]) { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/navigate_far_before.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2.5rem 2.5rem; } } } .usa-date-picker__calendar__previous-month:not([disabled]) { background-image: url("../img/usa-icons/navigate_before.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } @media (forced-colors: active) { .usa-date-picker__calendar__previous-month:not([disabled]) { background-image: url("../img/usa-icons/navigate_before.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.5rem 2.5rem; display: inline-block; height: 2.5rem; width: 3rem; background-color: buttonText; } @supports (mask: url("")) { .usa-date-picker__calendar__previous-month:not([disabled]) { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/navigate_before.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2.5rem 2.5rem; } } } .usa-date-picker__calendar__next-year:not([disabled]) { background-image: url("../img/usa-icons/navigate_far_next.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } @media (forced-colors: active) { .usa-date-picker__calendar__next-year:not([disabled]) { background-image: url("../img/usa-icons/navigate_far_next.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.5rem 2.5rem; display: inline-block; height: 2.5rem; width: 3rem; background-color: buttonText; } @supports (mask: url("")) { .usa-date-picker__calendar__next-year:not([disabled]) { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/navigate_far_next.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2.5rem 2.5rem; } } } .usa-date-picker__calendar__next-month:not([disabled]) { background-image: url("../img/usa-icons/navigate_next.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } @media (forced-colors: active) { .usa-date-picker__calendar__next-month:not([disabled]) { background-image: url("../img/usa-icons/navigate_next.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.5rem 2.5rem; display: inline-block; height: 2.5rem; width: 3rem; background-color: buttonText; } @supports (mask: url("")) { .usa-date-picker__calendar__next-month:not([disabled]) { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/navigate_next.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2.5rem 2.5rem; } } } .usa-date-picker__calendar__day-of-week { padding: 6px 0px; } .usa-date-picker__calendar__date { padding: 10px 0px; } .usa-date-picker__calendar__date--focused { outline: 2px solid #162e51; outline-offset: -2px; position: relative; z-index: 100; } .usa-date-picker__calendar__date--next-month:not([disabled]), .usa-date-picker__calendar__date--previous-month:not([disabled]) { color: #5d5d52; } .usa-date-picker__calendar__date--selected, .usa-date-picker__calendar__date--range-date { background-color: #0050d8; color: #f9f9f9; } .usa-date-picker__calendar__date--selected:not([disabled]), .usa-date-picker__calendar__date--range-date:not([disabled]) { background-color: #0050d8; color: #f9f9f9; } @media (forced-colors: active) { .usa-date-picker__calendar__date--selected:not([disabled]), .usa-date-picker__calendar__date--range-date:not([disabled]) { border: ActiveText 2px solid; } } .usa-date-picker__calendar__date--selected:not([disabled]):hover, .usa-date-picker__calendar__date--range-date:not([disabled]):hover { background-color: #0050d8; color: #e6e6e6; } .usa-date-picker__calendar__date--selected:not([disabled]):focus, .usa-date-picker__calendar__date--range-date:not([disabled]):focus { background-color: #0050d8; color: #f9f9f9; } @media (forced-colors: active) { .usa-date-picker__calendar__date--selected:not([disabled]):focus, .usa-date-picker__calendar__date--range-date:not([disabled]):focus { border: ActiveText 2px solid; } } .usa-date-picker__calendar__date--selected:not([disabled]):active, .usa-date-picker__calendar__date--range-date:not([disabled]):active { background-color: #1a4480; } @media (forced-colors: active) { .usa-date-picker__calendar__date--selected:not([disabled]):active, .usa-date-picker__calendar__date--range-date:not([disabled]):active { background-color: Highlight; } } .usa-date-picker__calendar__date--range-date-start { border-top-left-radius: 10%; border-bottom-left-radius: 10%; } .usa-date-picker__calendar__date--range-date-end { border-top-right-radius: 10%; border-bottom-right-radius: 10%; } .usa-date-picker__calendar__date--within-range { background-color: #cfe8ff; } .usa-date-picker__calendar__date--within-range:not([disabled]) { background-color: #cfe8ff; } @media (forced-colors: active) { .usa-date-picker__calendar__date--within-range:not([disabled]) { border: Highlight 2px solid; } } .usa-date-picker__calendar__date--within-range:not([disabled]):hover { background-color: #cfe8ff; } @media (forced-colors: active) { .usa-date-picker__calendar__date--within-range:not([disabled]):hover { border: Highlight 2px solid; } } .usa-date-picker__calendar__date--within-range:not([disabled]):focus { background-color: #cfe8ff; } @media (forced-colors: active) { .usa-date-picker__calendar__date--within-range:not([disabled]):focus { border: Highlight 2px solid; } } .usa-date-picker__calendar__date--within-range:not([disabled]):active { background-color: #cfe8ff; } @media (forced-colors: active) { .usa-date-picker__calendar__date--within-range:not([disabled]):active { background-color: Highlight; } } @media all and (max-width: 19.99em) { .usa-date-picker__calendar__month-label { min-width: 100%; order: -1; } } @media all and (min-width: 20em) { .usa-date-picker__calendar__month-label { flex: 4; text-align: center; } } .usa-date-picker__calendar__year-selection, .usa-date-picker__calendar__month-selection { display: inline-block; height: 100%; padding: 8px 4px; width: auto; } @media all and (max-width: 19.99em) { .usa-date-picker__calendar__year-selection, .usa-date-picker__calendar__month-selection { padding-bottom: 0; padding-top: 12px; } } .usa-date-picker__calendar__month-picker { padding: 20px 5px; } @media all and (max-width: 19.99em) { .usa-date-picker__calendar__month-picker { padding-bottom: 12px; padding-top: 12px; } .usa-date-picker__calendar__month-picker tr { display: flex; flex-direction: column; } } .usa-date-picker__calendar__month { padding: 10px 0; } .usa-date-picker__calendar__month--focused { outline: 2px solid #162e51; outline-offset: -2px; position: relative; z-index: 100; } .usa-date-picker__calendar__month--selected { background-color: #0050d8; color: #f9f9f9; } .usa-date-picker__calendar__month--selected:not([disabled]) { background-color: #0050d8; color: #f9f9f9; } .usa-date-picker__calendar__month--selected:not([disabled]):hover { background-color: #0050d8; color: #e6e6e6; } .usa-date-picker__calendar__month--selected:not([disabled]):focus { background-color: #0050d8; color: #f9f9f9; } .usa-date-picker__calendar__month--selected:not([disabled]):active { background-color: #1a4480; } .usa-date-picker__calendar__year-picker { padding: 20px 5px; } .usa-date-picker__calendar__previous-year-chunk, .usa-date-picker__calendar__next-year-chunk { background-position: center; background-size: auto 2rem; margin: auto; padding: 40px 0; } @media (forced-colors: active) { .usa-date-picker__calendar__previous-year-chunk, .usa-date-picker__calendar__next-year-chunk { mask-size: 1.5rem !important; } } .usa-date-picker__calendar__previous-year-chunk:not([disabled]) { background-image: url("../img/usa-icons/navigate_before.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } @media (forced-colors: active) { .usa-date-picker__calendar__previous-year-chunk:not([disabled]) { background-image: none; } .usa-date-picker__calendar__previous-year-chunk:not([disabled])::after { background-image: url("../img/usa-icons/navigate_before.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.5rem 2.5rem; display: inline-block; height: 2.5rem; width: 3rem; content: ""; vertical-align: middle; margin-left: auto; } @supports (mask: url("")) { .usa-date-picker__calendar__previous-year-chunk:not([disabled])::after { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/navigate_before.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2.5rem 2.5rem; } } .usa-date-picker__calendar__previous-year-chunk:not([disabled]):hover { border: 2px solid transparent; background-color: transparent; } } .usa-date-picker__calendar__next-year-chunk:not([disabled]) { background-image: url("../img/usa-icons/navigate_next.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } @media (forced-colors: active) { .usa-date-picker__calendar__next-year-chunk:not([disabled]) { background-image: none; } .usa-date-picker__calendar__next-year-chunk:not([disabled])::after { background-image: url("../img/usa-icons/navigate_next.svg"); background-repeat: no-repeat; background-position: center center; background-size: 2.5rem 2.5rem; display: inline-block; height: 2.5rem; width: 3rem; content: ""; vertical-align: middle; margin-left: auto; } @supports (mask: url("")) { .usa-date-picker__calendar__next-year-chunk:not([disabled])::after { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/navigate_next.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 2.5rem 2.5rem; } } .usa-date-picker__calendar__next-year-chunk:not([disabled]):hover { border: 2px solid transparent; background-color: transparent; } } .usa-date-picker__calendar__year { padding: 10px 0; } .usa-date-picker__calendar__year--focused { outline: 2px solid #162e51; outline-offset: -2px; position: relative; z-index: 100; } .usa-date-picker__calendar__year--selected { background-color: #0050d8; color: #f9f9f9; } .usa-date-picker__calendar__year--selected:not([disabled]) { background-color: #0050d8; color: #f9f9f9; } .usa-date-picker__calendar__year--selected:not([disabled]):hover { background-color: #0050d8; color: #e6e6e6; } .usa-date-picker__calendar__year--selected:not([disabled]):focus { background-color: #0050d8; color: #f9f9f9; } .usa-date-picker__calendar__year--selected:not([disabled]):active { background-color: #1a4480; } /* stylelint-enable selector-class-pattern */ .usa-error-message { padding-bottom: 0.25rem; padding-top: 0.25rem; color: #b50909; display: block; font-weight: 700; } [type=file] { border: none; margin-top: 0.5rem; padding-left: 0; padding-top: 0.2rem; } .usa-file-input { display: block; max-width: 30rem; width: 100%; } .usa-file-input__target { border: 1px dashed #a9aeb1; display: block; font-size: 0.88rem; margin-top: 0.5rem; position: relative; text-align: center; width: 100%; } .usa-file-input__target:hover { border-color: #71767a; } .usa-file-input__target.has-invalid-file { border-color: #d83933; } .usa-file-input__accepted-files-message { font-weight: bold; margin: -1.5rem 0 1.5rem; pointer-events: none; position: relative; z-index: 3; } .has-invalid-file .usa-file-input__accepted-files-message { color: #c05600; } .usa-file-input__choose { color: #005ea2; text-decoration: underline; font-weight: normal; } .usa-file-input__choose:visited { color: #54278f; } .usa-file-input__choose:hover { color: #1a4480; } .usa-file-input__choose:active { color: #252f3e; } .usa-file-input__choose:focus { outline: 0.25rem solid #2491ff; outline-offset: 0rem; } .usa-file-input__instructions { padding: 2rem 1rem; pointer-events: none; position: relative; z-index: 3; } .usa-file-input__box { background: white; height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; } .usa-file-input .usa-file-input__input[type] { cursor: pointer; height: 100%; left: 0; margin: 0; max-width: none; position: absolute; padding: 0.5rem; text-indent: -999em; top: 0; width: 100%; z-index: 1; } .usa-file-input .usa-file-input__input[type]::-webkit-file-upload-button { display: none; } .usa-file-input--drag .usa-file-input__target { border-color: #005ea2; } .usa-file-input--drag .usa-file-input__box { background-color: #d9e8f6; } .usa-file-input--drag .usa-file-input__preview { opacity: 0.1; } .usa-file-input__preview-heading { align-items: center; background: #d9e8f6; display: flex; font-weight: bold; justify-content: space-between; padding: 0.5rem; pointer-events: none; position: relative; z-index: 3; } .usa-file-input__preview { align-items: center; background: #d9e8f6; word-wrap: anywhere; display: flex; font-size: 0.81rem; margin-top: 1px; padding: 0.25rem 0.5rem; pointer-events: none; position: relative; text-align: left; z-index: 3; } .usa-file-input__preview:last-child { margin-bottom: -1.5rem; } .usa-file-input__preview-image { border: none; display: block; height: 2.5rem; margin-right: 0.5rem; object-fit: contain; width: 2.5rem; } .usa-file-input__preview-image.is-loading { background-image: url("../img/loader.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-position: center center; background-repeat: no-repeat; background-size: 2rem; } .usa-file-input__preview-image--generic, .usa-file-input__preview-image--pdf, .usa-file-input__preview-image--word, .usa-file-input__preview-image--excel, .usa-file-input__preview-image--video { background-position: center center; background-repeat: no-repeat; background-size: 1.5rem; } .usa-file-input__preview-image--pdf { background-image: url("../img/file-pdf.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } .usa-file-input__preview-image--generic { background-image: url("../img/file.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } .usa-file-input__preview-image--word { background-image: url("../img/file-word.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } .usa-file-input__preview-image--excel { background-image: url("../img/file-excel.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } .usa-file-input__preview-image--video { background-image: url("../img/file-video.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; } .usa-form-group--error .usa-file-input__target { border-color: #c05600; border-width: 2px; } .usa-file-input--disabled .usa-file-input__instructions, .usa-file-input--disabled .usa-file-input__choose { color: #454545; } .usa-file-input--disabled .usa-file-input__box { background-color: #c9c9c9; } .usa-file-input--disabled .usa-file-input__input[type] { cursor: not-allowed; } .usa-file-input--disabled .usa-file-input__target:hover { border-color: #a9aeb1; } .usa-file-input--disabled .usa-file-input--drag .usa-file-input__box { background-color: #c9c9c9; } @media (forced-colors: active) { .usa-file-input--disabled .usa-file-input__instructions, .usa-file-input--disabled .usa-file-input__choose { color: GrayText; } .usa-file-input--disabled .usa-file-input__target, .usa-file-input--disabled .usa-file-input__target:hover { border-color: GrayText; } } .usa-form-group { margin-top: 1.5rem; } .usa-form-group .usa-label:first-child { margin-top: 0; } .usa-form-group--error { border-left-width: 0.25rem; border-left-color: #b50909; border-left-style: solid; padding-left: 1rem; position: relative; } @media all and (min-width: 64em) { .usa-form-group--error { margin-left: -1.25rem; } } .usa-hint { color: #71767a; } .usa-hint--required { color: #b50909; } .usa-input-group { align-items: center; display: flex; padding: 0; position: relative; } .usa-input-group--error input:focus, .usa-input-group--success input:focus { outline-offset: 0.25rem; } .usa-input-group--error { border-width: 0.25rem; border-color: #b50909; border-style: solid; } .usa-input-group--success { border-width: 0.25rem; border-color: #00a91c; border-style: solid; } .usa-input-group input { padding-right: 2.5rem; border: 0; height: 100%; margin-top: 0; min-width: 0; width: 100%; } .usa-input-group input:disabled + .usa-input-suffix, .usa-input-group input[aria-disabled=true] + .usa-input-suffix { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-input-group input:disabled + .usa-input-suffix:hover, .usa-input-group input:disabled + .usa-input-suffix:active, .usa-input-group input:disabled + .usa-input-suffix:focus, .usa-input-group input:disabled + .usa-input-suffix.usa-focus, .usa-input-group input[aria-disabled=true] + .usa-input-suffix:hover, .usa-input-group input[aria-disabled=true] + .usa-input-suffix:active, .usa-input-group input[aria-disabled=true] + .usa-input-suffix:focus, .usa-input-group input[aria-disabled=true] + .usa-input-suffix.usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-input-group input:disabled + .usa-input-suffix, .usa-input-group input[aria-disabled=true] + .usa-input-suffix { border: 0; color: GrayText; } .usa-input-group input:disabled + .usa-input-suffix:hover, .usa-input-group input:disabled + .usa-input-suffix:active, .usa-input-group input:disabled + .usa-input-suffix:focus, .usa-input-group input:disabled + .usa-input-suffix.usa-focus, .usa-input-group input[aria-disabled=true] + .usa-input-suffix:hover, .usa-input-group input[aria-disabled=true] + .usa-input-suffix:active, .usa-input-group input[aria-disabled=true] + .usa-input-suffix:focus, .usa-input-group input[aria-disabled=true] + .usa-input-suffix.usa-focus { color: GrayText; } } @media (forced-colors: active) { .usa-input-group input:disabled, .usa-input-group input[aria-disabled=true] { border: 0; } } @media (forced-colors: active) { .usa-input-group:has(input:disabled), .usa-input-group:has(input[aria-disabled=true]) { border: 2px solid GrayText; } } .usa-input-group--2xs, .usa-form .usa-input-group--2xs { max-width: 5ex; } .usa-input-group--xs, .usa-form .usa-input-group--xs { max-width: 9ex; } .usa-input-group--sm, .usa-form .usa-input-group--sm { max-width: 13ex; } .usa-input-group--small, .usa-form .usa-input-group--small { max-width: 13ex; } .usa-input-group--md, .usa-form .usa-input-group--md { max-width: 20ex; } .usa-input-group--medium, .usa-form .usa-input-group--medium { max-width: 20ex; } .usa-input-group--lg, .usa-form .usa-input-group--lg { max-width: 30ex; } .usa-input-group--xl, .usa-form .usa-input-group--xl { max-width: 40ex; } .usa-input-group--2xl, .usa-form .usa-input-group--2xl { max-width: 50ex; } .usa-input-prefix:has(+ input:disabled), .usa-input-prefix:has(+ input[aria-disabled=true]) { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-input-prefix:has(+ input:disabled):hover, .usa-input-prefix:has(+ input:disabled):active, .usa-input-prefix:has(+ input:disabled):focus, .usa-input-prefix:has(+ input:disabled).usa-focus, .usa-input-prefix:has(+ input[aria-disabled=true]):hover, .usa-input-prefix:has(+ input[aria-disabled=true]):active, .usa-input-prefix:has(+ input[aria-disabled=true]):focus, .usa-input-prefix:has(+ input[aria-disabled=true]).usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-input-prefix:has(+ input:disabled), .usa-input-prefix:has(+ input[aria-disabled=true]) { border: 0; color: GrayText; } .usa-input-prefix:has(+ input:disabled):hover, .usa-input-prefix:has(+ input:disabled):active, .usa-input-prefix:has(+ input:disabled):focus, .usa-input-prefix:has(+ input:disabled).usa-focus, .usa-input-prefix:has(+ input[aria-disabled=true]):hover, .usa-input-prefix:has(+ input[aria-disabled=true]):active, .usa-input-prefix:has(+ input[aria-disabled=true]):focus, .usa-input-prefix:has(+ input[aria-disabled=true]).usa-focus { color: GrayText; } } .usa-input-prefix, .usa-input-suffix { position: absolute; color: #71767a; line-height: 0; padding: 0 0.5rem; user-select: none; white-space: nowrap; } .usa-input-prefix .usa-icon, .usa-input-suffix .usa-icon { height: 1.5rem; width: 1.5rem; } .usa-input-prefix + input { padding-left: 2.5rem; padding-right: 0.5rem; } .usa-input-suffix { right: 0; } .usa-input-mask { display: block; position: relative; } .usa-input-mask--content { border: 1px solid transparent; color: #757575; display: block; left: 2px; pointer-events: none; position: absolute; top: 0; } .usa-input-mask--content i { visibility: hidden; } @media (forced-colors: active) { .usa-input-mask--content i { color: ButtonText; font-style: normal; visibility: visible; } } @media (forced-colors: active) { .usa-input-mask--content { border: none; } } .usa-masked, .usa-input-mask--content { background-color: transparent; padding: 0.5rem; } .usa-label { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.4; display: block; font-weight: normal; margin-top: 1.5rem; max-width: 30rem; } .usa-label--error { font-weight: 700; margin-top: 0; } .usa-label--required { color: #b50909; } .usa-memorable-date { display: flex; flex-wrap: wrap; } .usa-memorable-date [type=number] { -moz-appearance: textfield; } .usa-memorable-date [type=number]::-webkit-inner-spin-button { appearance: none; } .usa-memorable-date [type=number]::-webkit-contacts-auto-fill-button { visibility: hidden; display: none !important; /* stylelint-disable-line declaration-no-important */ pointer-events: none; height: 0; width: 0; margin: 0; } .usa-memorable-date .usa-form-group { margin-top: 1rem; } .usa-form-group--day, .usa-form-group--month, .usa-form-group--year { flex: 0 1 auto; margin-right: 1rem; width: fit-content; } .usa-form-group--day input, .usa-form-group--month input { width: 3rem; } .usa-form-group--month select { width: 15rem; } .usa-form-group--year input { width: 4.5rem; } .usa-radio { background: white; } .usa-radio__label { color: #1b1b1b; } .usa-radio__label::before { background: white; box-shadow: 0 0 0 2px #1b1b1b; } @media (forced-colors: active) { .usa-radio__label::before { outline: 2px solid transparent; outline-offset: 2px; } } .usa-radio__input:checked + [class*=__label]::before { background-color: #005ea2; box-shadow: 0 0 0 2px #005ea2; } .usa-radio__input:disabled + [class*=__label], .usa-radio__input[aria-disabled=true] + [class*=__label] { color: #757575; cursor: not-allowed; } @media (forced-colors: active) { .usa-radio__input:disabled + [class*=__label], .usa-radio__input[aria-disabled=true] + [class*=__label] { color: GrayText; } } .usa-radio__input:disabled + [class*=__label]::before, .usa-radio__input[aria-disabled=true] + [class*=__label]::before { background-color: white; box-shadow: 0 0 0 2px #757575; } .usa-radio__input--tile + [class*=__label] { background-color: white; border: 2px solid #c9c9c9; color: #1b1b1b; } .usa-radio__input--tile:checked + [class*=__label] { background-color: rgba(0, 94, 162, 0.1); border-color: #005ea2; } @media (forced-colors: active) { .usa-radio__input--tile:checked + [class*=__label] { border: ButtonText solid 0.25rem; } } .usa-radio__input--tile:disabled + [class*=__label], .usa-radio__input--tile[aria-disabled=true] + [class*=__label] { border-color: #e6e6e6; } .usa-radio__input--tile:disabled:checked + [class*=__label], .usa-radio__input--tile:disabled:indeterminate + [class*=__label], .usa-radio__input--tile:disabled[data-indeterminate] + [class*=__label], .usa-radio__input--tile[aria-disabled=true]:checked + [class*=__label], .usa-radio__input--tile[aria-disabled=true]:indeterminate + [class*=__label], .usa-radio__input--tile[aria-disabled=true][data-indeterminate] + [class*=__label] { background-color: white; } .usa-radio__input:checked + [class*=__label]::before { box-shadow: 0 0 0 2px #005ea2, inset 0 0 0 2px white; } @media (forced-colors: active) { .usa-radio__input:checked + [class*=__label]::before { background-color: ButtonText; } } .usa-radio__input:checked:disabled + [class*=__label]::before, .usa-radio__input:checked[aria-disabled=true] + [class*=__label]::before { background-color: #757575; box-shadow: 0 0 0 2px #757575, inset 0 0 0 2px white; } @media (forced-colors: active) { .usa-radio__input:checked:disabled + [class*=__label]::before, .usa-radio__input:checked[aria-disabled=true] + [class*=__label]::before { background-color: GrayText; } } .usa-radio__input { position: absolute; left: -999em; right: auto; } .usa-radio__input:focus + [class*=__label]::before { outline: 0.25rem solid #2491ff; outline-offset: 0.25rem; } .usa-radio__input--tile + [class*=__label] { border-radius: 0.25rem; margin-top: 0.5rem; padding: 0.75rem 1rem 0.75rem 2.5rem; display: inherit; } .usa-radio__input--tile + [class*=__label]::before { left: 0.5rem; } @media print { .usa-radio__input:checked + [class*=__label]::before { box-shadow: inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2; } } .usa-radio__label { cursor: pointer; display: inline-block; font-weight: normal; margin-top: 0.75rem; padding-left: 2rem; position: relative; } .usa-radio__label::before { content: " "; display: block; left: 0; margin-left: 2px; margin-top: 0.075rem; position: absolute; } .usa-radio__label::before { height: 1.25rem; border-radius: 99rem; width: 1.25rem; } .usa-radio__label-description { display: block; font-size: 0.88rem; margin-top: 0.5rem; } /* .radio-tests { @include set-text-and-bg("green-80"); @include radio-colors("green-80", "green-warm-10v"); padding: units(2); border-radius: radius("md"); } */ .usa-range { appearance: none; border: none; padding-left: 1px; width: 100%; } .usa-range:focus { outline: none; } .usa-range:focus::-webkit-slider-thumb { background-color: white; box-shadow: 0 0 0 2px #2491ff; } .usa-range:focus::-moz-range-thumb { background-color: white; box-shadow: 0 0 0 2px #2491ff; } .usa-range:focus::-ms-thumb { background-color: white; box-shadow: 0 0 0 2px #2491ff; } .usa-range::-webkit-slider-runnable-track { background-color: #f0f0f0; border-radius: 99rem; border: 1px solid #71767a; cursor: pointer; height: 1rem; width: 100%; } .usa-range::-moz-range-track { background-color: #f0f0f0; border-radius: 99rem; border: 1px solid #71767a; cursor: pointer; height: 1rem; width: 100%; } .usa-range::-ms-track { background-color: #f0f0f0; border-radius: 99rem; border: 1px solid #71767a; cursor: pointer; height: 1rem; width: 100%; } .usa-range::-webkit-slider-thumb { height: 1.25rem; border-radius: 99rem; width: 1.25rem; background: #f0f0f0; border: none; box-shadow: 0 0 0 2px #71767a; cursor: pointer; appearance: none; margin-top: -0.19rem; } @media (forced-colors: active) { .usa-range::-webkit-slider-thumb { outline: 2px solid transparent; } } .usa-range::-moz-range-thumb { height: 1.25rem; border-radius: 99rem; width: 1.25rem; background: #f0f0f0; border: none; box-shadow: 0 0 0 2px #71767a; cursor: pointer; } @media (forced-colors: active) { .usa-range::-moz-range-thumb { outline: 2px solid transparent; } } .usa-range::-ms-thumb { height: 1.25rem; border-radius: 99rem; width: 1.25rem; background: #f0f0f0; border: none; box-shadow: 0 0 0 2px #71767a; cursor: pointer; } @media (forced-colors: active) { .usa-range::-ms-thumb { outline: 2px solid transparent; } } .usa-range::-ms-fill-lower { background-color: #f0f0f0; border-radius: 99rem; border: 1px solid #71767a; } .usa-range::-ms-fill-upper { background-color: #f0f0f0; border-radius: 99rem; border: 1px solid #71767a; } .usa-range:disabled, .usa-range[aria-disabled=true] { opacity: 1; } .usa-range:disabled::-webkit-slider-runnable-track, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-range:disabled::-webkit-slider-runnable-track:hover, .usa-range:disabled::-webkit-slider-runnable-track:active, .usa-range:disabled::-webkit-slider-runnable-track:focus, .usa-range:disabled::-webkit-slider-runnable-track.usa-focus, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track:hover, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track:active, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track:focus, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track.usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-range:disabled::-webkit-slider-runnable-track, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track { border: 0; color: GrayText; } .usa-range:disabled::-webkit-slider-runnable-track:hover, .usa-range:disabled::-webkit-slider-runnable-track:active, .usa-range:disabled::-webkit-slider-runnable-track:focus, .usa-range:disabled::-webkit-slider-runnable-track.usa-focus, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track:hover, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track:active, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track:focus, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track.usa-focus { color: GrayText; } } @media (forced-colors: active) { .usa-range:disabled::-webkit-slider-runnable-track, .usa-range[aria-disabled=true]::-webkit-slider-runnable-track { border: 2px solid GrayText; } } .usa-range:disabled::-moz-range-track, .usa-range[aria-disabled=true]::-moz-range-track { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-range:disabled::-moz-range-track:hover, .usa-range:disabled::-moz-range-track:active, .usa-range:disabled::-moz-range-track:focus, .usa-range:disabled::-moz-range-track.usa-focus, .usa-range[aria-disabled=true]::-moz-range-track:hover, .usa-range[aria-disabled=true]::-moz-range-track:active, .usa-range[aria-disabled=true]::-moz-range-track:focus, .usa-range[aria-disabled=true]::-moz-range-track.usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-range:disabled::-moz-range-track, .usa-range[aria-disabled=true]::-moz-range-track { border: 0; color: GrayText; } .usa-range:disabled::-moz-range-track:hover, .usa-range:disabled::-moz-range-track:active, .usa-range:disabled::-moz-range-track:focus, .usa-range:disabled::-moz-range-track.usa-focus, .usa-range[aria-disabled=true]::-moz-range-track:hover, .usa-range[aria-disabled=true]::-moz-range-track:active, .usa-range[aria-disabled=true]::-moz-range-track:focus, .usa-range[aria-disabled=true]::-moz-range-track.usa-focus { color: GrayText; } } @media (forced-colors: active) { .usa-range:disabled::-moz-range-track, .usa-range[aria-disabled=true]::-moz-range-track { border: 2px solid GrayText; } } .usa-range:disabled::-ms-track, .usa-range[aria-disabled=true]::-ms-track { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-range:disabled::-ms-track:hover, .usa-range:disabled::-ms-track:active, .usa-range:disabled::-ms-track:focus, .usa-range:disabled::-ms-track.usa-focus, .usa-range[aria-disabled=true]::-ms-track:hover, .usa-range[aria-disabled=true]::-ms-track:active, .usa-range[aria-disabled=true]::-ms-track:focus, .usa-range[aria-disabled=true]::-ms-track.usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-range:disabled::-ms-track, .usa-range[aria-disabled=true]::-ms-track { border: 0; color: GrayText; } .usa-range:disabled::-ms-track:hover, .usa-range:disabled::-ms-track:active, .usa-range:disabled::-ms-track:focus, .usa-range:disabled::-ms-track.usa-focus, .usa-range[aria-disabled=true]::-ms-track:hover, .usa-range[aria-disabled=true]::-ms-track:active, .usa-range[aria-disabled=true]::-ms-track:focus, .usa-range[aria-disabled=true]::-ms-track.usa-focus { color: GrayText; } } .usa-range:disabled::-webkit-slider-thumb, .usa-range[aria-disabled=true]::-webkit-slider-thumb { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-range:disabled::-webkit-slider-thumb:hover, .usa-range:disabled::-webkit-slider-thumb:active, .usa-range:disabled::-webkit-slider-thumb:focus, .usa-range:disabled::-webkit-slider-thumb.usa-focus, .usa-range[aria-disabled=true]::-webkit-slider-thumb:hover, .usa-range[aria-disabled=true]::-webkit-slider-thumb:active, .usa-range[aria-disabled=true]::-webkit-slider-thumb:focus, .usa-range[aria-disabled=true]::-webkit-slider-thumb.usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-range:disabled::-webkit-slider-thumb, .usa-range[aria-disabled=true]::-webkit-slider-thumb { border: 0; color: GrayText; } .usa-range:disabled::-webkit-slider-thumb:hover, .usa-range:disabled::-webkit-slider-thumb:active, .usa-range:disabled::-webkit-slider-thumb:focus, .usa-range:disabled::-webkit-slider-thumb.usa-focus, .usa-range[aria-disabled=true]::-webkit-slider-thumb:hover, .usa-range[aria-disabled=true]::-webkit-slider-thumb:active, .usa-range[aria-disabled=true]::-webkit-slider-thumb:focus, .usa-range[aria-disabled=true]::-webkit-slider-thumb.usa-focus { color: GrayText; } } .usa-range:disabled::-moz-range-thumb, .usa-range[aria-disabled=true]::-moz-range-thumb { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-range:disabled::-moz-range-thumb:hover, .usa-range:disabled::-moz-range-thumb:active, .usa-range:disabled::-moz-range-thumb:focus, .usa-range:disabled::-moz-range-thumb.usa-focus, .usa-range[aria-disabled=true]::-moz-range-thumb:hover, .usa-range[aria-disabled=true]::-moz-range-thumb:active, .usa-range[aria-disabled=true]::-moz-range-thumb:focus, .usa-range[aria-disabled=true]::-moz-range-thumb.usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-range:disabled::-moz-range-thumb, .usa-range[aria-disabled=true]::-moz-range-thumb { border: 0; color: GrayText; } .usa-range:disabled::-moz-range-thumb:hover, .usa-range:disabled::-moz-range-thumb:active, .usa-range:disabled::-moz-range-thumb:focus, .usa-range:disabled::-moz-range-thumb.usa-focus, .usa-range[aria-disabled=true]::-moz-range-thumb:hover, .usa-range[aria-disabled=true]::-moz-range-thumb:active, .usa-range[aria-disabled=true]::-moz-range-thumb:focus, .usa-range[aria-disabled=true]::-moz-range-thumb.usa-focus { color: GrayText; } } .usa-range:disabled::-ms-thumb, .usa-range[aria-disabled=true]::-ms-thumb { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-range:disabled::-ms-thumb:hover, .usa-range:disabled::-ms-thumb:active, .usa-range:disabled::-ms-thumb:focus, .usa-range:disabled::-ms-thumb.usa-focus, .usa-range[aria-disabled=true]::-ms-thumb:hover, .usa-range[aria-disabled=true]::-ms-thumb:active, .usa-range[aria-disabled=true]::-ms-thumb:focus, .usa-range[aria-disabled=true]::-ms-thumb.usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-range:disabled::-ms-thumb, .usa-range[aria-disabled=true]::-ms-thumb { border: 0; color: GrayText; } .usa-range:disabled::-ms-thumb:hover, .usa-range:disabled::-ms-thumb:active, .usa-range:disabled::-ms-thumb:focus, .usa-range:disabled::-ms-thumb.usa-focus, .usa-range[aria-disabled=true]::-ms-thumb:hover, .usa-range[aria-disabled=true]::-ms-thumb:active, .usa-range[aria-disabled=true]::-ms-thumb:focus, .usa-range[aria-disabled=true]::-ms-thumb.usa-focus { color: GrayText; } } .usa-range:disabled::-ms-fill-lower, .usa-range[aria-disabled=true]::-ms-fill-lower { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-range:disabled::-ms-fill-lower:hover, .usa-range:disabled::-ms-fill-lower:active, .usa-range:disabled::-ms-fill-lower:focus, .usa-range:disabled::-ms-fill-lower.usa-focus, .usa-range[aria-disabled=true]::-ms-fill-lower:hover, .usa-range[aria-disabled=true]::-ms-fill-lower:active, .usa-range[aria-disabled=true]::-ms-fill-lower:focus, .usa-range[aria-disabled=true]::-ms-fill-lower.usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-range:disabled::-ms-fill-lower, .usa-range[aria-disabled=true]::-ms-fill-lower { border: 0; color: GrayText; } .usa-range:disabled::-ms-fill-lower:hover, .usa-range:disabled::-ms-fill-lower:active, .usa-range:disabled::-ms-fill-lower:focus, .usa-range:disabled::-ms-fill-lower.usa-focus, .usa-range[aria-disabled=true]::-ms-fill-lower:hover, .usa-range[aria-disabled=true]::-ms-fill-lower:active, .usa-range[aria-disabled=true]::-ms-fill-lower:focus, .usa-range[aria-disabled=true]::-ms-fill-lower.usa-focus { color: GrayText; } } .usa-range:disabled::-ms-fill-upper, .usa-range[aria-disabled=true]::-ms-fill-upper { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-range:disabled::-ms-fill-upper:hover, .usa-range:disabled::-ms-fill-upper:active, .usa-range:disabled::-ms-fill-upper:focus, .usa-range:disabled::-ms-fill-upper.usa-focus, .usa-range[aria-disabled=true]::-ms-fill-upper:hover, .usa-range[aria-disabled=true]::-ms-fill-upper:active, .usa-range[aria-disabled=true]::-ms-fill-upper:focus, .usa-range[aria-disabled=true]::-ms-fill-upper.usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-range:disabled::-ms-fill-upper, .usa-range[aria-disabled=true]::-ms-fill-upper { border: 0; color: GrayText; } .usa-range:disabled::-ms-fill-upper:hover, .usa-range:disabled::-ms-fill-upper:active, .usa-range:disabled::-ms-fill-upper:focus, .usa-range:disabled::-ms-fill-upper.usa-focus, .usa-range[aria-disabled=true]::-ms-fill-upper:hover, .usa-range[aria-disabled=true]::-ms-fill-upper:active, .usa-range[aria-disabled=true]::-ms-fill-upper:focus, .usa-range[aria-disabled=true]::-ms-fill-upper.usa-focus { color: GrayText; } } .usa-textarea:disabled, .usa-textarea[aria-disabled=true] { color: #454545; background-color: #c9c9c9; cursor: not-allowed; opacity: 1; } .usa-textarea:disabled:hover, .usa-textarea:disabled:active, .usa-textarea:disabled:focus, .usa-textarea:disabled.usa-focus, .usa-textarea[aria-disabled=true]:hover, .usa-textarea[aria-disabled=true]:active, .usa-textarea[aria-disabled=true]:focus, .usa-textarea[aria-disabled=true].usa-focus { color: #454545; background-color: #c9c9c9; } @media (forced-colors: active) { .usa-textarea:disabled, .usa-textarea[aria-disabled=true] { border: 0; color: GrayText; } .usa-textarea:disabled:hover, .usa-textarea:disabled:active, .usa-textarea:disabled:focus, .usa-textarea:disabled.usa-focus, .usa-textarea[aria-disabled=true]:hover, .usa-textarea[aria-disabled=true]:active, .usa-textarea[aria-disabled=true]:focus, .usa-textarea[aria-disabled=true].usa-focus { color: GrayText; } } @media (forced-colors: active) { .usa-textarea:disabled, .usa-textarea[aria-disabled=true] { border: 2px solid GrayText; } } .usa-textarea { height: 10rem; } .usa-time-picker { width: 10em; } /* ---------------------------------------- Set basic font rules for the font utilities to reference. ---------------------------------------- */ [class*=font-lang-] { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } [class*=font-mono-] { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace; } [class*=font-sans-] { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } [class*=font-serif-] { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; } [class*=font-ui-] { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } [class*=font-heading-] { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; } [class*=font-body-] { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } [class*=font-code-] { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace; } [class*=font-alt-] { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; } /* ======================================== ASPECT ---------------------------------------- usage: .add-aspect-[key] ---------------------------------------- output: aspect-ratio: [value]; ---------------------------------------- example: .add-aspect-16x9 { height: inherit; padding: inherit; aspect-ratio: 1.7777777778; max-width: 100%; } ---------------------------------------- */ .add-aspect-9x16 { box-sizing: border-box; height: 0; overflow: hidden; padding-bottom: 177.77778%; position: relative; } @supports (aspect-ratio: 1) { .add-aspect-9x16 { height: inherit; padding: inherit; aspect-ratio: 0.5625; max-width: 100%; } .add-aspect-9x16 > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.add-aspect-9x16, .add-aspect-9x16 > img { object-fit: cover; } } .add-aspect-16x9 { box-sizing: border-box; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; } @supports (aspect-ratio: 1) { .add-aspect-16x9 { height: inherit; padding: inherit; aspect-ratio: 1.7777777778; max-width: 100%; } .add-aspect-16x9 > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.add-aspect-16x9, .add-aspect-16x9 > img { object-fit: cover; } } .add-aspect-1x1 { box-sizing: border-box; height: 0; overflow: hidden; padding-bottom: 100%; position: relative; } @supports (aspect-ratio: 1) { .add-aspect-1x1 { height: inherit; padding: inherit; aspect-ratio: 1; max-width: 100%; } .add-aspect-1x1 > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.add-aspect-1x1, .add-aspect-1x1 > img { object-fit: cover; } } .add-aspect-4x3 { box-sizing: border-box; height: 0; overflow: hidden; padding-bottom: 75%; position: relative; } @supports (aspect-ratio: 1) { .add-aspect-4x3 { height: inherit; padding: inherit; aspect-ratio: 1.3333333333; max-width: 100%; } .add-aspect-4x3 > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.add-aspect-4x3, .add-aspect-4x3 > img { object-fit: cover; } } .add-aspect-2x1 { box-sizing: border-box; height: 0; overflow: hidden; padding-bottom: 50%; position: relative; } @supports (aspect-ratio: 1) { .add-aspect-2x1 { height: inherit; padding: inherit; aspect-ratio: 2; max-width: 100%; } .add-aspect-2x1 > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img.add-aspect-2x1, .add-aspect-2x1 > img { object-fit: cover; } } @supports (aspect-ratio: 1) { :where(img[class*=add-aspect-]) { width: min-content; } } /* ======================================== LIST RESET ---------------------------------------- usage: .add-list-reset ---------------------------------------- output: margin-bottom: 0; margin-top: 0; padding-left: 0; list-style: none; ---------------------------------------- example: .add-list-reset { margin-bottom: 0; margin-top: 0; padding-left: 0; list-style: none; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== PALETTE REGISTRY ---------------------------------------- This map collects the available utility palettes ---------------------------------------- */ /* ======================================== FONT PLUGINS ---------------------------------------- These plugins collect packaged font-related values for inclusion in utilities ---------------------------------------- */ /* ---------------------------------------- role-based theme sizes ---------------------------------------- */ /* ---------------------------------------- system font sizes ---------------------------------------- */ /* ======================================== MISC PLUGINS ---------------------------------------- These plugins collect packaged spacing-related values for inclusion in utilities ---------------------------------------- */ /* ======================================== PALETTE REGISTRY ---------------------------------------- This map collects the available utility palettes ---------------------------------------- */ /* ======================================== STANDARD PLUGINS ---------------------------------------- These plugins collect standard property values as plugin ---------------------------------------- */ /* ---------------------------------------- get-palettes() ---------------------------------------- Build a single map of plugin values from a list of plugin keys. ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== align-self ---------------------------------------- usage: .flex-align-self-[key] ---------------------------------------- output: align-self: [value]; ---------------------------------------- example: .flex-align-self-start { align-self: flex-start; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== background-color ---------------------------------------- usage: .bg-[key] ---------------------------------------- output: background-color: [value]; ---------------------------------------- example: .bg-red { background-color: #e52207; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== border ---------------------------------------- Also applies `solid` Needs to come before other border utils ---------------------------------------- usage: .border-[modifier]*-[key] ---------------------------------------- output: border-[modifier]: [value]; ---------------------------------------- example: .border-top-1px { border-top: 1px solid; } .border-0 { border: 0 solid; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== border-color ---------------------------------------- usage: .border-[key] ---------------------------------------- output: border-color: [value]; ---------------------------------------- example: .border-red { border-color: #e52207; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== border-radius ---------------------------------------- usage: .radius-[key] ---------------------------------------- output: border-radius: [value]; ---------------------------------------- example: .radius-0 { border-radius: 0; } .radius-pill { border-radius: 99rem; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== border-style ---------------------------------------- usage: .border-[key] ---------------------------------------- output: border-style: [value]; ---------------------------------------- example: .border-dotted { border-style: dotted; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== border-width ---------------------------------------- usage: .border-[modifier]*-width-[key] ---------------------------------------- output: border-[modifier]-width: [value]; ---------------------------------------- example: .border-top-width-1px { border-top-width: 1px; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== bottom ---------------------------------------- usage: .bottom-[key] ---------------------------------------- output: bottom: [value]; ---------------------------------------- example: .bottom-3 { bottom: 1.5rem; } .bottom-neg-2px { bottom: -2px; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== box-shadow ---------------------------------------- usage: .shadow-[key] ---------------------------------------- output: box-shadow: [value]; ---------------------------------------- example: .shadow-1 { box-shadow: 0 1px 0.25rem 0 rgba(0, 0, 0, 0.1); } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== circle ---------------------------------------- usage: .circle-[key] ---------------------------------------- output: height: [value]; width: [value]; border-radius: 50%; ---------------------------------------- example: .circle-6 { height: 3rem; width: 3rem; border-radius: 50%; } ---------------------------------------- */ /* ======================================== .clearfix ---------------------------------------- usage: .clearfix ---------------------------------------- example: .clearfix::after { clear: both; content: ""; display: block; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== color ---------------------------------------- usage: .text-[key] ---------------------------------------- output: color: [value]; ---------------------------------------- example: .text-black { color: black; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== cursor ---------------------------------------- usage: .cursor-[key] ---------------------------------------- output: cursor: [value]; ---------------------------------------- example: .cursor-pointer { cursor: pointer; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== display ---------------------------------------- usage: .display-[key] ---------------------------------------- output: display: [value]; ---------------------------------------- example: .display-none { display: none; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== float ---------------------------------------- usage: .float-[value] ---------------------------------------- output: float: [value]; ---------------------------------------- example: .float-left { float: left; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== flex ---------------------------------------- usage: .flex-[key] ---------------------------------------- output: flex: [value]; ---------------------------------------- example: .flex-1 { flex: 1 0 0; } .flex-fill { flex: 1 0 0; } .flex-auto { flex: 0 1 auto; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== flex-direction ---------------------------------------- usage: .flex-[key] ---------------------------------------- output: flex-direction: [value]; ---------------------------------------- example: .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== flex-wrap ---------------------------------------- usage: .flex-[key] ---------------------------------------- output: flex-wrap: [value]; ---------------------------------------- example: .flex-wrap { flex-wrap: wrap; } .flex-no-wrap { flex-wrap: nowrap; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== font-size ---------------------------------------- usage: .font-[key]-[key] ---------------------------------------- output: font-size: [value]; ---------------------------------------- example: .font-sans-md { font-size: 1.13rem; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== font-family ---------------------------------------- usage: .font-family-[key] ---------------------------------------- output: font-family: [value]; ---------------------------------------- example: .font-family-sans { font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== font-feature-settings ---------------------------------------- usage: .text-[key] ---------------------------------------- output: font-feature-settings: [value]; ---------------------------------------- example: .text-tabular { font-feature-settings: 'tnum' 1, 'kern' 1; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== font-style ---------------------------------------- usage: .text-[key] ---------------------------------------- output: font-style: [value]; ---------------------------------------- example: .text-italic { font-style: italic; } .text-no-italic { font-style: normal; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== font-weight ---------------------------------------- usage: .text-[key] ---------------------------------------- output: font-weight: [value]; ---------------------------------------- example: .text-bold { font-weight: 700; } .text-light{ font-weight: 300; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== height ---------------------------------------- usage: .height-[key] ---------------------------------------- output: height: [value]; ---------------------------------------- example: .height-6 { height: 3rem; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== justify-content ---------------------------------------- usage: .flex-justify-[key] ---------------------------------------- output: justify-content: [value]; ---------------------------------------- example: .flex-justify-start { justify-content: flex-start; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== left ---------------------------------------- usage: .left-[key] ---------------------------------------- output: left: [value]; ---------------------------------------- example: .left-neg-2px { left: -2px; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== letter-spacing ---------------------------------------- usage: .text-ls-[key] ---------------------------------------- output: letter-spacing: [value]; ---------------------------------------- example: .text-ls-2 { letter-spacing: .1em; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== line-height ---------------------------------------- usage: .line-height-[modifier]-[key] ---------------------------------------- output: line-height: [value]; ---------------------------------------- example: .line-height-sans-2 { line-height: 1.1; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== margin ---------------------------------------- usage: .margin-[modifier]*-[key] ---------------------------------------- output: margin: [value]; ---------------------------------------- example: .margin-x-auto { margin-left: auto; margin-right: auto; } .margin-105 { margin: .75rem; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== max-height ---------------------------------------- usage: .maxh-[key] ---------------------------------------- output: max-height: [value]; ---------------------------------------- example: .maxh-viewport { max-height: 100vh; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== max-width ---------------------------------------- usage: .maxw-[key] ---------------------------------------- output: max-width: [value]; ---------------------------------------- example: .maxw-desktop { max-width: 64rem; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== .measure ---------------------------------------- property: max-width ---------------------------------------- usage: .measure-[key] ---------------------------------------- output: max-width: [value]; ---------------------------------------- example: .measure-4 { max-width: 68ex; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== min-height ---------------------------------------- usage: .minh-[key] ---------------------------------------- output: min-height: [value]; ---------------------------------------- example: .minh-card { min-height: 10rem; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== min-width ---------------------------------------- usage: .minw-[key] ---------------------------------------- output: min-width: [value]; ---------------------------------------- example: .minw-15 { min-width: 7.5rem; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== opacity ---------------------------------------- usage: .opacity-[key] ---------------------------------------- output: opacity: [value]; ---------------------------------------- example: .opacity-0 { opacity: 0; } .opacity-30 { opacity: 0.3; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== outline ---------------------------------------- sets width and style:solid ---------------------------------------- usage: .outline-[modifier] ---------------------------------------- output: outline: [modifier] solid; ---------------------------------------- example: .outline-2px { outline: 2px solid; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== outline-color ---------------------------------------- usage: .outline-[key] ---------------------------------------- output: outline-color: [value]; ---------------------------------------- example: .outline-yellow { outline-color: #fee685; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== overflow ---------------------------------------- usage: .overflow-[modifier]*-[key] ---------------------------------------- output: overflow[-modifier]: [value]; ---------------------------------------- example: .overflow-y-hidden { overflow-y: hidden; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== order ---------------------------------------- usage: .order-[key] ---------------------------------------- output: order: [value]; ---------------------------------------- example: .order-first { order: -1; } .order-2 { order: 2; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== padding ---------------------------------------- usage: .padding-[modifier]*-[key] ---------------------------------------- output: padding[-modifier]: [value]; ---------------------------------------- example: .padding-0 { padding: 0; } .padding-bottom-1px { padding-bottom: 1px; } ---------------------------------------- */ /* ======================================== PIN ---------------------------------------- usage: .pin-[key] ---------------------------------------- example: .pin-all { bottom:0; left:0; right:0; top:0; position:absolute; } .pin-left { left:0; position:absolute; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== position ---------------------------------------- usage: .position-[key] ---------------------------------------- output: position: [value]; ---------------------------------------- example: .position-absolute { position: absolute; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== right ---------------------------------------- usage: .right-[key] ---------------------------------------- output: right: [value]; ---------------------------------------- example: .right-neg-2px { right: -2px; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== SQUARE ---------------------------------------- usage: .square-[key] ---------------------------------------- output: height: [value]; width: [value]; ---------------------------------------- example: .square-6 { height: 3rem; width: 3rem; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== text-align ---------------------------------------- usage: .text-[key] ---------------------------------------- output: text-align: [value]; ---------------------------------------- example: .text-left { text-align: left; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== text-decoration ---------------------------------------- usage: .text-[key] ---------------------------------------- output: text-decoration: [value]; ---------------------------------------- example: .text-no-underline { text-decoration: none; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== text-decoration-color ---------------------------------------- usage: .underline-[key] ---------------------------------------- output: text-decoration-color: [value]; ---------------------------------------- example: .underline-red { text-decoration-color: #e52207; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== text-indent ---------------------------------------- usage: .text-indent-[key] ---------------------------------------- output: text-indent: [value]; ---------------------------------------- example: .text-indent-0 { text-ident: 0; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== text-transform ---------------------------------------- usage: .text-[key] ---------------------------------------- output: text-transform: [value]; ---------------------------------------- example: .text-uppercase { text-transform: uppercase; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== top ---------------------------------------- usage: .top-[key] ---------------------------------------- output: top: [value]; ---------------------------------------- example: .top-neg-2px { top: -2px; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== vertical-align ---------------------------------------- usage: .text-[key] ---------------------------------------- output: vertical-align: [value]; ---------------------------------------- example: .text-top { vertical-align: top; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== white-space ---------------------------------------- usage: text-[key] ---------------------------------------- output: white-space: [value]; ---------------------------------------- example: .text-pre-wrap { white-space: pre-wrap; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== width ---------------------------------------- usage: .width-[key] ---------------------------------------- output: width: [value]; ---------------------------------------- example: .width-2 { width: 1rem; } ---------------------------------------- */ /* ======================================== align-items ---------------------------------------- usage: .flex-align-[key] ---------------------------------------- output: align-items: [value]; ---------------------------------------- example: .flex-align-start { align-items: flex-start; } ---------------------------------------- */ /* ======================================== z-index ---------------------------------------- usage: z-[key] ---------------------------------------- output: z-index: [value]; ---------------------------------------- example: .z-100 { z-index: 100; } .z-top { z-index: 99999; } ---------------------------------------- */ .add-list-reset { margin-bottom: 0; margin-top: 0; padding-left: 0; list-style: none; } .flex-align-start { align-items: flex-start; } .flex-align-end { align-items: flex-end; } .flex-align-center { align-items: center; } .flex-align-stretch { align-items: stretch; } .flex-align-baseline { align-items: baseline; } .flex-align-self-start { align-self: flex-start; } .flex-align-self-end { align-self: flex-end; } .flex-align-self-center { align-self: center; } .flex-align-self-stretch { align-self: stretch; } .flex-align-self-baseline { align-self: baseline; } .bg-transparent { background-color: transparent; } .hover\:bg-transparent:hover { background-color: transparent; } .bg-black { background-color: black; } .hover\:bg-black:hover { background-color: black; } .bg-white { background-color: white; } .hover\:bg-white:hover { background-color: white; } .bg-red { background-color: #e52207; } .hover\:bg-red:hover { background-color: #e52207; } .bg-orange { background-color: #e66f0e; } .hover\:bg-orange:hover { background-color: #e66f0e; } .bg-gold { background-color: #ffbe2e; } .hover\:bg-gold:hover { background-color: #ffbe2e; } .bg-yellow { background-color: #fee685; } .hover\:bg-yellow:hover { background-color: #fee685; } .bg-green { background-color: #538200; } .hover\:bg-green:hover { background-color: #538200; } .bg-mint { background-color: #04c585; } .hover\:bg-mint:hover { background-color: #04c585; } .bg-cyan { background-color: #009ec1; } .hover\:bg-cyan:hover { background-color: #009ec1; } .bg-blue { background-color: #0076d6; } .hover\:bg-blue:hover { background-color: #0076d6; } .bg-indigo { background-color: #676cc8; } .hover\:bg-indigo:hover { background-color: #676cc8; } .bg-violet { background-color: #8168b3; } .hover\:bg-violet:hover { background-color: #8168b3; } .bg-magenta { background-color: #d72d79; } .hover\:bg-magenta:hover { background-color: #d72d79; } .bg-gray-5 { background-color: #f0f0f0; } .hover\:bg-gray-5:hover { background-color: #f0f0f0; } .bg-gray-10 { background-color: #e6e6e6; } .hover\:bg-gray-10:hover { background-color: #e6e6e6; } .bg-gray-30 { background-color: #adadad; } .hover\:bg-gray-30:hover { background-color: #adadad; } .bg-gray-50 { background-color: #757575; } .hover\:bg-gray-50:hover { background-color: #757575; } .bg-gray-70 { background-color: #454545; } .hover\:bg-gray-70:hover { background-color: #454545; } .bg-gray-90 { background-color: #1b1b1b; } .hover\:bg-gray-90:hover { background-color: #1b1b1b; } .bg-base-lightest { background-color: #f0f0f0; } .hover\:bg-base-lightest:hover { background-color: #f0f0f0; } .bg-base-lighter { background-color: #dfe1e2; } .hover\:bg-base-lighter:hover { background-color: #dfe1e2; } .bg-base-light { background-color: #a9aeb1; } .hover\:bg-base-light:hover { background-color: #a9aeb1; } .bg-base { background-color: #71767a; } .hover\:bg-base:hover { background-color: #71767a; } .bg-base-dark { background-color: #565c65; } .hover\:bg-base-dark:hover { background-color: #565c65; } .bg-base-darker { background-color: #3d4551; } .hover\:bg-base-darker:hover { background-color: #3d4551; } .bg-base-darkest { background-color: #1b1b1b; } .hover\:bg-base-darkest:hover { background-color: #1b1b1b; } .bg-ink { background-color: #1b1b1b; } .hover\:bg-ink:hover { background-color: #1b1b1b; } .bg-primary-lighter { background-color: #d9e8f6; } .hover\:bg-primary-lighter:hover { background-color: #d9e8f6; } .bg-primary-light { background-color: #73b3e7; } .hover\:bg-primary-light:hover { background-color: #73b3e7; } .bg-primary { background-color: #005ea2; } .hover\:bg-primary:hover { background-color: #005ea2; } .bg-primary-vivid { background-color: #0050d8; } .hover\:bg-primary-vivid:hover { background-color: #0050d8; } .bg-primary-dark { background-color: #1a4480; } .hover\:bg-primary-dark:hover { background-color: #1a4480; } .bg-primary-darker { background-color: #252f3e; } .hover\:bg-primary-darker:hover { background-color: #252f3e; } .bg-secondary-lighter { background-color: #f2e4d4; } .hover\:bg-secondary-lighter:hover { background-color: #f2e4d4; } .bg-secondary-light { background-color: #ffbc78; } .hover\:bg-secondary-light:hover { background-color: #ffbc78; } .bg-secondary { background-color: #fa9441; } .hover\:bg-secondary:hover { background-color: #fa9441; } .bg-secondary-dark { background-color: #c05600; } .hover\:bg-secondary-dark:hover { background-color: #c05600; } .bg-secondary-darker { background-color: #775540; } .hover\:bg-secondary-darker:hover { background-color: #775540; } .bg-accent-warm-darker { background-color: #8b0a03; } .hover\:bg-accent-warm-darker:hover { background-color: #8b0a03; } .bg-accent-warm-dark { background-color: #b50909; } .hover\:bg-accent-warm-dark:hover { background-color: #b50909; } .bg-accent-warm { background-color: #d83933; } .hover\:bg-accent-warm:hover { background-color: #d83933; } .bg-accent-warm-light { background-color: #f2938c; } .hover\:bg-accent-warm-light:hover { background-color: #f2938c; } .bg-accent-warm-lighter { background-color: #f8dfe2; } .hover\:bg-accent-warm-lighter:hover { background-color: #f8dfe2; } .bg-accent-cool-darker { background-color: #07648d; } .hover\:bg-accent-cool-darker:hover { background-color: #07648d; } .bg-accent-cool-dark { background-color: #28a0cb; } .hover\:bg-accent-cool-dark:hover { background-color: #28a0cb; } .bg-accent-cool { background-color: #00bde3; } .hover\:bg-accent-cool:hover { background-color: #00bde3; } .bg-accent-cool-light { background-color: #97d4ea; } .hover\:bg-accent-cool-light:hover { background-color: #97d4ea; } .bg-accent-cool-lighter { background-color: #e1f3f8; } .hover\:bg-accent-cool-lighter:hover { background-color: #e1f3f8; } .bg-error-lighter { background-color: #f4e3db; } .hover\:bg-error-lighter:hover { background-color: #f4e3db; } .bg-error-light { background-color: #f39268; } .hover\:bg-error-light:hover { background-color: #f39268; } .bg-error { background-color: #d54309; } .hover\:bg-error:hover { background-color: #d54309; } .bg-error-dark { background-color: #b50909; } .hover\:bg-error-dark:hover { background-color: #b50909; } .bg-error-darker { background-color: #6f3331; } .hover\:bg-error-darker:hover { background-color: #6f3331; } .bg-warning-lighter { background-color: #faf3d1; } .hover\:bg-warning-lighter:hover { background-color: #faf3d1; } .bg-warning-light { background-color: #fee685; } .hover\:bg-warning-light:hover { background-color: #fee685; } .bg-warning { background-color: #ffbe2e; } .hover\:bg-warning:hover { background-color: #ffbe2e; } .bg-warning-dark { background-color: #e5a000; } .hover\:bg-warning-dark:hover { background-color: #e5a000; } .bg-warning-darker { background-color: #936f38; } .hover\:bg-warning-darker:hover { background-color: #936f38; } .bg-success-lighter { background-color: #ecf3ec; } .hover\:bg-success-lighter:hover { background-color: #ecf3ec; } .bg-success-light { background-color: #70e17b; } .hover\:bg-success-light:hover { background-color: #70e17b; } .bg-success { background-color: #00a91c; } .hover\:bg-success:hover { background-color: #00a91c; } .bg-success-dark { background-color: #008817; } .hover\:bg-success-dark:hover { background-color: #008817; } .bg-success-darker { background-color: #216e1f; } .hover\:bg-success-darker:hover { background-color: #216e1f; } .bg-info-lighter { background-color: #e7f6f8; } .hover\:bg-info-lighter:hover { background-color: #e7f6f8; } .bg-info-light { background-color: #99deea; } .hover\:bg-info-light:hover { background-color: #99deea; } .bg-info { background-color: #00bde3; } .hover\:bg-info:hover { background-color: #00bde3; } .bg-info-dark { background-color: #009ec1; } .hover\:bg-info-dark:hover { background-color: #009ec1; } .bg-info-darker { background-color: #2e6276; } .hover\:bg-info-darker:hover { background-color: #2e6276; } .bg-disabled-lighter { background-color: #c9c9c9; } .hover\:bg-disabled-lighter:hover { background-color: #c9c9c9; } .bg-disabled-light { background-color: #919191; } .hover\:bg-disabled-light:hover { background-color: #919191; } .bg-disabled { background-color: #757575; } .hover\:bg-disabled:hover { background-color: #757575; } .bg-disabled-dark { background-color: #454545; } .hover\:bg-disabled-dark:hover { background-color: #454545; } .bg-disabled-darker { background-color: #1b1b1b; } .hover\:bg-disabled-darker:hover { background-color: #1b1b1b; } .bg-emergency { background-color: #9c3d10; } .hover\:bg-emergency:hover { background-color: #9c3d10; } .bg-emergency-dark { background-color: #332d29; } .hover\:bg-emergency-dark:hover { background-color: #332d29; } .border-1px { border: 1px solid; } .hover\:border-1px:hover { border: 1px solid; } .border-y-1px { border-top: 1px solid; border-bottom: 1px solid; } .hover\:border-y-1px:hover { border-top: 1px solid; border-bottom: 1px solid; } .border-x-1px { border-left: 1px solid; border-right: 1px solid; } .hover\:border-x-1px:hover { border-left: 1px solid; border-right: 1px solid; } .border-top-1px { border-top: 1px solid; } .hover\:border-top-1px:hover { border-top: 1px solid; } .border-right-1px { border-right: 1px solid; } .hover\:border-right-1px:hover { border-right: 1px solid; } .border-bottom-1px { border-bottom: 1px solid; } .hover\:border-bottom-1px:hover { border-bottom: 1px solid; } .border-left-1px { border-left: 1px solid; } .hover\:border-left-1px:hover { border-left: 1px solid; } .border-2px { border: 2px solid; } .hover\:border-2px:hover { border: 2px solid; } .border-y-2px { border-top: 2px solid; border-bottom: 2px solid; } .hover\:border-y-2px:hover { border-top: 2px solid; border-bottom: 2px solid; } .border-x-2px { border-left: 2px solid; border-right: 2px solid; } .hover\:border-x-2px:hover { border-left: 2px solid; border-right: 2px solid; } .border-top-2px { border-top: 2px solid; } .hover\:border-top-2px:hover { border-top: 2px solid; } .border-right-2px { border-right: 2px solid; } .hover\:border-right-2px:hover { border-right: 2px solid; } .border-bottom-2px { border-bottom: 2px solid; } .hover\:border-bottom-2px:hover { border-bottom: 2px solid; } .border-left-2px { border-left: 2px solid; } .hover\:border-left-2px:hover { border-left: 2px solid; } .border-05 { border: 0.25rem solid; } .hover\:border-05:hover { border: 0.25rem solid; } .border-y-05 { border-top: 0.25rem solid; border-bottom: 0.25rem solid; } .hover\:border-y-05:hover { border-top: 0.25rem solid; border-bottom: 0.25rem solid; } .border-x-05 { border-left: 0.25rem solid; border-right: 0.25rem solid; } .hover\:border-x-05:hover { border-left: 0.25rem solid; border-right: 0.25rem solid; } .border-top-05 { border-top: 0.25rem solid; } .hover\:border-top-05:hover { border-top: 0.25rem solid; } .border-right-05 { border-right: 0.25rem solid; } .hover\:border-right-05:hover { border-right: 0.25rem solid; } .border-bottom-05 { border-bottom: 0.25rem solid; } .hover\:border-bottom-05:hover { border-bottom: 0.25rem solid; } .border-left-05 { border-left: 0.25rem solid; } .hover\:border-left-05:hover { border-left: 0.25rem solid; } .border-1 { border: 0.5rem solid; } .hover\:border-1:hover { border: 0.5rem solid; } .border-y-1 { border-top: 0.5rem solid; border-bottom: 0.5rem solid; } .hover\:border-y-1:hover { border-top: 0.5rem solid; border-bottom: 0.5rem solid; } .border-x-1 { border-left: 0.5rem solid; border-right: 0.5rem solid; } .hover\:border-x-1:hover { border-left: 0.5rem solid; border-right: 0.5rem solid; } .border-top-1 { border-top: 0.5rem solid; } .hover\:border-top-1:hover { border-top: 0.5rem solid; } .border-right-1 { border-right: 0.5rem solid; } .hover\:border-right-1:hover { border-right: 0.5rem solid; } .border-bottom-1 { border-bottom: 0.5rem solid; } .hover\:border-bottom-1:hover { border-bottom: 0.5rem solid; } .border-left-1 { border-left: 0.5rem solid; } .hover\:border-left-1:hover { border-left: 0.5rem solid; } .border-105 { border: 0.75rem solid; } .hover\:border-105:hover { border: 0.75rem solid; } .border-y-105 { border-top: 0.75rem solid; border-bottom: 0.75rem solid; } .hover\:border-y-105:hover { border-top: 0.75rem solid; border-bottom: 0.75rem solid; } .border-x-105 { border-left: 0.75rem solid; border-right: 0.75rem solid; } .hover\:border-x-105:hover { border-left: 0.75rem solid; border-right: 0.75rem solid; } .border-top-105 { border-top: 0.75rem solid; } .hover\:border-top-105:hover { border-top: 0.75rem solid; } .border-right-105 { border-right: 0.75rem solid; } .hover\:border-right-105:hover { border-right: 0.75rem solid; } .border-bottom-105 { border-bottom: 0.75rem solid; } .hover\:border-bottom-105:hover { border-bottom: 0.75rem solid; } .border-left-105 { border-left: 0.75rem solid; } .hover\:border-left-105:hover { border-left: 0.75rem solid; } .border-2 { border: 1rem solid; } .hover\:border-2:hover { border: 1rem solid; } .border-y-2 { border-top: 1rem solid; border-bottom: 1rem solid; } .hover\:border-y-2:hover { border-top: 1rem solid; border-bottom: 1rem solid; } .border-x-2 { border-left: 1rem solid; border-right: 1rem solid; } .hover\:border-x-2:hover { border-left: 1rem solid; border-right: 1rem solid; } .border-top-2 { border-top: 1rem solid; } .hover\:border-top-2:hover { border-top: 1rem solid; } .border-right-2 { border-right: 1rem solid; } .hover\:border-right-2:hover { border-right: 1rem solid; } .border-bottom-2 { border-bottom: 1rem solid; } .hover\:border-bottom-2:hover { border-bottom: 1rem solid; } .border-left-2 { border-left: 1rem solid; } .hover\:border-left-2:hover { border-left: 1rem solid; } .border-205 { border: 1.25rem solid; } .hover\:border-205:hover { border: 1.25rem solid; } .border-y-205 { border-top: 1.25rem solid; border-bottom: 1.25rem solid; } .hover\:border-y-205:hover { border-top: 1.25rem solid; border-bottom: 1.25rem solid; } .border-x-205 { border-left: 1.25rem solid; border-right: 1.25rem solid; } .hover\:border-x-205:hover { border-left: 1.25rem solid; border-right: 1.25rem solid; } .border-top-205 { border-top: 1.25rem solid; } .hover\:border-top-205:hover { border-top: 1.25rem solid; } .border-right-205 { border-right: 1.25rem solid; } .hover\:border-right-205:hover { border-right: 1.25rem solid; } .border-bottom-205 { border-bottom: 1.25rem solid; } .hover\:border-bottom-205:hover { border-bottom: 1.25rem solid; } .border-left-205 { border-left: 1.25rem solid; } .hover\:border-left-205:hover { border-left: 1.25rem solid; } .border-3 { border: 1.5rem solid; } .hover\:border-3:hover { border: 1.5rem solid; } .border-y-3 { border-top: 1.5rem solid; border-bottom: 1.5rem solid; } .hover\:border-y-3:hover { border-top: 1.5rem solid; border-bottom: 1.5rem solid; } .border-x-3 { border-left: 1.5rem solid; border-right: 1.5rem solid; } .hover\:border-x-3:hover { border-left: 1.5rem solid; border-right: 1.5rem solid; } .border-top-3 { border-top: 1.5rem solid; } .hover\:border-top-3:hover { border-top: 1.5rem solid; } .border-right-3 { border-right: 1.5rem solid; } .hover\:border-right-3:hover { border-right: 1.5rem solid; } .border-bottom-3 { border-bottom: 1.5rem solid; } .hover\:border-bottom-3:hover { border-bottom: 1.5rem solid; } .border-left-3 { border-left: 1.5rem solid; } .hover\:border-left-3:hover { border-left: 1.5rem solid; } .border-0 { border: 0 solid; } .hover\:border-0:hover { border: 0 solid; } .border-y-0 { border-top: 0 solid; border-bottom: 0 solid; } .hover\:border-y-0:hover { border-top: 0 solid; border-bottom: 0 solid; } .border-x-0 { border-left: 0 solid; border-right: 0 solid; } .hover\:border-x-0:hover { border-left: 0 solid; border-right: 0 solid; } .border-top-0 { border-top: 0 solid; } .hover\:border-top-0:hover { border-top: 0 solid; } .border-right-0 { border-right: 0 solid; } .hover\:border-right-0:hover { border-right: 0 solid; } .border-bottom-0 { border-bottom: 0 solid; } .hover\:border-bottom-0:hover { border-bottom: 0 solid; } .border-left-0 { border-left: 0 solid; } .hover\:border-left-0:hover { border-left: 0 solid; } .border { border: 1px solid; } .hover\:border:hover { border: 1px solid; } .border-y { border-top: 1px solid; border-bottom: 1px solid; } .hover\:border-y:hover { border-top: 1px solid; border-bottom: 1px solid; } .border-x { border-left: 1px solid; border-right: 1px solid; } .hover\:border-x:hover { border-left: 1px solid; border-right: 1px solid; } .border-top { border-top: 1px solid; } .hover\:border-top:hover { border-top: 1px solid; } .border-right { border-right: 1px solid; } .hover\:border-right:hover { border-right: 1px solid; } .border-bottom { border-bottom: 1px solid; } .hover\:border-bottom:hover { border-bottom: 1px solid; } .border-left { border-left: 1px solid; } .hover\:border-left:hover { border-left: 1px solid; } .border-transparent { border-color: transparent; } .hover\:border-transparent:hover { border-color: transparent; } .border-black { border-color: black; } .hover\:border-black:hover { border-color: black; } .border-white { border-color: white; } .hover\:border-white:hover { border-color: white; } .border-red { border-color: #e52207; } .hover\:border-red:hover { border-color: #e52207; } .border-orange { border-color: #e66f0e; } .hover\:border-orange:hover { border-color: #e66f0e; } .border-gold { border-color: #ffbe2e; } .hover\:border-gold:hover { border-color: #ffbe2e; } .border-yellow { border-color: #fee685; } .hover\:border-yellow:hover { border-color: #fee685; } .border-green { border-color: #538200; } .hover\:border-green:hover { border-color: #538200; } .border-mint { border-color: #04c585; } .hover\:border-mint:hover { border-color: #04c585; } .border-cyan { border-color: #009ec1; } .hover\:border-cyan:hover { border-color: #009ec1; } .border-blue { border-color: #0076d6; } .hover\:border-blue:hover { border-color: #0076d6; } .border-indigo { border-color: #676cc8; } .hover\:border-indigo:hover { border-color: #676cc8; } .border-violet { border-color: #8168b3; } .hover\:border-violet:hover { border-color: #8168b3; } .border-magenta { border-color: #d72d79; } .hover\:border-magenta:hover { border-color: #d72d79; } .border-gray-5 { border-color: #f0f0f0; } .hover\:border-gray-5:hover { border-color: #f0f0f0; } .border-gray-10 { border-color: #e6e6e6; } .hover\:border-gray-10:hover { border-color: #e6e6e6; } .border-gray-30 { border-color: #adadad; } .hover\:border-gray-30:hover { border-color: #adadad; } .border-gray-50 { border-color: #757575; } .hover\:border-gray-50:hover { border-color: #757575; } .border-gray-70 { border-color: #454545; } .hover\:border-gray-70:hover { border-color: #454545; } .border-gray-90 { border-color: #1b1b1b; } .hover\:border-gray-90:hover { border-color: #1b1b1b; } .border-base-lightest { border-color: #f0f0f0; } .hover\:border-base-lightest:hover { border-color: #f0f0f0; } .border-base-lighter { border-color: #dfe1e2; } .hover\:border-base-lighter:hover { border-color: #dfe1e2; } .border-base-light { border-color: #a9aeb1; } .hover\:border-base-light:hover { border-color: #a9aeb1; } .border-base { border-color: #71767a; } .hover\:border-base:hover { border-color: #71767a; } .border-base-dark { border-color: #565c65; } .hover\:border-base-dark:hover { border-color: #565c65; } .border-base-darker { border-color: #3d4551; } .hover\:border-base-darker:hover { border-color: #3d4551; } .border-base-darkest { border-color: #1b1b1b; } .hover\:border-base-darkest:hover { border-color: #1b1b1b; } .border-ink { border-color: #1b1b1b; } .hover\:border-ink:hover { border-color: #1b1b1b; } .border-primary-lighter { border-color: #d9e8f6; } .hover\:border-primary-lighter:hover { border-color: #d9e8f6; } .border-primary-light { border-color: #73b3e7; } .hover\:border-primary-light:hover { border-color: #73b3e7; } .border-primary { border-color: #005ea2; } .hover\:border-primary:hover { border-color: #005ea2; } .border-primary-vivid { border-color: #0050d8; } .hover\:border-primary-vivid:hover { border-color: #0050d8; } .border-primary-dark { border-color: #1a4480; } .hover\:border-primary-dark:hover { border-color: #1a4480; } .border-primary-darker { border-color: #252f3e; } .hover\:border-primary-darker:hover { border-color: #252f3e; } .border-secondary-lighter { border-color: #f2e4d4; } .hover\:border-secondary-lighter:hover { border-color: #f2e4d4; } .border-secondary-light { border-color: #ffbc78; } .hover\:border-secondary-light:hover { border-color: #ffbc78; } .border-secondary { border-color: #fa9441; } .hover\:border-secondary:hover { border-color: #fa9441; } .border-secondary-dark { border-color: #c05600; } .hover\:border-secondary-dark:hover { border-color: #c05600; } .border-secondary-darker { border-color: #775540; } .hover\:border-secondary-darker:hover { border-color: #775540; } .border-accent-warm-darker { border-color: #8b0a03; } .hover\:border-accent-warm-darker:hover { border-color: #8b0a03; } .border-accent-warm-dark { border-color: #b50909; } .hover\:border-accent-warm-dark:hover { border-color: #b50909; } .border-accent-warm { border-color: #d83933; } .hover\:border-accent-warm:hover { border-color: #d83933; } .border-accent-warm-light { border-color: #f2938c; } .hover\:border-accent-warm-light:hover { border-color: #f2938c; } .border-accent-warm-lighter { border-color: #f8dfe2; } .hover\:border-accent-warm-lighter:hover { border-color: #f8dfe2; } .border-accent-cool-darker { border-color: #07648d; } .hover\:border-accent-cool-darker:hover { border-color: #07648d; } .border-accent-cool-dark { border-color: #28a0cb; } .hover\:border-accent-cool-dark:hover { border-color: #28a0cb; } .border-accent-cool { border-color: #00bde3; } .hover\:border-accent-cool:hover { border-color: #00bde3; } .border-accent-cool-light { border-color: #97d4ea; } .hover\:border-accent-cool-light:hover { border-color: #97d4ea; } .border-accent-cool-lighter { border-color: #e1f3f8; } .hover\:border-accent-cool-lighter:hover { border-color: #e1f3f8; } .border-error-lighter { border-color: #f4e3db; } .hover\:border-error-lighter:hover { border-color: #f4e3db; } .border-error-light { border-color: #f39268; } .hover\:border-error-light:hover { border-color: #f39268; } .border-error { border-color: #d54309; } .hover\:border-error:hover { border-color: #d54309; } .border-error-dark { border-color: #b50909; } .hover\:border-error-dark:hover { border-color: #b50909; } .border-error-darker { border-color: #6f3331; } .hover\:border-error-darker:hover { border-color: #6f3331; } .border-warning-lighter { border-color: #faf3d1; } .hover\:border-warning-lighter:hover { border-color: #faf3d1; } .border-warning-light { border-color: #fee685; } .hover\:border-warning-light:hover { border-color: #fee685; } .border-warning { border-color: #ffbe2e; } .hover\:border-warning:hover { border-color: #ffbe2e; } .border-warning-dark { border-color: #e5a000; } .hover\:border-warning-dark:hover { border-color: #e5a000; } .border-warning-darker { border-color: #936f38; } .hover\:border-warning-darker:hover { border-color: #936f38; } .border-success-lighter { border-color: #ecf3ec; } .hover\:border-success-lighter:hover { border-color: #ecf3ec; } .border-success-light { border-color: #70e17b; } .hover\:border-success-light:hover { border-color: #70e17b; } .border-success { border-color: #00a91c; } .hover\:border-success:hover { border-color: #00a91c; } .border-success-dark { border-color: #008817; } .hover\:border-success-dark:hover { border-color: #008817; } .border-success-darker { border-color: #216e1f; } .hover\:border-success-darker:hover { border-color: #216e1f; } .border-info-lighter { border-color: #e7f6f8; } .hover\:border-info-lighter:hover { border-color: #e7f6f8; } .border-info-light { border-color: #99deea; } .hover\:border-info-light:hover { border-color: #99deea; } .border-info { border-color: #00bde3; } .hover\:border-info:hover { border-color: #00bde3; } .border-info-dark { border-color: #009ec1; } .hover\:border-info-dark:hover { border-color: #009ec1; } .border-info-darker { border-color: #2e6276; } .hover\:border-info-darker:hover { border-color: #2e6276; } .border-disabled-lighter { border-color: #c9c9c9; } .hover\:border-disabled-lighter:hover { border-color: #c9c9c9; } .border-disabled-light { border-color: #919191; } .hover\:border-disabled-light:hover { border-color: #919191; } .border-disabled { border-color: #757575; } .hover\:border-disabled:hover { border-color: #757575; } .border-disabled-dark { border-color: #454545; } .hover\:border-disabled-dark:hover { border-color: #454545; } .border-disabled-darker { border-color: #1b1b1b; } .hover\:border-disabled-darker:hover { border-color: #1b1b1b; } .border-emergency { border-color: #9c3d10; } .hover\:border-emergency:hover { border-color: #9c3d10; } .border-emergency-dark { border-color: #332d29; } .hover\:border-emergency-dark:hover { border-color: #332d29; } .radius-0 { border-radius: 0; } .radius-top-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .radius-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .radius-bottom-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .radius-left-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .radius-sm { border-radius: 2px; } .radius-top-sm { border-top-left-radius: 2px; border-top-right-radius: 2px; } .radius-right-sm { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .radius-bottom-sm { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .radius-left-sm { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .radius-md { border-radius: 0.25rem; } .radius-top-md { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .radius-right-md { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .radius-bottom-md { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .radius-left-md { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .radius-lg { border-radius: 0.5rem; } .radius-top-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .radius-right-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .radius-bottom-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .radius-left-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .radius-pill { border-radius: 99rem; } .radius-top-pill { border-top-left-radius: 99rem; border-top-right-radius: 99rem; } .radius-right-pill { border-top-right-radius: 99rem; border-bottom-right-radius: 99rem; } .radius-bottom-pill { border-bottom-left-radius: 99rem; border-bottom-right-radius: 99rem; } .radius-left-pill { border-top-left-radius: 99rem; border-bottom-left-radius: 99rem; } .border-dashed { border-style: dashed; } .border-dotted { border-style: dotted; } .border-solid { border-style: solid; } .border-width-1px { border-width: 1px; } .border-y-width-1px { border-top-width: 1px; border-bottom-width: 1px; } .border-x-width-1px { border-left-width: 1px; border-right-width: 1px; } .border-top-width-1px { border-top-width: 1px; } .border-right-width-1px { border-right-width: 1px; } .border-bottom-width-1px { border-bottom-width: 1px; } .border-left-width-1px { border-left-width: 1px; } .border-width-2px { border-width: 2px; } .border-y-width-2px { border-top-width: 2px; border-bottom-width: 2px; } .border-x-width-2px { border-left-width: 2px; border-right-width: 2px; } .border-top-width-2px { border-top-width: 2px; } .border-right-width-2px { border-right-width: 2px; } .border-bottom-width-2px { border-bottom-width: 2px; } .border-left-width-2px { border-left-width: 2px; } .border-width-05 { border-width: 0.25rem; } .border-y-width-05 { border-top-width: 0.25rem; border-bottom-width: 0.25rem; } .border-x-width-05 { border-left-width: 0.25rem; border-right-width: 0.25rem; } .border-top-width-05 { border-top-width: 0.25rem; } .border-right-width-05 { border-right-width: 0.25rem; } .border-bottom-width-05 { border-bottom-width: 0.25rem; } .border-left-width-05 { border-left-width: 0.25rem; } .border-width-1 { border-width: 0.5rem; } .border-y-width-1 { border-top-width: 0.5rem; border-bottom-width: 0.5rem; } .border-x-width-1 { border-left-width: 0.5rem; border-right-width: 0.5rem; } .border-top-width-1 { border-top-width: 0.5rem; } .border-right-width-1 { border-right-width: 0.5rem; } .border-bottom-width-1 { border-bottom-width: 0.5rem; } .border-left-width-1 { border-left-width: 0.5rem; } .border-width-105 { border-width: 0.75rem; } .border-y-width-105 { border-top-width: 0.75rem; border-bottom-width: 0.75rem; } .border-x-width-105 { border-left-width: 0.75rem; border-right-width: 0.75rem; } .border-top-width-105 { border-top-width: 0.75rem; } .border-right-width-105 { border-right-width: 0.75rem; } .border-bottom-width-105 { border-bottom-width: 0.75rem; } .border-left-width-105 { border-left-width: 0.75rem; } .border-width-2 { border-width: 1rem; } .border-y-width-2 { border-top-width: 1rem; border-bottom-width: 1rem; } .border-x-width-2 { border-left-width: 1rem; border-right-width: 1rem; } .border-top-width-2 { border-top-width: 1rem; } .border-right-width-2 { border-right-width: 1rem; } .border-bottom-width-2 { border-bottom-width: 1rem; } .border-left-width-2 { border-left-width: 1rem; } .border-width-205 { border-width: 1.25rem; } .border-y-width-205 { border-top-width: 1.25rem; border-bottom-width: 1.25rem; } .border-x-width-205 { border-left-width: 1.25rem; border-right-width: 1.25rem; } .border-top-width-205 { border-top-width: 1.25rem; } .border-right-width-205 { border-right-width: 1.25rem; } .border-bottom-width-205 { border-bottom-width: 1.25rem; } .border-left-width-205 { border-left-width: 1.25rem; } .border-width-3 { border-width: 1.5rem; } .border-y-width-3 { border-top-width: 1.5rem; border-bottom-width: 1.5rem; } .border-x-width-3 { border-left-width: 1.5rem; border-right-width: 1.5rem; } .border-top-width-3 { border-top-width: 1.5rem; } .border-right-width-3 { border-right-width: 1.5rem; } .border-bottom-width-3 { border-bottom-width: 1.5rem; } .border-left-width-3 { border-left-width: 1.5rem; } .border-width-0 { border-width: 0; } .border-y-width-0 { border-top-width: 0; border-bottom-width: 0; } .border-x-width-0 { border-left-width: 0; border-right-width: 0; } .border-top-width-0 { border-top-width: 0; } .border-right-width-0 { border-right-width: 0; } .border-bottom-width-0 { border-bottom-width: 0; } .border-left-width-0 { border-left-width: 0; } .bottom-1px { bottom: 1px; } .bottom-2px { bottom: 2px; } .bottom-05 { bottom: 0.25rem; } .bottom-1 { bottom: 0.5rem; } .bottom-105 { bottom: 0.75rem; } .bottom-2 { bottom: 1rem; } .bottom-205 { bottom: 1.25rem; } .bottom-3 { bottom: 1.5rem; } .bottom-neg-1px { bottom: -1px; } .bottom-neg-2px { bottom: -2px; } .bottom-neg-05 { bottom: -0.25rem; } .bottom-neg-1 { bottom: -0.5rem; } .bottom-neg-105 { bottom: -0.75rem; } .bottom-neg-2 { bottom: -1rem; } .bottom-neg-205 { bottom: -1.25rem; } .bottom-neg-3 { bottom: -1.5rem; } .bottom-0 { bottom: 0; } .bottom-auto { bottom: auto; } .bottom-full { bottom: 100%; } .shadow-none { box-shadow: none; } .hover\:shadow-none:hover { box-shadow: none; } .shadow-1 { box-shadow: 0 1px 0.25rem 0 rgba(0, 0, 0, 0.1); } .hover\:shadow-1:hover { box-shadow: 0 1px 0.25rem 0 rgba(0, 0, 0, 0.1); } .shadow-2 { box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1); } .hover\:shadow-2:hover { box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1); } .shadow-3 { box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); } .hover\:shadow-3:hover { box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); } .shadow-4 { box-shadow: 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1); } .hover\:shadow-4:hover { box-shadow: 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1); } .shadow-5 { box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, 0.1); } .hover\:shadow-5:hover { box-shadow: 0 1rem 2rem 0 rgba(0, 0, 0, 0.1); } .circle-1px { height: 1px; width: 1px; border-radius: 50%; } .circle-2px { height: 2px; width: 2px; border-radius: 50%; } .circle-05 { height: 0.25rem; width: 0.25rem; border-radius: 50%; } .circle-1 { height: 0.5rem; width: 0.5rem; border-radius: 50%; } .circle-105 { height: 0.75rem; width: 0.75rem; border-radius: 50%; } .circle-2 { height: 1rem; width: 1rem; border-radius: 50%; } .circle-205 { height: 1.25rem; width: 1.25rem; border-radius: 50%; } .circle-3 { height: 1.5rem; width: 1.5rem; border-radius: 50%; } .circle-4 { height: 2rem; width: 2rem; border-radius: 50%; } .circle-5 { height: 2.5rem; width: 2.5rem; border-radius: 50%; } .circle-6 { height: 3rem; width: 3rem; border-radius: 50%; } .circle-7 { height: 3.5rem; width: 3.5rem; border-radius: 50%; } .circle-8 { height: 4rem; width: 4rem; border-radius: 50%; } .circle-9 { height: 4.5rem; width: 4.5rem; border-radius: 50%; } .circle-10 { height: 5rem; width: 5rem; border-radius: 50%; } .circle-15 { height: 7.5rem; width: 7.5rem; border-radius: 50%; } .circle-card { height: 10rem; width: 10rem; border-radius: 50%; } .circle-card-lg { height: 15rem; width: 15rem; border-radius: 50%; } .circle-mobile { height: 20rem; width: 20rem; border-radius: 50%; } .clearfix::after { content: ""; display: block; clear: both; } .text-transparent { color: transparent; } .hover\:text-transparent:hover { color: transparent; } .text-black { color: black; } .hover\:text-black:hover { color: black; } .text-white { color: white; } .hover\:text-white:hover { color: white; } .text-red { color: #e52207; } .hover\:text-red:hover { color: #e52207; } .text-orange { color: #e66f0e; } .hover\:text-orange:hover { color: #e66f0e; } .text-gold { color: #ffbe2e; } .hover\:text-gold:hover { color: #ffbe2e; } .text-yellow { color: #fee685; } .hover\:text-yellow:hover { color: #fee685; } .text-green { color: #538200; } .hover\:text-green:hover { color: #538200; } .text-mint { color: #04c585; } .hover\:text-mint:hover { color: #04c585; } .text-cyan { color: #009ec1; } .hover\:text-cyan:hover { color: #009ec1; } .text-blue { color: #0076d6; } .hover\:text-blue:hover { color: #0076d6; } .text-indigo { color: #676cc8; } .hover\:text-indigo:hover { color: #676cc8; } .text-violet { color: #8168b3; } .hover\:text-violet:hover { color: #8168b3; } .text-magenta { color: #d72d79; } .hover\:text-magenta:hover { color: #d72d79; } .text-gray-5 { color: #f0f0f0; } .hover\:text-gray-5:hover { color: #f0f0f0; } .text-gray-10 { color: #e6e6e6; } .hover\:text-gray-10:hover { color: #e6e6e6; } .text-gray-30 { color: #adadad; } .hover\:text-gray-30:hover { color: #adadad; } .text-gray-50 { color: #757575; } .hover\:text-gray-50:hover { color: #757575; } .text-gray-70 { color: #454545; } .hover\:text-gray-70:hover { color: #454545; } .text-gray-90 { color: #1b1b1b; } .hover\:text-gray-90:hover { color: #1b1b1b; } .text-base-lightest { color: #f0f0f0; } .hover\:text-base-lightest:hover { color: #f0f0f0; } .text-base-lighter { color: #dfe1e2; } .hover\:text-base-lighter:hover { color: #dfe1e2; } .text-base-light { color: #a9aeb1; } .hover\:text-base-light:hover { color: #a9aeb1; } .text-base { color: #71767a; } .hover\:text-base:hover { color: #71767a; } .text-base-dark { color: #565c65; } .hover\:text-base-dark:hover { color: #565c65; } .text-base-darker { color: #3d4551; } .hover\:text-base-darker:hover { color: #3d4551; } .text-base-darkest { color: #1b1b1b; } .hover\:text-base-darkest:hover { color: #1b1b1b; } .text-ink { color: #1b1b1b; } .hover\:text-ink:hover { color: #1b1b1b; } .text-primary-lighter { color: #d9e8f6; } .hover\:text-primary-lighter:hover { color: #d9e8f6; } .text-primary-light { color: #73b3e7; } .hover\:text-primary-light:hover { color: #73b3e7; } .text-primary { color: #005ea2; } .hover\:text-primary:hover { color: #005ea2; } .text-primary-vivid { color: #0050d8; } .hover\:text-primary-vivid:hover { color: #0050d8; } .text-primary-dark { color: #1a4480; } .hover\:text-primary-dark:hover { color: #1a4480; } .text-primary-darker { color: #252f3e; } .hover\:text-primary-darker:hover { color: #252f3e; } .text-secondary-lighter { color: #f2e4d4; } .hover\:text-secondary-lighter:hover { color: #f2e4d4; } .text-secondary-light { color: #ffbc78; } .hover\:text-secondary-light:hover { color: #ffbc78; } .text-secondary { color: #fa9441; } .hover\:text-secondary:hover { color: #fa9441; } .text-secondary-dark { color: #c05600; } .hover\:text-secondary-dark:hover { color: #c05600; } .text-secondary-darker { color: #775540; } .hover\:text-secondary-darker:hover { color: #775540; } .text-accent-warm-darker { color: #8b0a03; } .hover\:text-accent-warm-darker:hover { color: #8b0a03; } .text-accent-warm-dark { color: #b50909; } .hover\:text-accent-warm-dark:hover { color: #b50909; } .text-accent-warm { color: #d83933; } .hover\:text-accent-warm:hover { color: #d83933; } .text-accent-warm-light { color: #f2938c; } .hover\:text-accent-warm-light:hover { color: #f2938c; } .text-accent-warm-lighter { color: #f8dfe2; } .hover\:text-accent-warm-lighter:hover { color: #f8dfe2; } .text-accent-cool-darker { color: #07648d; } .hover\:text-accent-cool-darker:hover { color: #07648d; } .text-accent-cool-dark { color: #28a0cb; } .hover\:text-accent-cool-dark:hover { color: #28a0cb; } .text-accent-cool { color: #00bde3; } .hover\:text-accent-cool:hover { color: #00bde3; } .text-accent-cool-light { color: #97d4ea; } .hover\:text-accent-cool-light:hover { color: #97d4ea; } .text-accent-cool-lighter { color: #e1f3f8; } .hover\:text-accent-cool-lighter:hover { color: #e1f3f8; } .text-error-lighter { color: #f4e3db; } .hover\:text-error-lighter:hover { color: #f4e3db; } .text-error-light { color: #f39268; } .hover\:text-error-light:hover { color: #f39268; } .text-error { color: #d54309; } .hover\:text-error:hover { color: #d54309; } .text-error-dark { color: #b50909; } .hover\:text-error-dark:hover { color: #b50909; } .text-error-darker { color: #6f3331; } .hover\:text-error-darker:hover { color: #6f3331; } .text-warning-lighter { color: #faf3d1; } .hover\:text-warning-lighter:hover { color: #faf3d1; } .text-warning-light { color: #fee685; } .hover\:text-warning-light:hover { color: #fee685; } .text-warning { color: #ffbe2e; } .hover\:text-warning:hover { color: #ffbe2e; } .text-warning-dark { color: #e5a000; } .hover\:text-warning-dark:hover { color: #e5a000; } .text-warning-darker { color: #936f38; } .hover\:text-warning-darker:hover { color: #936f38; } .text-success-lighter { color: #ecf3ec; } .hover\:text-success-lighter:hover { color: #ecf3ec; } .text-success-light { color: #70e17b; } .hover\:text-success-light:hover { color: #70e17b; } .text-success { color: #00a91c; } .hover\:text-success:hover { color: #00a91c; } .text-success-dark { color: #008817; } .hover\:text-success-dark:hover { color: #008817; } .text-success-darker { color: #216e1f; } .hover\:text-success-darker:hover { color: #216e1f; } .text-info-lighter { color: #e7f6f8; } .hover\:text-info-lighter:hover { color: #e7f6f8; } .text-info-light { color: #99deea; } .hover\:text-info-light:hover { color: #99deea; } .text-info { color: #00bde3; } .hover\:text-info:hover { color: #00bde3; } .text-info-dark { color: #009ec1; } .hover\:text-info-dark:hover { color: #009ec1; } .text-info-darker { color: #2e6276; } .hover\:text-info-darker:hover { color: #2e6276; } .text-disabled-lighter { color: #c9c9c9; } .hover\:text-disabled-lighter:hover { color: #c9c9c9; } .text-disabled-light { color: #919191; } .hover\:text-disabled-light:hover { color: #919191; } .text-disabled { color: #757575; } .hover\:text-disabled:hover { color: #757575; } .text-disabled-dark { color: #454545; } .hover\:text-disabled-dark:hover { color: #454545; } .text-disabled-darker { color: #1b1b1b; } .hover\:text-disabled-darker:hover { color: #1b1b1b; } .text-emergency { color: #9c3d10; } .hover\:text-emergency:hover { color: #9c3d10; } .text-emergency-dark { color: #332d29; } .hover\:text-emergency-dark:hover { color: #332d29; } .cursor-auto { cursor: auto; } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .cursor-wait { cursor: wait; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .display-block { display: block; } .display-flex { display: flex; } .display-none { display: none; } .display-inline { display: inline; } .display-inline-block { display: inline-block; } .display-inline-flex { display: inline-flex; } .display-table { display: table; } .display-table-cell { display: table-cell; } .display-table-row { display: table-row; } .flex-1 { flex: 1 1 0%; } .flex-2 { flex: 2 1 0%; } .flex-3 { flex: 3 1 0%; } .flex-4 { flex: 4 1 0%; } .flex-5 { flex: 5 1 0%; } .flex-6 { flex: 6 1 0%; } .flex-7 { flex: 7 1 0%; } .flex-8 { flex: 8 1 0%; } .flex-9 { flex: 9 1 0%; } .flex-10 { flex: 10 1 0%; } .flex-11 { flex: 11 1 0%; } .flex-12 { flex: 12 1 0%; } .flex-fill { flex: 1 1 0%; } .flex-auto { flex: 0 1 auto; } .flex-row { flex-direction: row; } .flex-column { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .flex-no-wrap { flex-wrap: nowrap; } .float-left { float: left; } .float-none { float: none; } .float-right { float: right; } .font-lang-3xs { font-size: 0.81rem; } .font-lang-2xs { font-size: 0.88rem; } .font-lang-xs { font-size: 0.94rem; } .font-lang-sm { font-size: 1rem; } .font-lang-md { font-size: 1.06rem; } .font-lang-lg { font-size: 1.38rem; } .font-lang-xl { font-size: 2rem; } .font-lang-2xl { font-size: 2.5rem; } .font-lang-3xl { font-size: 3rem; } .font-mono-3xs { font-size: 0.77rem; } .font-mono-2xs { font-size: 0.83rem; } .font-mono-xs { font-size: 0.89rem; } .font-mono-sm { font-size: 0.95rem; } .font-mono-md { font-size: 1.01rem; } .font-mono-lg { font-size: 1.31rem; } .font-mono-xl { font-size: 1.91rem; } .font-mono-2xl { font-size: 2.38rem; } .font-mono-3xl { font-size: 2.86rem; } .font-sans-3xs { font-size: 0.81rem; } .font-sans-2xs { font-size: 0.88rem; } .font-sans-xs { font-size: 0.94rem; } .font-sans-sm { font-size: 1rem; } .font-sans-md { font-size: 1.06rem; } .font-sans-lg { font-size: 1.38rem; } .font-sans-xl { font-size: 2rem; } .font-sans-2xl { font-size: 2.5rem; } .font-sans-3xl { font-size: 3rem; } .font-serif-3xs { font-size: 0.79rem; } .font-serif-2xs { font-size: 0.85rem; } .font-serif-xs { font-size: 0.91rem; } .font-serif-sm { font-size: 0.98rem; } .font-serif-md { font-size: 1.04rem; } .font-serif-lg { font-size: 1.34rem; } .font-serif-xl { font-size: 1.95rem; } .font-serif-2xl { font-size: 2.44rem; } .font-serif-3xl { font-size: 2.93rem; } .font-heading-3xs { font-size: 0.79rem; } .font-heading-2xs { font-size: 0.85rem; } .font-heading-xs { font-size: 0.91rem; } .font-heading-sm { font-size: 0.98rem; } .font-heading-md { font-size: 1.04rem; } .font-heading-lg { font-size: 1.34rem; } .font-heading-xl { font-size: 1.95rem; } .font-heading-2xl { font-size: 2.44rem; } .font-heading-3xl { font-size: 2.93rem; } .font-body-3xs { font-size: 0.81rem; } .font-body-2xs { font-size: 0.88rem; } .font-body-xs { font-size: 0.94rem; } .font-body-sm { font-size: 1rem; } .font-body-md { font-size: 1.06rem; } .font-body-lg { font-size: 1.38rem; } .font-body-xl { font-size: 2rem; } .font-body-2xl { font-size: 2.5rem; } .font-body-3xl { font-size: 3rem; } .font-code-3xs { font-size: 0.77rem; } .font-code-2xs { font-size: 0.83rem; } .font-code-xs { font-size: 0.89rem; } .font-code-sm { font-size: 0.95rem; } .font-code-md { font-size: 1.01rem; } .font-code-lg { font-size: 1.31rem; } .font-code-xl { font-size: 1.91rem; } .font-code-2xl { font-size: 2.38rem; } .font-code-3xl { font-size: 2.86rem; } .font-alt-3xs { font-size: 0.79rem; } .font-alt-2xs { font-size: 0.85rem; } .font-alt-xs { font-size: 0.91rem; } .font-alt-sm { font-size: 0.98rem; } .font-alt-md { font-size: 1.04rem; } .font-alt-lg { font-size: 1.34rem; } .font-alt-xl { font-size: 1.95rem; } .font-alt-2xl { font-size: 2.44rem; } .font-alt-3xl { font-size: 2.93rem; } .font-ui-3xs { font-size: 0.81rem; } .font-ui-2xs { font-size: 0.88rem; } .font-ui-xs { font-size: 0.94rem; } .font-ui-sm { font-size: 1rem; } .font-ui-md { font-size: 1.06rem; } .font-ui-lg { font-size: 1.38rem; } .font-ui-xl { font-size: 2rem; } .font-ui-2xl { font-size: 2.5rem; } .font-ui-3xl { font-size: 3rem; } .font-family-lang { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } .font-family-mono { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace; } .font-family-sans { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } .font-family-serif { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; } .font-family-ui { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } .font-family-heading { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; } .font-family-body { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } .font-family-code { font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace; } .font-family-alt { font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; } .text-tabular { font-feature-settings: "tnum" 1, "kern" 1; } .text-no-tabular { font-feature-settings: "kern" 1; } .text-italic { font-style: italic; } .text-no-italic { font-style: normal; } .text-light { font-weight: 300; } .text-normal { font-weight: normal; } .text-bold { font-weight: 700; } .height-1px { height: 1px; } .height-2px { height: 2px; } .height-05 { height: 0.25rem; } .height-1 { height: 0.5rem; } .height-105 { height: 0.75rem; } .height-2 { height: 1rem; } .height-205 { height: 1.25rem; } .height-3 { height: 1.5rem; } .height-4 { height: 2rem; } .height-5 { height: 2.5rem; } .height-6 { height: 3rem; } .height-7 { height: 3.5rem; } .height-8 { height: 4rem; } .height-9 { height: 4.5rem; } .height-10 { height: 5rem; } .height-15 { height: 7.5rem; } .height-card { height: 10rem; } .height-card-lg { height: 15rem; } .height-mobile { height: 20rem; } .height-0 { height: 0; } .height-auto { height: auto; } .height-full { height: 100%; } .height-viewport { height: 100vh; } .flex-justify-center { justify-content: center; } .flex-justify-start { justify-content: flex-start; } .flex-justify-end { justify-content: flex-end; } .flex-justify { justify-content: space-between; } .left-1px { left: 1px; } .left-2px { left: 2px; } .left-05 { left: 0.25rem; } .left-1 { left: 0.5rem; } .left-105 { left: 0.75rem; } .left-2 { left: 1rem; } .left-205 { left: 1.25rem; } .left-3 { left: 1.5rem; } .left-neg-1px { left: -1px; } .left-neg-2px { left: -2px; } .left-neg-05 { left: -0.25rem; } .left-neg-1 { left: -0.5rem; } .left-neg-105 { left: -0.75rem; } .left-neg-2 { left: -1rem; } .left-neg-205 { left: -1.25rem; } .left-neg-3 { left: -1.5rem; } .left-0 { left: 0; } .left-auto { left: auto; } .left-full { left: 100%; } .text-ls-auto { letter-spacing: initial; } .text-ls-neg-3 { letter-spacing: -0.03em; } .text-ls-neg-2 { letter-spacing: -0.02em; } .text-ls-neg-1 { letter-spacing: -0.01em; } .text-ls-1 { letter-spacing: 0.025em; } .text-ls-2 { letter-spacing: 0.1em; } .text-ls-3 { letter-spacing: 0.15em; } .line-height-sans-1 { line-height: 1; } .line-height-sans-2 { line-height: 1.2; } .line-height-sans-3 { line-height: 1.4; } .line-height-sans-4 { line-height: 1.5; } .line-height-sans-5 { line-height: 1.6; } .line-height-sans-6 { line-height: 1.8; } .line-height-serif-1 { line-height: 1; } .line-height-serif-2 { line-height: 1.2; } .line-height-serif-3 { line-height: 1.4; } .line-height-serif-4 { line-height: 1.5; } .line-height-serif-5 { line-height: 1.7; } .line-height-serif-6 { line-height: 1.8; } .line-height-mono-1 { line-height: 1; } .line-height-mono-2 { line-height: 1.3; } .line-height-mono-3 { line-height: 1.4; } .line-height-mono-4 { line-height: 1.6; } .line-height-mono-5 { line-height: 1.7; } .line-height-mono-6 { line-height: 1.8; } .line-height-heading-1 { line-height: 1; } .line-height-heading-2 { line-height: 1.2; } .line-height-heading-3 { line-height: 1.4; } .line-height-heading-4 { line-height: 1.5; } .line-height-heading-5 { line-height: 1.7; } .line-height-heading-6 { line-height: 1.8; } .line-height-ui-1 { line-height: 1; } .line-height-ui-2 { line-height: 1.2; } .line-height-ui-3 { line-height: 1.4; } .line-height-ui-4 { line-height: 1.5; } .line-height-ui-5 { line-height: 1.6; } .line-height-ui-6 { line-height: 1.8; } .line-height-body-1 { line-height: 1; } .line-height-body-2 { line-height: 1.2; } .line-height-body-3 { line-height: 1.4; } .line-height-body-4 { line-height: 1.5; } .line-height-body-5 { line-height: 1.6; } .line-height-body-6 { line-height: 1.8; } .line-height-code-1 { line-height: 1; } .line-height-code-2 { line-height: 1.3; } .line-height-code-3 { line-height: 1.4; } .line-height-code-4 { line-height: 1.6; } .line-height-code-5 { line-height: 1.7; } .line-height-code-6 { line-height: 1.8; } .line-height-alt-1 { line-height: 1; } .line-height-alt-2 { line-height: 1.2; } .line-height-alt-3 { line-height: 1.4; } .line-height-alt-4 { line-height: 1.5; } .line-height-alt-5 { line-height: 1.7; } .line-height-alt-6 { line-height: 1.8; } .margin-neg-1px { margin: -1px; } .margin-neg-2px { margin: -2px; } .margin-neg-05 { margin: -0.25rem; } .margin-neg-1 { margin: -0.5rem; } .margin-neg-105 { margin: -0.75rem; } .margin-neg-2 { margin: -1rem; } .margin-neg-205 { margin: -1.25rem; } .margin-neg-3 { margin: -1.5rem; } .margin-1px { margin: 1px; } .margin-2px { margin: 2px; } .margin-05 { margin: 0.25rem; } .margin-1 { margin: 0.5rem; } .margin-105 { margin: 0.75rem; } .margin-2 { margin: 1rem; } .margin-205 { margin: 1.25rem; } .margin-3 { margin: 1.5rem; } .margin-neg-4 { margin: -2rem; } .margin-neg-5 { margin: -2.5rem; } .margin-neg-6 { margin: -3rem; } .margin-neg-7 { margin: -3.5rem; } .margin-neg-8 { margin: -4rem; } .margin-neg-9 { margin: -4.5rem; } .margin-neg-10 { margin: -5rem; } .margin-neg-15 { margin: -7.5rem; } .margin-4 { margin: 2rem; } .margin-5 { margin: 2.5rem; } .margin-6 { margin: 3rem; } .margin-7 { margin: 3.5rem; } .margin-8 { margin: 4rem; } .margin-9 { margin: 4.5rem; } .margin-10 { margin: 5rem; } .margin-15 { margin: 7.5rem; } .margin-05em { margin: 0.5em; } .margin-1em { margin: 1em; } .margin-105em { margin: 1.5em; } .margin-2em { margin: 2em; } .margin-0 { margin: 0; } .margin-y-1px { margin-top: 1px; margin-bottom: 1px; } .margin-top-1px { margin-top: 1px; } .margin-bottom-1px { margin-bottom: 1px; } .margin-y-2px { margin-top: 2px; margin-bottom: 2px; } .margin-top-2px { margin-top: 2px; } .margin-bottom-2px { margin-bottom: 2px; } .margin-y-05 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .margin-top-05 { margin-top: 0.25rem; } .margin-bottom-05 { margin-bottom: 0.25rem; } .margin-y-1 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .margin-top-1 { margin-top: 0.5rem; } .margin-bottom-1 { margin-bottom: 0.5rem; } .margin-y-105 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .margin-top-105 { margin-top: 0.75rem; } .margin-bottom-105 { margin-bottom: 0.75rem; } .margin-y-2 { margin-top: 1rem; margin-bottom: 1rem; } .margin-top-2 { margin-top: 1rem; } .margin-bottom-2 { margin-bottom: 1rem; } .margin-y-205 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .margin-top-205 { margin-top: 1.25rem; } .margin-bottom-205 { margin-bottom: 1.25rem; } .margin-y-3 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .margin-top-3 { margin-top: 1.5rem; } .margin-bottom-3 { margin-bottom: 1.5rem; } .margin-y-neg-1px { margin-top: -1px; margin-bottom: -1px; } .margin-top-neg-1px { margin-top: -1px; } .margin-bottom-neg-1px { margin-bottom: -1px; } .margin-y-neg-2px { margin-top: -2px; margin-bottom: -2px; } .margin-top-neg-2px { margin-top: -2px; } .margin-bottom-neg-2px { margin-bottom: -2px; } .margin-y-neg-05 { margin-top: -0.25rem; margin-bottom: -0.25rem; } .margin-top-neg-05 { margin-top: -0.25rem; } .margin-bottom-neg-05 { margin-bottom: -0.25rem; } .margin-y-neg-1 { margin-top: -0.5rem; margin-bottom: -0.5rem; } .margin-top-neg-1 { margin-top: -0.5rem; } .margin-bottom-neg-1 { margin-bottom: -0.5rem; } .margin-y-neg-105 { margin-top: -0.75rem; margin-bottom: -0.75rem; } .margin-top-neg-105 { margin-top: -0.75rem; } .margin-bottom-neg-105 { margin-bottom: -0.75rem; } .margin-y-neg-2 { margin-top: -1rem; margin-bottom: -1rem; } .margin-top-neg-2 { margin-top: -1rem; } .margin-bottom-neg-2 { margin-bottom: -1rem; } .margin-y-neg-205 { margin-top: -1.25rem; margin-bottom: -1.25rem; } .margin-top-neg-205 { margin-top: -1.25rem; } .margin-bottom-neg-205 { margin-bottom: -1.25rem; } .margin-y-neg-3 { margin-top: -1.5rem; margin-bottom: -1.5rem; } .margin-top-neg-3 { margin-top: -1.5rem; } .margin-bottom-neg-3 { margin-bottom: -1.5rem; } .margin-y-neg-4 { margin-top: -2rem; margin-bottom: -2rem; } .margin-top-neg-4 { margin-top: -2rem; } .margin-bottom-neg-4 { margin-bottom: -2rem; } .margin-y-neg-5 { margin-top: -2.5rem; margin-bottom: -2.5rem; } .margin-top-neg-5 { margin-top: -2.5rem; } .margin-bottom-neg-5 { margin-bottom: -2.5rem; } .margin-y-neg-6 { margin-top: -3rem; margin-bottom: -3rem; } .margin-top-neg-6 { margin-top: -3rem; } .margin-bottom-neg-6 { margin-bottom: -3rem; } .margin-y-neg-7 { margin-top: -3.5rem; margin-bottom: -3.5rem; } .margin-top-neg-7 { margin-top: -3.5rem; } .margin-bottom-neg-7 { margin-bottom: -3.5rem; } .margin-y-neg-8 { margin-top: -4rem; margin-bottom: -4rem; } .margin-top-neg-8 { margin-top: -4rem; } .margin-bottom-neg-8 { margin-bottom: -4rem; } .margin-y-neg-9 { margin-top: -4.5rem; margin-bottom: -4.5rem; } .margin-top-neg-9 { margin-top: -4.5rem; } .margin-bottom-neg-9 { margin-bottom: -4.5rem; } .margin-y-neg-10 { margin-top: -5rem; margin-bottom: -5rem; } .margin-top-neg-10 { margin-top: -5rem; } .margin-bottom-neg-10 { margin-bottom: -5rem; } .margin-y-neg-15 { margin-top: -7.5rem; margin-bottom: -7.5rem; } .margin-top-neg-15 { margin-top: -7.5rem; } .margin-bottom-neg-15 { margin-bottom: -7.5rem; } .margin-y-4 { margin-top: 2rem; margin-bottom: 2rem; } .margin-top-4 { margin-top: 2rem; } .margin-bottom-4 { margin-bottom: 2rem; } .margin-y-5 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .margin-top-5 { margin-top: 2.5rem; } .margin-bottom-5 { margin-bottom: 2.5rem; } .margin-y-6 { margin-top: 3rem; margin-bottom: 3rem; } .margin-top-6 { margin-top: 3rem; } .margin-bottom-6 { margin-bottom: 3rem; } .margin-y-7 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .margin-top-7 { margin-top: 3.5rem; } .margin-bottom-7 { margin-bottom: 3.5rem; } .margin-y-8 { margin-top: 4rem; margin-bottom: 4rem; } .margin-top-8 { margin-top: 4rem; } .margin-bottom-8 { margin-bottom: 4rem; } .margin-y-9 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .margin-top-9 { margin-top: 4.5rem; } .margin-bottom-9 { margin-bottom: 4.5rem; } .margin-y-10 { margin-top: 5rem; margin-bottom: 5rem; } .margin-top-10 { margin-top: 5rem; } .margin-bottom-10 { margin-bottom: 5rem; } .margin-y-15 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .margin-top-15 { margin-top: 7.5rem; } .margin-bottom-15 { margin-bottom: 7.5rem; } .margin-y-05em { margin-top: 0.5em; margin-bottom: 0.5em; } .margin-top-05em { margin-top: 0.5em; } .margin-bottom-05em { margin-bottom: 0.5em; } .margin-y-1em { margin-top: 1em; margin-bottom: 1em; } .margin-top-1em { margin-top: 1em; } .margin-bottom-1em { margin-bottom: 1em; } .margin-y-105em { margin-top: 1.5em; margin-bottom: 1.5em; } .margin-top-105em { margin-top: 1.5em; } .margin-bottom-105em { margin-bottom: 1.5em; } .margin-y-2em { margin-top: 2em; margin-bottom: 2em; } .margin-top-2em { margin-top: 2em; } .margin-bottom-2em { margin-bottom: 2em; } .margin-y-0 { margin-top: 0; margin-bottom: 0; } .margin-top-0 { margin-top: 0; } .margin-bottom-0 { margin-bottom: 0; } .margin-y-auto { margin-top: auto; margin-bottom: auto; } .margin-top-auto { margin-top: auto; } .margin-bottom-auto { margin-bottom: auto; } .margin-x-1px { margin-left: 1px; margin-right: 1px; } .margin-right-1px { margin-right: 1px; } .margin-left-1px { margin-left: 1px; } .margin-x-2px { margin-left: 2px; margin-right: 2px; } .margin-right-2px { margin-right: 2px; } .margin-left-2px { margin-left: 2px; } .margin-x-05 { margin-left: 0.25rem; margin-right: 0.25rem; } .margin-right-05 { margin-right: 0.25rem; } .margin-left-05 { margin-left: 0.25rem; } .margin-x-1 { margin-left: 0.5rem; margin-right: 0.5rem; } .margin-right-1 { margin-right: 0.5rem; } .margin-left-1 { margin-left: 0.5rem; } .margin-x-105 { margin-left: 0.75rem; margin-right: 0.75rem; } .margin-right-105 { margin-right: 0.75rem; } .margin-left-105 { margin-left: 0.75rem; } .margin-x-2 { margin-left: 1rem; margin-right: 1rem; } .margin-right-2 { margin-right: 1rem; } .margin-left-2 { margin-left: 1rem; } .margin-x-205 { margin-left: 1.25rem; margin-right: 1.25rem; } .margin-right-205 { margin-right: 1.25rem; } .margin-left-205 { margin-left: 1.25rem; } .margin-x-3 { margin-left: 1.5rem; margin-right: 1.5rem; } .margin-right-3 { margin-right: 1.5rem; } .margin-left-3 { margin-left: 1.5rem; } .margin-x-neg-1px { margin-left: -1px; margin-right: -1px; } .margin-right-neg-1px { margin-right: -1px; } .margin-left-neg-1px { margin-left: -1px; } .margin-x-neg-2px { margin-left: -2px; margin-right: -2px; } .margin-right-neg-2px { margin-right: -2px; } .margin-left-neg-2px { margin-left: -2px; } .margin-x-neg-05 { margin-left: -0.25rem; margin-right: -0.25rem; } .margin-right-neg-05 { margin-right: -0.25rem; } .margin-left-neg-05 { margin-left: -0.25rem; } .margin-x-neg-1 { margin-left: -0.5rem; margin-right: -0.5rem; } .margin-right-neg-1 { margin-right: -0.5rem; } .margin-left-neg-1 { margin-left: -0.5rem; } .margin-x-neg-105 { margin-left: -0.75rem; margin-right: -0.75rem; } .margin-right-neg-105 { margin-right: -0.75rem; } .margin-left-neg-105 { margin-left: -0.75rem; } .margin-x-neg-2 { margin-left: -1rem; margin-right: -1rem; } .margin-right-neg-2 { margin-right: -1rem; } .margin-left-neg-2 { margin-left: -1rem; } .margin-x-neg-205 { margin-left: -1.25rem; margin-right: -1.25rem; } .margin-right-neg-205 { margin-right: -1.25rem; } .margin-left-neg-205 { margin-left: -1.25rem; } .margin-x-neg-3 { margin-left: -1.5rem; margin-right: -1.5rem; } .margin-right-neg-3 { margin-right: -1.5rem; } .margin-left-neg-3 { margin-left: -1.5rem; } .margin-x-neg-4 { margin-left: -2rem; margin-right: -2rem; } .margin-right-neg-4 { margin-right: -2rem; } .margin-left-neg-4 { margin-left: -2rem; } .margin-x-neg-5 { margin-left: -2.5rem; margin-right: -2.5rem; } .margin-right-neg-5 { margin-right: -2.5rem; } .margin-left-neg-5 { margin-left: -2.5rem; } .margin-x-neg-6 { margin-left: -3rem; margin-right: -3rem; } .margin-right-neg-6 { margin-right: -3rem; } .margin-left-neg-6 { margin-left: -3rem; } .margin-x-neg-7 { margin-left: -3.5rem; margin-right: -3.5rem; } .margin-right-neg-7 { margin-right: -3.5rem; } .margin-left-neg-7 { margin-left: -3.5rem; } .margin-x-neg-8 { margin-left: -4rem; margin-right: -4rem; } .margin-right-neg-8 { margin-right: -4rem; } .margin-left-neg-8 { margin-left: -4rem; } .margin-x-neg-9 { margin-left: -4.5rem; margin-right: -4.5rem; } .margin-right-neg-9 { margin-right: -4.5rem; } .margin-left-neg-9 { margin-left: -4.5rem; } .margin-x-neg-10 { margin-left: -5rem; margin-right: -5rem; } .margin-right-neg-10 { margin-right: -5rem; } .margin-left-neg-10 { margin-left: -5rem; } .margin-x-neg-15 { margin-left: -7.5rem; margin-right: -7.5rem; } .margin-right-neg-15 { margin-right: -7.5rem; } .margin-left-neg-15 { margin-left: -7.5rem; } .margin-x-4 { margin-left: 2rem; margin-right: 2rem; } .margin-right-4 { margin-right: 2rem; } .margin-left-4 { margin-left: 2rem; } .margin-x-5 { margin-left: 2.5rem; margin-right: 2.5rem; } .margin-right-5 { margin-right: 2.5rem; } .margin-left-5 { margin-left: 2.5rem; } .margin-x-6 { margin-left: 3rem; margin-right: 3rem; } .margin-right-6 { margin-right: 3rem; } .margin-left-6 { margin-left: 3rem; } .margin-x-7 { margin-left: 3.5rem; margin-right: 3.5rem; } .margin-right-7 { margin-right: 3.5rem; } .margin-left-7 { margin-left: 3.5rem; } .margin-x-8 { margin-left: 4rem; margin-right: 4rem; } .margin-right-8 { margin-right: 4rem; } .margin-left-8 { margin-left: 4rem; } .margin-x-9 { margin-left: 4.5rem; margin-right: 4.5rem; } .margin-right-9 { margin-right: 4.5rem; } .margin-left-9 { margin-left: 4.5rem; } .margin-x-10 { margin-left: 5rem; margin-right: 5rem; } .margin-right-10 { margin-right: 5rem; } .margin-left-10 { margin-left: 5rem; } .margin-x-15 { margin-left: 7.5rem; margin-right: 7.5rem; } .margin-right-15 { margin-right: 7.5rem; } .margin-left-15 { margin-left: 7.5rem; } .margin-x-card { margin-left: 10rem; margin-right: 10rem; } .margin-right-card { margin-right: 10rem; } .margin-left-card { margin-left: 10rem; } .margin-x-card-lg { margin-left: 15rem; margin-right: 15rem; } .margin-right-card-lg { margin-right: 15rem; } .margin-left-card-lg { margin-left: 15rem; } .margin-x-mobile { margin-left: 20rem; margin-right: 20rem; } .margin-right-mobile { margin-right: 20rem; } .margin-left-mobile { margin-left: 20rem; } .margin-x-05em { margin-left: 0.5em; margin-right: 0.5em; } .margin-right-05em { margin-right: 0.5em; } .margin-left-05em { margin-left: 0.5em; } .margin-x-1em { margin-left: 1em; margin-right: 1em; } .margin-right-1em { margin-right: 1em; } .margin-left-1em { margin-left: 1em; } .margin-x-105em { margin-left: 1.5em; margin-right: 1.5em; } .margin-right-105em { margin-right: 1.5em; } .margin-left-105em { margin-left: 1.5em; } .margin-x-2em { margin-left: 2em; margin-right: 2em; } .margin-right-2em { margin-right: 2em; } .margin-left-2em { margin-left: 2em; } .margin-x-0 { margin-left: 0; margin-right: 0; } .margin-right-0 { margin-right: 0; } .margin-left-0 { margin-left: 0; } .margin-x-auto { margin-left: auto; margin-right: auto; } .margin-right-auto { margin-right: auto; } .margin-left-auto { margin-left: auto; } .maxh-05 { max-height: 0.25rem; } .maxh-1 { max-height: 0.5rem; } .maxh-105 { max-height: 0.75rem; } .maxh-2 { max-height: 1rem; } .maxh-205 { max-height: 1.25rem; } .maxh-3 { max-height: 1.5rem; } .maxh-4 { max-height: 2rem; } .maxh-5 { max-height: 2.5rem; } .maxh-6 { max-height: 3rem; } .maxh-7 { max-height: 3.5rem; } .maxh-8 { max-height: 4rem; } .maxh-9 { max-height: 4.5rem; } .maxh-10 { max-height: 5rem; } .maxh-15 { max-height: 7.5rem; } .maxh-card { max-height: 10rem; } .maxh-card-lg { max-height: 15rem; } .maxh-mobile { max-height: 20rem; } .maxh-mobile-lg { max-height: 30rem; } .maxh-tablet { max-height: 40rem; } .maxh-tablet-lg { max-height: 55rem; } .maxh-none { max-height: none; } .maxh-viewport { max-height: 100vh; } .maxw-05 { max-width: 0.25rem; } .maxw-1 { max-width: 0.5rem; } .maxw-105 { max-width: 0.75rem; } .maxw-2 { max-width: 1rem; } .maxw-205 { max-width: 1.25rem; } .maxw-3 { max-width: 1.5rem; } .maxw-4 { max-width: 2rem; } .maxw-5 { max-width: 2.5rem; } .maxw-6 { max-width: 3rem; } .maxw-7 { max-width: 3.5rem; } .maxw-8 { max-width: 4rem; } .maxw-9 { max-width: 4.5rem; } .maxw-10 { max-width: 5rem; } .maxw-15 { max-width: 7.5rem; } .maxw-card { max-width: 10rem; } .maxw-card-lg { max-width: 15rem; } .maxw-mobile { max-width: 20rem; } .maxw-mobile-lg { max-width: 30rem; } .maxw-tablet { max-width: 40rem; } .maxw-tablet-lg { max-width: 55rem; } .maxw-desktop { max-width: 64rem; } .maxw-desktop-lg { max-width: 75rem; } .maxw-widescreen { max-width: 87.5rem; } .maxw-none { max-width: none; } .maxw-full { max-width: 100%; } .measure-1 { max-width: 44ex; } .measure-2 { max-width: 60ex; } .measure-3 { max-width: 64ex; } .measure-4 { max-width: 68ex; } .measure-5 { max-width: 72ex; } .measure-6 { max-width: 88ex; } .measure-none { max-width: none; } .minh-1px { min-height: 1px; } .minh-2px { min-height: 2px; } .minh-05 { min-height: 0.25rem; } .minh-1 { min-height: 0.5rem; } .minh-105 { min-height: 0.75rem; } .minh-2 { min-height: 1rem; } .minh-205 { min-height: 1.25rem; } .minh-3 { min-height: 1.5rem; } .minh-4 { min-height: 2rem; } .minh-5 { min-height: 2.5rem; } .minh-6 { min-height: 3rem; } .minh-7 { min-height: 3.5rem; } .minh-8 { min-height: 4rem; } .minh-9 { min-height: 4.5rem; } .minh-10 { min-height: 5rem; } .minh-15 { min-height: 7.5rem; } .minh-card { min-height: 10rem; } .minh-card-lg { min-height: 15rem; } .minh-mobile { min-height: 20rem; } .minh-mobile-lg { min-height: 30rem; } .minh-tablet { min-height: 40rem; } .minh-tablet-lg { min-height: 55rem; } .minh-0 { min-height: 0; } .minh-full { min-height: 100%; } .minh-viewport { min-height: 100vh; } .minw-05 { min-width: 0.25rem; } .minw-1 { min-width: 0.5rem; } .minw-105 { min-width: 0.75rem; } .minw-2 { min-width: 1rem; } .minw-205 { min-width: 1.25rem; } .minw-3 { min-width: 1.5rem; } .minw-4 { min-width: 2rem; } .minw-5 { min-width: 2.5rem; } .minw-6 { min-width: 3rem; } .minw-7 { min-width: 3.5rem; } .minw-8 { min-width: 4rem; } .minw-9 { min-width: 4.5rem; } .minw-10 { min-width: 5rem; } .minw-15 { min-width: 7.5rem; } .minw-0 { min-width: 0; } .opacity-0 { opacity: 0; } .opacity-10 { opacity: 0.1; } .opacity-20 { opacity: 0.2; } .opacity-30 { opacity: 0.3; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .opacity-100 { opacity: 1; } .order-first { order: -1; } .order-last { order: 999; } .order-initial { order: initial; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .outline-1px { outline: 1px solid; } .outline-2px { outline: 2px solid; } .outline-0 { outline: 0 solid; } .outline-05 { outline: 0.25rem solid; } .outline-transparent { outline-color: transparent; } .outline-black { outline-color: black; } .outline-white { outline-color: white; } .outline-red { outline-color: #e52207; } .outline-orange { outline-color: #e66f0e; } .outline-gold { outline-color: #ffbe2e; } .outline-yellow { outline-color: #fee685; } .outline-green { outline-color: #538200; } .outline-mint { outline-color: #04c585; } .outline-cyan { outline-color: #009ec1; } .outline-blue { outline-color: #0076d6; } .outline-indigo { outline-color: #676cc8; } .outline-violet { outline-color: #8168b3; } .outline-magenta { outline-color: #d72d79; } .outline-gray-5 { outline-color: #f0f0f0; } .outline-gray-10 { outline-color: #e6e6e6; } .outline-gray-30 { outline-color: #adadad; } .outline-gray-50 { outline-color: #757575; } .outline-gray-70 { outline-color: #454545; } .outline-gray-90 { outline-color: #1b1b1b; } .outline-base-lightest { outline-color: #f0f0f0; } .outline-base-lighter { outline-color: #dfe1e2; } .outline-base-light { outline-color: #a9aeb1; } .outline-base { outline-color: #71767a; } .outline-base-dark { outline-color: #565c65; } .outline-base-darker { outline-color: #3d4551; } .outline-base-darkest { outline-color: #1b1b1b; } .outline-ink { outline-color: #1b1b1b; } .outline-primary-lighter { outline-color: #d9e8f6; } .outline-primary-light { outline-color: #73b3e7; } .outline-primary { outline-color: #005ea2; } .outline-primary-vivid { outline-color: #0050d8; } .outline-primary-dark { outline-color: #1a4480; } .outline-primary-darker { outline-color: #252f3e; } .outline-secondary-lighter { outline-color: #f2e4d4; } .outline-secondary-light { outline-color: #ffbc78; } .outline-secondary { outline-color: #fa9441; } .outline-secondary-dark { outline-color: #c05600; } .outline-secondary-darker { outline-color: #775540; } .outline-accent-warm-darker { outline-color: #8b0a03; } .outline-accent-warm-dark { outline-color: #b50909; } .outline-accent-warm { outline-color: #d83933; } .outline-accent-warm-light { outline-color: #f2938c; } .outline-accent-warm-lighter { outline-color: #f8dfe2; } .outline-accent-cool-darker { outline-color: #07648d; } .outline-accent-cool-dark { outline-color: #28a0cb; } .outline-accent-cool { outline-color: #00bde3; } .outline-accent-cool-light { outline-color: #97d4ea; } .outline-accent-cool-lighter { outline-color: #e1f3f8; } .outline-error-lighter { outline-color: #f4e3db; } .outline-error-light { outline-color: #f39268; } .outline-error { outline-color: #d54309; } .outline-error-dark { outline-color: #b50909; } .outline-error-darker { outline-color: #6f3331; } .outline-warning-lighter { outline-color: #faf3d1; } .outline-warning-light { outline-color: #fee685; } .outline-warning { outline-color: #ffbe2e; } .outline-warning-dark { outline-color: #e5a000; } .outline-warning-darker { outline-color: #936f38; } .outline-success-lighter { outline-color: #ecf3ec; } .outline-success-light { outline-color: #70e17b; } .outline-success { outline-color: #00a91c; } .outline-success-dark { outline-color: #008817; } .outline-success-darker { outline-color: #216e1f; } .outline-info-lighter { outline-color: #e7f6f8; } .outline-info-light { outline-color: #99deea; } .outline-info { outline-color: #00bde3; } .outline-info-dark { outline-color: #009ec1; } .outline-info-darker { outline-color: #2e6276; } .outline-disabled-lighter { outline-color: #c9c9c9; } .outline-disabled-light { outline-color: #919191; } .outline-disabled { outline-color: #757575; } .outline-disabled-dark { outline-color: #454545; } .outline-disabled-darker { outline-color: #1b1b1b; } .outline-emergency { outline-color: #9c3d10; } .outline-emergency-dark { outline-color: #332d29; } .overflow-hidden { overflow: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-scroll { overflow: scroll; } .overflow-y-scroll { overflow-y: scroll; } .overflow-x-scroll { overflow-x: scroll; } .overflow-auto { overflow: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-auto { overflow-x: auto; } .overflow-visible { overflow: visible; } .overflow-y-visible { overflow-y: visible; } .overflow-x-visible { overflow-x: visible; } .padding-1px { padding: 1px; } .padding-y-1px { padding-top: 1px; padding-bottom: 1px; } .padding-x-1px { padding-left: 1px; padding-right: 1px; } .padding-top-1px { padding-top: 1px; } .padding-right-1px { padding-right: 1px; } .padding-bottom-1px { padding-bottom: 1px; } .padding-left-1px { padding-left: 1px; } .padding-2px { padding: 2px; } .padding-y-2px { padding-top: 2px; padding-bottom: 2px; } .padding-x-2px { padding-left: 2px; padding-right: 2px; } .padding-top-2px { padding-top: 2px; } .padding-right-2px { padding-right: 2px; } .padding-bottom-2px { padding-bottom: 2px; } .padding-left-2px { padding-left: 2px; } .padding-05 { padding: 0.25rem; } .padding-y-05 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .padding-x-05 { padding-left: 0.25rem; padding-right: 0.25rem; } .padding-top-05 { padding-top: 0.25rem; } .padding-right-05 { padding-right: 0.25rem; } .padding-bottom-05 { padding-bottom: 0.25rem; } .padding-left-05 { padding-left: 0.25rem; } .padding-1 { padding: 0.5rem; } .padding-y-1 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .padding-x-1 { padding-left: 0.5rem; padding-right: 0.5rem; } .padding-top-1 { padding-top: 0.5rem; } .padding-right-1 { padding-right: 0.5rem; } .padding-bottom-1 { padding-bottom: 0.5rem; } .padding-left-1 { padding-left: 0.5rem; } .padding-105 { padding: 0.75rem; } .padding-y-105 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .padding-x-105 { padding-left: 0.75rem; padding-right: 0.75rem; } .padding-top-105 { padding-top: 0.75rem; } .padding-right-105 { padding-right: 0.75rem; } .padding-bottom-105 { padding-bottom: 0.75rem; } .padding-left-105 { padding-left: 0.75rem; } .padding-2 { padding: 1rem; } .padding-y-2 { padding-top: 1rem; padding-bottom: 1rem; } .padding-x-2 { padding-left: 1rem; padding-right: 1rem; } .padding-top-2 { padding-top: 1rem; } .padding-right-2 { padding-right: 1rem; } .padding-bottom-2 { padding-bottom: 1rem; } .padding-left-2 { padding-left: 1rem; } .padding-205 { padding: 1.25rem; } .padding-y-205 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .padding-x-205 { padding-left: 1.25rem; padding-right: 1.25rem; } .padding-top-205 { padding-top: 1.25rem; } .padding-right-205 { padding-right: 1.25rem; } .padding-bottom-205 { padding-bottom: 1.25rem; } .padding-left-205 { padding-left: 1.25rem; } .padding-3 { padding: 1.5rem; } .padding-y-3 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .padding-x-3 { padding-left: 1.5rem; padding-right: 1.5rem; } .padding-top-3 { padding-top: 1.5rem; } .padding-right-3 { padding-right: 1.5rem; } .padding-bottom-3 { padding-bottom: 1.5rem; } .padding-left-3 { padding-left: 1.5rem; } .padding-4 { padding: 2rem; } .padding-y-4 { padding-top: 2rem; padding-bottom: 2rem; } .padding-x-4 { padding-left: 2rem; padding-right: 2rem; } .padding-top-4 { padding-top: 2rem; } .padding-right-4 { padding-right: 2rem; } .padding-bottom-4 { padding-bottom: 2rem; } .padding-left-4 { padding-left: 2rem; } .padding-5 { padding: 2.5rem; } .padding-y-5 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .padding-x-5 { padding-left: 2.5rem; padding-right: 2.5rem; } .padding-top-5 { padding-top: 2.5rem; } .padding-right-5 { padding-right: 2.5rem; } .padding-bottom-5 { padding-bottom: 2.5rem; } .padding-left-5 { padding-left: 2.5rem; } .padding-6 { padding: 3rem; } .padding-y-6 { padding-top: 3rem; padding-bottom: 3rem; } .padding-x-6 { padding-left: 3rem; padding-right: 3rem; } .padding-top-6 { padding-top: 3rem; } .padding-right-6 { padding-right: 3rem; } .padding-bottom-6 { padding-bottom: 3rem; } .padding-left-6 { padding-left: 3rem; } .padding-7 { padding: 3.5rem; } .padding-y-7 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .padding-x-7 { padding-left: 3.5rem; padding-right: 3.5rem; } .padding-top-7 { padding-top: 3.5rem; } .padding-right-7 { padding-right: 3.5rem; } .padding-bottom-7 { padding-bottom: 3.5rem; } .padding-left-7 { padding-left: 3.5rem; } .padding-8 { padding: 4rem; } .padding-y-8 { padding-top: 4rem; padding-bottom: 4rem; } .padding-x-8 { padding-left: 4rem; padding-right: 4rem; } .padding-top-8 { padding-top: 4rem; } .padding-right-8 { padding-right: 4rem; } .padding-bottom-8 { padding-bottom: 4rem; } .padding-left-8 { padding-left: 4rem; } .padding-9 { padding: 4.5rem; } .padding-y-9 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .padding-x-9 { padding-left: 4.5rem; padding-right: 4.5rem; } .padding-top-9 { padding-top: 4.5rem; } .padding-right-9 { padding-right: 4.5rem; } .padding-bottom-9 { padding-bottom: 4.5rem; } .padding-left-9 { padding-left: 4.5rem; } .padding-10 { padding: 5rem; } .padding-y-10 { padding-top: 5rem; padding-bottom: 5rem; } .padding-x-10 { padding-left: 5rem; padding-right: 5rem; } .padding-top-10 { padding-top: 5rem; } .padding-right-10 { padding-right: 5rem; } .padding-bottom-10 { padding-bottom: 5rem; } .padding-left-10 { padding-left: 5rem; } .padding-15 { padding: 7.5rem; } .padding-y-15 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .padding-x-15 { padding-left: 7.5rem; padding-right: 7.5rem; } .padding-top-15 { padding-top: 7.5rem; } .padding-right-15 { padding-right: 7.5rem; } .padding-bottom-15 { padding-bottom: 7.5rem; } .padding-left-15 { padding-left: 7.5rem; } .padding-0 { padding: 0; } .padding-y-0 { padding-top: 0; padding-bottom: 0; } .padding-x-0 { padding-left: 0; padding-right: 0; } .padding-top-0 { padding-top: 0; } .padding-right-0 { padding-right: 0; } .padding-bottom-0 { padding-bottom: 0; } .padding-left-0 { padding-left: 0; } .pin-all { bottom: 0; left: 0; right: 0; top: 0; position: absolute; } .pin-x { left: 0; right: 0; position: absolute; } .pin-y { bottom: 0; top: 0; position: absolute; } .pin-bottom { bottom: 0; position: absolute; } .pin-left { left: 0; position: absolute; } .pin-right { right: 0; position: absolute; } .pin-top { top: 0; position: absolute; } .pin-none { bottom: auto; left: auto; right: auto; top: auto; position: static; } .position-absolute { position: absolute; } .position-fixed { position: fixed; } .position-relative { position: relative; } .position-static { position: static; } .position-sticky { position: sticky; } .right-1px { right: 1px; } .right-2px { right: 2px; } .right-05 { right: 0.25rem; } .right-1 { right: 0.5rem; } .right-105 { right: 0.75rem; } .right-2 { right: 1rem; } .right-205 { right: 1.25rem; } .right-3 { right: 1.5rem; } .right-neg-1px { right: -1px; } .right-neg-2px { right: -2px; } .right-neg-05 { right: -0.25rem; } .right-neg-1 { right: -0.5rem; } .right-neg-105 { right: -0.75rem; } .right-neg-2 { right: -1rem; } .right-neg-205 { right: -1.25rem; } .right-neg-3 { right: -1.5rem; } .right-0 { right: 0; } .right-auto { right: auto; } .right-full { right: 100%; } .square-1px { height: 1px; width: 1px; } .square-2px { height: 2px; width: 2px; } .square-05 { height: 0.25rem; width: 0.25rem; } .square-1 { height: 0.5rem; width: 0.5rem; } .square-105 { height: 0.75rem; width: 0.75rem; } .square-2 { height: 1rem; width: 1rem; } .square-205 { height: 1.25rem; width: 1.25rem; } .square-3 { height: 1.5rem; width: 1.5rem; } .square-4 { height: 2rem; width: 2rem; } .square-5 { height: 2.5rem; width: 2.5rem; } .square-6 { height: 3rem; width: 3rem; } .square-7 { height: 3.5rem; width: 3.5rem; } .square-8 { height: 4rem; width: 4rem; } .square-9 { height: 4.5rem; width: 4.5rem; } .square-10 { height: 5rem; width: 5rem; } .square-15 { height: 7.5rem; width: 7.5rem; } .square-card { height: 10rem; width: 10rem; } .square-card-lg { height: 15rem; width: 15rem; } .square-mobile { height: 20rem; width: 20rem; } .text-center { text-align: center; } .text-left { text-align: left; } .text-justify { text-align: justify; } .text-right { text-align: right; } .text-strike { text-decoration: line-through; } .hover\:text-strike:hover { text-decoration: line-through; } .text-underline { text-decoration: underline; } .hover\:text-underline:hover { text-decoration: underline; } .text-no-underline { text-decoration: none; } .hover\:text-no-underline:hover { text-decoration: none; } .text-no-strike { text-decoration: none; } .hover\:text-no-strike:hover { text-decoration: none; } .underline-red { text-decoration-color: #e52207; } .hover\:underline-red:hover { text-decoration-color: #e52207; } .underline-orange { text-decoration-color: #e66f0e; } .hover\:underline-orange:hover { text-decoration-color: #e66f0e; } .underline-gold { text-decoration-color: #ffbe2e; } .hover\:underline-gold:hover { text-decoration-color: #ffbe2e; } .underline-yellow { text-decoration-color: #fee685; } .hover\:underline-yellow:hover { text-decoration-color: #fee685; } .underline-green { text-decoration-color: #538200; } .hover\:underline-green:hover { text-decoration-color: #538200; } .underline-mint { text-decoration-color: #04c585; } .hover\:underline-mint:hover { text-decoration-color: #04c585; } .underline-cyan { text-decoration-color: #009ec1; } .hover\:underline-cyan:hover { text-decoration-color: #009ec1; } .underline-blue { text-decoration-color: #0076d6; } .hover\:underline-blue:hover { text-decoration-color: #0076d6; } .underline-indigo { text-decoration-color: #676cc8; } .hover\:underline-indigo:hover { text-decoration-color: #676cc8; } .underline-violet { text-decoration-color: #8168b3; } .hover\:underline-violet:hover { text-decoration-color: #8168b3; } .underline-magenta { text-decoration-color: #d72d79; } .hover\:underline-magenta:hover { text-decoration-color: #d72d79; } .underline-gray-5 { text-decoration-color: #f0f0f0; } .hover\:underline-gray-5:hover { text-decoration-color: #f0f0f0; } .underline-gray-10 { text-decoration-color: #e6e6e6; } .hover\:underline-gray-10:hover { text-decoration-color: #e6e6e6; } .underline-gray-30 { text-decoration-color: #adadad; } .hover\:underline-gray-30:hover { text-decoration-color: #adadad; } .underline-gray-50 { text-decoration-color: #757575; } .hover\:underline-gray-50:hover { text-decoration-color: #757575; } .underline-gray-70 { text-decoration-color: #454545; } .hover\:underline-gray-70:hover { text-decoration-color: #454545; } .underline-gray-90 { text-decoration-color: #1b1b1b; } .hover\:underline-gray-90:hover { text-decoration-color: #1b1b1b; } .underline-base-lightest { text-decoration-color: #f0f0f0; } .hover\:underline-base-lightest:hover { text-decoration-color: #f0f0f0; } .underline-base-lighter { text-decoration-color: #dfe1e2; } .hover\:underline-base-lighter:hover { text-decoration-color: #dfe1e2; } .underline-base-light { text-decoration-color: #a9aeb1; } .hover\:underline-base-light:hover { text-decoration-color: #a9aeb1; } .underline-base { text-decoration-color: #71767a; } .hover\:underline-base:hover { text-decoration-color: #71767a; } .underline-base-dark { text-decoration-color: #565c65; } .hover\:underline-base-dark:hover { text-decoration-color: #565c65; } .underline-base-darker { text-decoration-color: #3d4551; } .hover\:underline-base-darker:hover { text-decoration-color: #3d4551; } .underline-base-darkest { text-decoration-color: #1b1b1b; } .hover\:underline-base-darkest:hover { text-decoration-color: #1b1b1b; } .underline-ink { text-decoration-color: #1b1b1b; } .hover\:underline-ink:hover { text-decoration-color: #1b1b1b; } .underline-primary-lighter { text-decoration-color: #d9e8f6; } .hover\:underline-primary-lighter:hover { text-decoration-color: #d9e8f6; } .underline-primary-light { text-decoration-color: #73b3e7; } .hover\:underline-primary-light:hover { text-decoration-color: #73b3e7; } .underline-primary { text-decoration-color: #005ea2; } .hover\:underline-primary:hover { text-decoration-color: #005ea2; } .underline-primary-vivid { text-decoration-color: #0050d8; } .hover\:underline-primary-vivid:hover { text-decoration-color: #0050d8; } .underline-primary-dark { text-decoration-color: #1a4480; } .hover\:underline-primary-dark:hover { text-decoration-color: #1a4480; } .underline-primary-darker { text-decoration-color: #252f3e; } .hover\:underline-primary-darker:hover { text-decoration-color: #252f3e; } .underline-secondary-lighter { text-decoration-color: #f2e4d4; } .hover\:underline-secondary-lighter:hover { text-decoration-color: #f2e4d4; } .underline-secondary-light { text-decoration-color: #ffbc78; } .hover\:underline-secondary-light:hover { text-decoration-color: #ffbc78; } .underline-secondary { text-decoration-color: #fa9441; } .hover\:underline-secondary:hover { text-decoration-color: #fa9441; } .underline-secondary-dark { text-decoration-color: #c05600; } .hover\:underline-secondary-dark:hover { text-decoration-color: #c05600; } .underline-secondary-darker { text-decoration-color: #775540; } .hover\:underline-secondary-darker:hover { text-decoration-color: #775540; } .underline-accent-warm-darker { text-decoration-color: #8b0a03; } .hover\:underline-accent-warm-darker:hover { text-decoration-color: #8b0a03; } .underline-accent-warm-dark { text-decoration-color: #b50909; } .hover\:underline-accent-warm-dark:hover { text-decoration-color: #b50909; } .underline-accent-warm { text-decoration-color: #d83933; } .hover\:underline-accent-warm:hover { text-decoration-color: #d83933; } .underline-accent-warm-light { text-decoration-color: #f2938c; } .hover\:underline-accent-warm-light:hover { text-decoration-color: #f2938c; } .underline-accent-warm-lighter { text-decoration-color: #f8dfe2; } .hover\:underline-accent-warm-lighter:hover { text-decoration-color: #f8dfe2; } .underline-accent-cool-darker { text-decoration-color: #07648d; } .hover\:underline-accent-cool-darker:hover { text-decoration-color: #07648d; } .underline-accent-cool-dark { text-decoration-color: #28a0cb; } .hover\:underline-accent-cool-dark:hover { text-decoration-color: #28a0cb; } .underline-accent-cool { text-decoration-color: #00bde3; } .hover\:underline-accent-cool:hover { text-decoration-color: #00bde3; } .underline-accent-cool-light { text-decoration-color: #97d4ea; } .hover\:underline-accent-cool-light:hover { text-decoration-color: #97d4ea; } .underline-accent-cool-lighter { text-decoration-color: #e1f3f8; } .hover\:underline-accent-cool-lighter:hover { text-decoration-color: #e1f3f8; } .underline-error-lighter { text-decoration-color: #f4e3db; } .hover\:underline-error-lighter:hover { text-decoration-color: #f4e3db; } .underline-error-light { text-decoration-color: #f39268; } .hover\:underline-error-light:hover { text-decoration-color: #f39268; } .underline-error { text-decoration-color: #d54309; } .hover\:underline-error:hover { text-decoration-color: #d54309; } .underline-error-dark { text-decoration-color: #b50909; } .hover\:underline-error-dark:hover { text-decoration-color: #b50909; } .underline-error-darker { text-decoration-color: #6f3331; } .hover\:underline-error-darker:hover { text-decoration-color: #6f3331; } .underline-warning-lighter { text-decoration-color: #faf3d1; } .hover\:underline-warning-lighter:hover { text-decoration-color: #faf3d1; } .underline-warning-light { text-decoration-color: #fee685; } .hover\:underline-warning-light:hover { text-decoration-color: #fee685; } .underline-warning { text-decoration-color: #ffbe2e; } .hover\:underline-warning:hover { text-decoration-color: #ffbe2e; } .underline-warning-dark { text-decoration-color: #e5a000; } .hover\:underline-warning-dark:hover { text-decoration-color: #e5a000; } .underline-warning-darker { text-decoration-color: #936f38; } .hover\:underline-warning-darker:hover { text-decoration-color: #936f38; } .underline-success-lighter { text-decoration-color: #ecf3ec; } .hover\:underline-success-lighter:hover { text-decoration-color: #ecf3ec; } .underline-success-light { text-decoration-color: #70e17b; } .hover\:underline-success-light:hover { text-decoration-color: #70e17b; } .underline-success { text-decoration-color: #00a91c; } .hover\:underline-success:hover { text-decoration-color: #00a91c; } .underline-success-dark { text-decoration-color: #008817; } .hover\:underline-success-dark:hover { text-decoration-color: #008817; } .underline-success-darker { text-decoration-color: #216e1f; } .hover\:underline-success-darker:hover { text-decoration-color: #216e1f; } .underline-info-lighter { text-decoration-color: #e7f6f8; } .hover\:underline-info-lighter:hover { text-decoration-color: #e7f6f8; } .underline-info-light { text-decoration-color: #99deea; } .hover\:underline-info-light:hover { text-decoration-color: #99deea; } .underline-info { text-decoration-color: #00bde3; } .hover\:underline-info:hover { text-decoration-color: #00bde3; } .underline-info-dark { text-decoration-color: #009ec1; } .hover\:underline-info-dark:hover { text-decoration-color: #009ec1; } .underline-info-darker { text-decoration-color: #2e6276; } .hover\:underline-info-darker:hover { text-decoration-color: #2e6276; } .underline-disabled-lighter { text-decoration-color: #c9c9c9; } .hover\:underline-disabled-lighter:hover { text-decoration-color: #c9c9c9; } .underline-disabled-light { text-decoration-color: #919191; } .hover\:underline-disabled-light:hover { text-decoration-color: #919191; } .underline-disabled { text-decoration-color: #757575; } .hover\:underline-disabled:hover { text-decoration-color: #757575; } .underline-disabled-dark { text-decoration-color: #454545; } .hover\:underline-disabled-dark:hover { text-decoration-color: #454545; } .underline-disabled-darker { text-decoration-color: #1b1b1b; } .hover\:underline-disabled-darker:hover { text-decoration-color: #1b1b1b; } .underline-emergency { text-decoration-color: #9c3d10; } .hover\:underline-emergency:hover { text-decoration-color: #9c3d10; } .underline-emergency-dark { text-decoration-color: #332d29; } .hover\:underline-emergency-dark:hover { text-decoration-color: #332d29; } .text-indent-0 { text-indent: 0; } .text-indent-05 { text-indent: 0.25rem; } .text-indent-1 { text-indent: 0.5rem; } .text-indent-105 { text-indent: 0.75rem; } .text-indent-2 { text-indent: 1rem; } .text-indent-205 { text-indent: 1.25rem; } .text-indent-3 { text-indent: 1.5rem; } .text-indent-neg-05 { text-indent: -0.25rem; } .text-indent-neg-1 { text-indent: -0.5rem; } .text-indent-neg-105 { text-indent: -0.75rem; } .text-indent-neg-2 { text-indent: -1rem; } .text-indent-neg-205 { text-indent: -1.25rem; } .text-indent-neg-3 { text-indent: -1.5rem; } .text-indent-4 { text-indent: 2rem; } .text-indent-5 { text-indent: 2.5rem; } .text-indent-6 { text-indent: 3rem; } .text-indent-7 { text-indent: 3.5rem; } .text-indent-8 { text-indent: 4rem; } .text-indent-9 { text-indent: 4.5rem; } .text-indent-10 { text-indent: 5rem; } .text-indent-15 { text-indent: 7.5rem; } .text-indent-neg-4 { text-indent: -2rem; } .text-indent-neg-5 { text-indent: -2.5rem; } .text-indent-neg-6 { text-indent: -3rem; } .text-indent-neg-7 { text-indent: -3.5rem; } .text-indent-neg-8 { text-indent: -4rem; } .text-indent-neg-9 { text-indent: -4.5rem; } .text-indent-neg-10 { text-indent: -5rem; } .text-indent-neg-15 { text-indent: -7.5rem; } .text-uppercase { text-transform: uppercase; } .text-no-uppercase { text-transform: none; } .text-lowercase { text-transform: lowercase; } .text-no-lowercase { text-transform: none; } .top-1px { top: 1px; } .top-2px { top: 2px; } .top-05 { top: 0.25rem; } .top-1 { top: 0.5rem; } .top-105 { top: 0.75rem; } .top-2 { top: 1rem; } .top-205 { top: 1.25rem; } .top-3 { top: 1.5rem; } .top-neg-1px { top: -1px; } .top-neg-2px { top: -2px; } .top-neg-05 { top: -0.25rem; } .top-neg-1 { top: -0.5rem; } .top-neg-105 { top: -0.75rem; } .top-neg-2 { top: -1rem; } .top-neg-205 { top: -1.25rem; } .top-neg-3 { top: -1.5rem; } .top-0 { top: 0; } .top-auto { top: auto; } .top-full { top: 100%; } .text-baseline { vertical-align: baseline; } .text-bottom { vertical-align: bottom; } .text-middle { vertical-align: middle; } .text-sub { vertical-align: sub; } .text-super { vertical-align: super; } .text-tbottom { vertical-align: text-bottom; } .text-ttop { vertical-align: text-top; } .text-top { vertical-align: top; } .text-pre { white-space: pre; } .text-pre-line { white-space: pre-line; } .text-pre-wrap { white-space: pre-wrap; } .text-wrap { white-space: normal; } .text-no-wrap { white-space: nowrap; } .width-1px { width: 1px; } .width-2px { width: 2px; } .width-05 { width: 0.25rem; } .width-1 { width: 0.5rem; } .width-105 { width: 0.75rem; } .width-2 { width: 1rem; } .width-205 { width: 1.25rem; } .width-3 { width: 1.5rem; } .width-4 { width: 2rem; } .width-5 { width: 2.5rem; } .width-6 { width: 3rem; } .width-7 { width: 3.5rem; } .width-8 { width: 4rem; } .width-9 { width: 4.5rem; } .width-10 { width: 5rem; } .width-15 { width: 7.5rem; } .width-card { width: 10rem; } .width-card-lg { width: 15rem; } .width-mobile { width: 20rem; } .width-mobile-lg { width: 30rem; } .width-tablet { width: 40rem; } .width-tablet-lg { width: 55rem; } .width-desktop { width: 64rem; } .width-desktop-lg { width: 75rem; } .width-widescreen { width: 87.5rem; } .width-0 { width: 0; } .width-full { width: 100%; } .width-auto { width: auto; } .z-auto { z-index: auto; } .z-bottom { z-index: -100; } .z-top { z-index: 99999; } .z-0 { z-index: 0; } .z-100 { z-index: 100; } .z-200 { z-index: 200; } .z-300 { z-index: 300; } .z-400 { z-index: 400; } .z-500 { z-index: 500; } @media all and (min-width: 30em) { .mobile-lg\:border-1px { border: 1px solid; } .mobile-lg\:hover\:border-1px:hover { border: 1px solid; } .mobile-lg\:border-y-1px { border-top: 1px solid; border-bottom: 1px solid; } .mobile-lg\:hover\:border-y-1px:hover { border-top: 1px solid; border-bottom: 1px solid; } .mobile-lg\:border-x-1px { border-left: 1px solid; border-right: 1px solid; } .mobile-lg\:hover\:border-x-1px:hover { border-left: 1px solid; border-right: 1px solid; } .mobile-lg\:border-top-1px { border-top: 1px solid; } .mobile-lg\:hover\:border-top-1px:hover { border-top: 1px solid; } .mobile-lg\:border-right-1px { border-right: 1px solid; } .mobile-lg\:hover\:border-right-1px:hover { border-right: 1px solid; } .mobile-lg\:border-bottom-1px { border-bottom: 1px solid; } .mobile-lg\:hover\:border-bottom-1px:hover { border-bottom: 1px solid; } .mobile-lg\:border-left-1px { border-left: 1px solid; } .mobile-lg\:hover\:border-left-1px:hover { border-left: 1px solid; } .mobile-lg\:border-2px { border: 2px solid; } .mobile-lg\:hover\:border-2px:hover { border: 2px solid; } .mobile-lg\:border-y-2px { border-top: 2px solid; border-bottom: 2px solid; } .mobile-lg\:hover\:border-y-2px:hover { border-top: 2px solid; border-bottom: 2px solid; } .mobile-lg\:border-x-2px { border-left: 2px solid; border-right: 2px solid; } .mobile-lg\:hover\:border-x-2px:hover { border-left: 2px solid; border-right: 2px solid; } .mobile-lg\:border-top-2px { border-top: 2px solid; } .mobile-lg\:hover\:border-top-2px:hover { border-top: 2px solid; } .mobile-lg\:border-right-2px { border-right: 2px solid; } .mobile-lg\:hover\:border-right-2px:hover { border-right: 2px solid; } .mobile-lg\:border-bottom-2px { border-bottom: 2px solid; } .mobile-lg\:hover\:border-bottom-2px:hover { border-bottom: 2px solid; } .mobile-lg\:border-left-2px { border-left: 2px solid; } .mobile-lg\:hover\:border-left-2px:hover { border-left: 2px solid; } .mobile-lg\:border-05 { border: 0.25rem solid; } .mobile-lg\:hover\:border-05:hover { border: 0.25rem solid; } .mobile-lg\:border-y-05 { border-top: 0.25rem solid; border-bottom: 0.25rem solid; } .mobile-lg\:hover\:border-y-05:hover { border-top: 0.25rem solid; border-bottom: 0.25rem solid; } .mobile-lg\:border-x-05 { border-left: 0.25rem solid; border-right: 0.25rem solid; } .mobile-lg\:hover\:border-x-05:hover { border-left: 0.25rem solid; border-right: 0.25rem solid; } .mobile-lg\:border-top-05 { border-top: 0.25rem solid; } .mobile-lg\:hover\:border-top-05:hover { border-top: 0.25rem solid; } .mobile-lg\:border-right-05 { border-right: 0.25rem solid; } .mobile-lg\:hover\:border-right-05:hover { border-right: 0.25rem solid; } .mobile-lg\:border-bottom-05 { border-bottom: 0.25rem solid; } .mobile-lg\:hover\:border-bottom-05:hover { border-bottom: 0.25rem solid; } .mobile-lg\:border-left-05 { border-left: 0.25rem solid; } .mobile-lg\:hover\:border-left-05:hover { border-left: 0.25rem solid; } .mobile-lg\:border-1 { border: 0.5rem solid; } .mobile-lg\:hover\:border-1:hover { border: 0.5rem solid; } .mobile-lg\:border-y-1 { border-top: 0.5rem solid; border-bottom: 0.5rem solid; } .mobile-lg\:hover\:border-y-1:hover { border-top: 0.5rem solid; border-bottom: 0.5rem solid; } .mobile-lg\:border-x-1 { border-left: 0.5rem solid; border-right: 0.5rem solid; } .mobile-lg\:hover\:border-x-1:hover { border-left: 0.5rem solid; border-right: 0.5rem solid; } .mobile-lg\:border-top-1 { border-top: 0.5rem solid; } .mobile-lg\:hover\:border-top-1:hover { border-top: 0.5rem solid; } .mobile-lg\:border-right-1 { border-right: 0.5rem solid; } .mobile-lg\:hover\:border-right-1:hover { border-right: 0.5rem solid; } .mobile-lg\:border-bottom-1 { border-bottom: 0.5rem solid; } .mobile-lg\:hover\:border-bottom-1:hover { border-bottom: 0.5rem solid; } .mobile-lg\:border-left-1 { border-left: 0.5rem solid; } .mobile-lg\:hover\:border-left-1:hover { border-left: 0.5rem solid; } .mobile-lg\:border-105 { border: 0.75rem solid; } .mobile-lg\:hover\:border-105:hover { border: 0.75rem solid; } .mobile-lg\:border-y-105 { border-top: 0.75rem solid; border-bottom: 0.75rem solid; } .mobile-lg\:hover\:border-y-105:hover { border-top: 0.75rem solid; border-bottom: 0.75rem solid; } .mobile-lg\:border-x-105 { border-left: 0.75rem solid; border-right: 0.75rem solid; } .mobile-lg\:hover\:border-x-105:hover { border-left: 0.75rem solid; border-right: 0.75rem solid; } .mobile-lg\:border-top-105 { border-top: 0.75rem solid; } .mobile-lg\:hover\:border-top-105:hover { border-top: 0.75rem solid; } .mobile-lg\:border-right-105 { border-right: 0.75rem solid; } .mobile-lg\:hover\:border-right-105:hover { border-right: 0.75rem solid; } .mobile-lg\:border-bottom-105 { border-bottom: 0.75rem solid; } .mobile-lg\:hover\:border-bottom-105:hover { border-bottom: 0.75rem solid; } .mobile-lg\:border-left-105 { border-left: 0.75rem solid; } .mobile-lg\:hover\:border-left-105:hover { border-left: 0.75rem solid; } .mobile-lg\:border-2 { border: 1rem solid; } .mobile-lg\:hover\:border-2:hover { border: 1rem solid; } .mobile-lg\:border-y-2 { border-top: 1rem solid; border-bottom: 1rem solid; } .mobile-lg\:hover\:border-y-2:hover { border-top: 1rem solid; border-bottom: 1rem solid; } .mobile-lg\:border-x-2 { border-left: 1rem solid; border-right: 1rem solid; } .mobile-lg\:hover\:border-x-2:hover { border-left: 1rem solid; border-right: 1rem solid; } .mobile-lg\:border-top-2 { border-top: 1rem solid; } .mobile-lg\:hover\:border-top-2:hover { border-top: 1rem solid; } .mobile-lg\:border-right-2 { border-right: 1rem solid; } .mobile-lg\:hover\:border-right-2:hover { border-right: 1rem solid; } .mobile-lg\:border-bottom-2 { border-bottom: 1rem solid; } .mobile-lg\:hover\:border-bottom-2:hover { border-bottom: 1rem solid; } .mobile-lg\:border-left-2 { border-left: 1rem solid; } .mobile-lg\:hover\:border-left-2:hover { border-left: 1rem solid; } .mobile-lg\:border-205 { border: 1.25rem solid; } .mobile-lg\:hover\:border-205:hover { border: 1.25rem solid; } .mobile-lg\:border-y-205 { border-top: 1.25rem solid; border-bottom: 1.25rem solid; } .mobile-lg\:hover\:border-y-205:hover { border-top: 1.25rem solid; border-bottom: 1.25rem solid; } .mobile-lg\:border-x-205 { border-left: 1.25rem solid; border-right: 1.25rem solid; } .mobile-lg\:hover\:border-x-205:hover { border-left: 1.25rem solid; border-right: 1.25rem solid; } .mobile-lg\:border-top-205 { border-top: 1.25rem solid; } .mobile-lg\:hover\:border-top-205:hover { border-top: 1.25rem solid; } .mobile-lg\:border-right-205 { border-right: 1.25rem solid; } .mobile-lg\:hover\:border-right-205:hover { border-right: 1.25rem solid; } .mobile-lg\:border-bottom-205 { border-bottom: 1.25rem solid; } .mobile-lg\:hover\:border-bottom-205:hover { border-bottom: 1.25rem solid; } .mobile-lg\:border-left-205 { border-left: 1.25rem solid; } .mobile-lg\:hover\:border-left-205:hover { border-left: 1.25rem solid; } .mobile-lg\:border-3 { border: 1.5rem solid; } .mobile-lg\:hover\:border-3:hover { border: 1.5rem solid; } .mobile-lg\:border-y-3 { border-top: 1.5rem solid; border-bottom: 1.5rem solid; } .mobile-lg\:hover\:border-y-3:hover { border-top: 1.5rem solid; border-bottom: 1.5rem solid; } .mobile-lg\:border-x-3 { border-left: 1.5rem solid; border-right: 1.5rem solid; } .mobile-lg\:hover\:border-x-3:hover { border-left: 1.5rem solid; border-right: 1.5rem solid; } .mobile-lg\:border-top-3 { border-top: 1.5rem solid; } .mobile-lg\:hover\:border-top-3:hover { border-top: 1.5rem solid; } .mobile-lg\:border-right-3 { border-right: 1.5rem solid; } .mobile-lg\:hover\:border-right-3:hover { border-right: 1.5rem solid; } .mobile-lg\:border-bottom-3 { border-bottom: 1.5rem solid; } .mobile-lg\:hover\:border-bottom-3:hover { border-bottom: 1.5rem solid; } .mobile-lg\:border-left-3 { border-left: 1.5rem solid; } .mobile-lg\:hover\:border-left-3:hover { border-left: 1.5rem solid; } .mobile-lg\:border-0 { border: 0 solid; } .mobile-lg\:hover\:border-0:hover { border: 0 solid; } .mobile-lg\:border-y-0 { border-top: 0 solid; border-bottom: 0 solid; } .mobile-lg\:hover\:border-y-0:hover { border-top: 0 solid; border-bottom: 0 solid; } .mobile-lg\:border-x-0 { border-left: 0 solid; border-right: 0 solid; } .mobile-lg\:hover\:border-x-0:hover { border-left: 0 solid; border-right: 0 solid; } .mobile-lg\:border-top-0 { border-top: 0 solid; } .mobile-lg\:hover\:border-top-0:hover { border-top: 0 solid; } .mobile-lg\:border-right-0 { border-right: 0 solid; } .mobile-lg\:hover\:border-right-0:hover { border-right: 0 solid; } .mobile-lg\:border-bottom-0 { border-bottom: 0 solid; } .mobile-lg\:hover\:border-bottom-0:hover { border-bottom: 0 solid; } .mobile-lg\:border-left-0 { border-left: 0 solid; } .mobile-lg\:hover\:border-left-0:hover { border-left: 0 solid; } .mobile-lg\:border { border: 1px solid; } .mobile-lg\:hover\:border:hover { border: 1px solid; } .mobile-lg\:border-y { border-top: 1px solid; border-bottom: 1px solid; } .mobile-lg\:hover\:border-y:hover { border-top: 1px solid; border-bottom: 1px solid; } .mobile-lg\:border-x { border-left: 1px solid; border-right: 1px solid; } .mobile-lg\:hover\:border-x:hover { border-left: 1px solid; border-right: 1px solid; } .mobile-lg\:border-top { border-top: 1px solid; } .mobile-lg\:hover\:border-top:hover { border-top: 1px solid; } .mobile-lg\:border-right { border-right: 1px solid; } .mobile-lg\:hover\:border-right:hover { border-right: 1px solid; } .mobile-lg\:border-bottom { border-bottom: 1px solid; } .mobile-lg\:hover\:border-bottom:hover { border-bottom: 1px solid; } .mobile-lg\:border-left { border-left: 1px solid; } .mobile-lg\:hover\:border-left:hover { border-left: 1px solid; } .mobile-lg\:border-transparent { border-color: transparent; } .mobile-lg\:hover\:border-transparent:hover { border-color: transparent; } .mobile-lg\:border-black { border-color: black; } .mobile-lg\:hover\:border-black:hover { border-color: black; } .mobile-lg\:border-white { border-color: white; } .mobile-lg\:hover\:border-white:hover { border-color: white; } .mobile-lg\:border-red { border-color: #e52207; } .mobile-lg\:hover\:border-red:hover { border-color: #e52207; } .mobile-lg\:border-orange { border-color: #e66f0e; } .mobile-lg\:hover\:border-orange:hover { border-color: #e66f0e; } .mobile-lg\:border-gold { border-color: #ffbe2e; } .mobile-lg\:hover\:border-gold:hover { border-color: #ffbe2e; } .mobile-lg\:border-yellow { border-color: #fee685; } .mobile-lg\:hover\:border-yellow:hover { border-color: #fee685; } .mobile-lg\:border-green { border-color: #538200; } .mobile-lg\:hover\:border-green:hover { border-color: #538200; } .mobile-lg\:border-mint { border-color: #04c585; } .mobile-lg\:hover\:border-mint:hover { border-color: #04c585; } .mobile-lg\:border-cyan { border-color: #009ec1; } .mobile-lg\:hover\:border-cyan:hover { border-color: #009ec1; } .mobile-lg\:border-blue { border-color: #0076d6; } .mobile-lg\:hover\:border-blue:hover { border-color: #0076d6; } .mobile-lg\:border-indigo { border-color: #676cc8; } .mobile-lg\:hover\:border-indigo:hover { border-color: #676cc8; } .mobile-lg\:border-violet { border-color: #8168b3; } .mobile-lg\:hover\:border-violet:hover { border-color: #8168b3; } .mobile-lg\:border-magenta { border-color: #d72d79; } .mobile-lg\:hover\:border-magenta:hover { border-color: #d72d79; } .mobile-lg\:border-gray-5 { border-color: #f0f0f0; } .mobile-lg\:hover\:border-gray-5:hover { border-color: #f0f0f0; } .mobile-lg\:border-gray-10 { border-color: #e6e6e6; } .mobile-lg\:hover\:border-gray-10:hover { border-color: #e6e6e6; } .mobile-lg\:border-gray-30 { border-color: #adadad; } .mobile-lg\:hover\:border-gray-30:hover { border-color: #adadad; } .mobile-lg\:border-gray-50 { border-color: #757575; } .mobile-lg\:hover\:border-gray-50:hover { border-color: #757575; } .mobile-lg\:border-gray-70 { border-color: #454545; } .mobile-lg\:hover\:border-gray-70:hover { border-color: #454545; } .mobile-lg\:border-gray-90 { border-color: #1b1b1b; } .mobile-lg\:hover\:border-gray-90:hover { border-color: #1b1b1b; } .mobile-lg\:border-base-lightest { border-color: #f0f0f0; } .mobile-lg\:hover\:border-base-lightest:hover { border-color: #f0f0f0; } .mobile-lg\:border-base-lighter { border-color: #dfe1e2; } .mobile-lg\:hover\:border-base-lighter:hover { border-color: #dfe1e2; } .mobile-lg\:border-base-light { border-color: #a9aeb1; } .mobile-lg\:hover\:border-base-light:hover { border-color: #a9aeb1; } .mobile-lg\:border-base { border-color: #71767a; } .mobile-lg\:hover\:border-base:hover { border-color: #71767a; } .mobile-lg\:border-base-dark { border-color: #565c65; } .mobile-lg\:hover\:border-base-dark:hover { border-color: #565c65; } .mobile-lg\:border-base-darker { border-color: #3d4551; } .mobile-lg\:hover\:border-base-darker:hover { border-color: #3d4551; } .mobile-lg\:border-base-darkest { border-color: #1b1b1b; } .mobile-lg\:hover\:border-base-darkest:hover { border-color: #1b1b1b; } .mobile-lg\:border-ink { border-color: #1b1b1b; } .mobile-lg\:hover\:border-ink:hover { border-color: #1b1b1b; } .mobile-lg\:border-primary-lighter { border-color: #d9e8f6; } .mobile-lg\:hover\:border-primary-lighter:hover { border-color: #d9e8f6; } .mobile-lg\:border-primary-light { border-color: #73b3e7; } .mobile-lg\:hover\:border-primary-light:hover { border-color: #73b3e7; } .mobile-lg\:border-primary { border-color: #005ea2; } .mobile-lg\:hover\:border-primary:hover { border-color: #005ea2; } .mobile-lg\:border-primary-vivid { border-color: #0050d8; } .mobile-lg\:hover\:border-primary-vivid:hover { border-color: #0050d8; } .mobile-lg\:border-primary-dark { border-color: #1a4480; } .mobile-lg\:hover\:border-primary-dark:hover { border-color: #1a4480; } .mobile-lg\:border-primary-darker { border-color: #252f3e; } .mobile-lg\:hover\:border-primary-darker:hover { border-color: #252f3e; } .mobile-lg\:border-secondary-lighter { border-color: #f2e4d4; } .mobile-lg\:hover\:border-secondary-lighter:hover { border-color: #f2e4d4; } .mobile-lg\:border-secondary-light { border-color: #ffbc78; } .mobile-lg\:hover\:border-secondary-light:hover { border-color: #ffbc78; } .mobile-lg\:border-secondary { border-color: #fa9441; } .mobile-lg\:hover\:border-secondary:hover { border-color: #fa9441; } .mobile-lg\:border-secondary-dark { border-color: #c05600; } .mobile-lg\:hover\:border-secondary-dark:hover { border-color: #c05600; } .mobile-lg\:border-secondary-darker { border-color: #775540; } .mobile-lg\:hover\:border-secondary-darker:hover { border-color: #775540; } .mobile-lg\:border-accent-warm-darker { border-color: #8b0a03; } .mobile-lg\:hover\:border-accent-warm-darker:hover { border-color: #8b0a03; } .mobile-lg\:border-accent-warm-dark { border-color: #b50909; } .mobile-lg\:hover\:border-accent-warm-dark:hover { border-color: #b50909; } .mobile-lg\:border-accent-warm { border-color: #d83933; } .mobile-lg\:hover\:border-accent-warm:hover { border-color: #d83933; } .mobile-lg\:border-accent-warm-light { border-color: #f2938c; } .mobile-lg\:hover\:border-accent-warm-light:hover { border-color: #f2938c; } .mobile-lg\:border-accent-warm-lighter { border-color: #f8dfe2; } .mobile-lg\:hover\:border-accent-warm-lighter:hover { border-color: #f8dfe2; } .mobile-lg\:border-accent-cool-darker { border-color: #07648d; } .mobile-lg\:hover\:border-accent-cool-darker:hover { border-color: #07648d; } .mobile-lg\:border-accent-cool-dark { border-color: #28a0cb; } .mobile-lg\:hover\:border-accent-cool-dark:hover { border-color: #28a0cb; } .mobile-lg\:border-accent-cool { border-color: #00bde3; } .mobile-lg\:hover\:border-accent-cool:hover { border-color: #00bde3; } .mobile-lg\:border-accent-cool-light { border-color: #97d4ea; } .mobile-lg\:hover\:border-accent-cool-light:hover { border-color: #97d4ea; } .mobile-lg\:border-accent-cool-lighter { border-color: #e1f3f8; } .mobile-lg\:hover\:border-accent-cool-lighter:hover { border-color: #e1f3f8; } .mobile-lg\:border-error-lighter { border-color: #f4e3db; } .mobile-lg\:hover\:border-error-lighter:hover { border-color: #f4e3db; } .mobile-lg\:border-error-light { border-color: #f39268; } .mobile-lg\:hover\:border-error-light:hover { border-color: #f39268; } .mobile-lg\:border-error { border-color: #d54309; } .mobile-lg\:hover\:border-error:hover { border-color: #d54309; } .mobile-lg\:border-error-dark { border-color: #b50909; } .mobile-lg\:hover\:border-error-dark:hover { border-color: #b50909; } .mobile-lg\:border-error-darker { border-color: #6f3331; } .mobile-lg\:hover\:border-error-darker:hover { border-color: #6f3331; } .mobile-lg\:border-warning-lighter { border-color: #faf3d1; } .mobile-lg\:hover\:border-warning-lighter:hover { border-color: #faf3d1; } .mobile-lg\:border-warning-light { border-color: #fee685; } .mobile-lg\:hover\:border-warning-light:hover { border-color: #fee685; } .mobile-lg\:border-warning { border-color: #ffbe2e; } .mobile-lg\:hover\:border-warning:hover { border-color: #ffbe2e; } .mobile-lg\:border-warning-dark { border-color: #e5a000; } .mobile-lg\:hover\:border-warning-dark:hover { border-color: #e5a000; } .mobile-lg\:border-warning-darker { border-color: #936f38; } .mobile-lg\:hover\:border-warning-darker:hover { border-color: #936f38; } .mobile-lg\:border-success-lighter { border-color: #ecf3ec; } .mobile-lg\:hover\:border-success-lighter:hover { border-color: #ecf3ec; } .mobile-lg\:border-success-light { border-color: #70e17b; } .mobile-lg\:hover\:border-success-light:hover { border-color: #70e17b; } .mobile-lg\:border-success { border-color: #00a91c; } .mobile-lg\:hover\:border-success:hover { border-color: #00a91c; } .mobile-lg\:border-success-dark { border-color: #008817; } .mobile-lg\:hover\:border-success-dark:hover { border-color: #008817; } .mobile-lg\:border-success-darker { border-color: #216e1f; } .mobile-lg\:hover\:border-success-darker:hover { border-color: #216e1f; } .mobile-lg\:border-info-lighter { border-color: #e7f6f8; } .mobile-lg\:hover\:border-info-lighter:hover { border-color: #e7f6f8; } .mobile-lg\:border-info-light { border-color: #99deea; } .mobile-lg\:hover\:border-info-light:hover { border-color: #99deea; } .mobile-lg\:border-info { border-color: #00bde3; } .mobile-lg\:hover\:border-info:hover { border-color: #00bde3; } .mobile-lg\:border-info-dark { border-color: #009ec1; } .mobile-lg\:hover\:border-info-dark:hover { border-color: #009ec1; } .mobile-lg\:border-info-darker { border-color: #2e6276; } .mobile-lg\:hover\:border-info-darker:hover { border-color: #2e6276; } .mobile-lg\:border-disabled-lighter { border-color: #c9c9c9; } .mobile-lg\:hover\:border-disabled-lighter:hover { border-color: #c9c9c9; } .mobile-lg\:border-disabled-light { border-color: #919191; } .mobile-lg\:hover\:border-disabled-light:hover { border-color: #919191; } .mobile-lg\:border-disabled { border-color: #757575; } .mobile-lg\:hover\:border-disabled:hover { border-color: #757575; } .mobile-lg\:border-disabled-dark { border-color: #454545; } .mobile-lg\:hover\:border-disabled-dark:hover { border-color: #454545; } .mobile-lg\:border-disabled-darker { border-color: #1b1b1b; } .mobile-lg\:hover\:border-disabled-darker:hover { border-color: #1b1b1b; } .mobile-lg\:border-emergency { border-color: #9c3d10; } .mobile-lg\:hover\:border-emergency:hover { border-color: #9c3d10; } .mobile-lg\:border-emergency-dark { border-color: #332d29; } .mobile-lg\:hover\:border-emergency-dark:hover { border-color: #332d29; } .mobile-lg\:radius-0 { border-radius: 0; } .mobile-lg\:radius-top-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .mobile-lg\:radius-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .mobile-lg\:radius-bottom-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .mobile-lg\:radius-left-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .mobile-lg\:radius-sm { border-radius: 2px; } .mobile-lg\:radius-top-sm { border-top-left-radius: 2px; border-top-right-radius: 2px; } .mobile-lg\:radius-right-sm { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .mobile-lg\:radius-bottom-sm { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .mobile-lg\:radius-left-sm { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .mobile-lg\:radius-md { border-radius: 0.25rem; } .mobile-lg\:radius-top-md { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .mobile-lg\:radius-right-md { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .mobile-lg\:radius-bottom-md { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .mobile-lg\:radius-left-md { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .mobile-lg\:radius-lg { border-radius: 0.5rem; } .mobile-lg\:radius-top-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .mobile-lg\:radius-right-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .mobile-lg\:radius-bottom-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .mobile-lg\:radius-left-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .mobile-lg\:radius-pill { border-radius: 99rem; } .mobile-lg\:radius-top-pill { border-top-left-radius: 99rem; border-top-right-radius: 99rem; } .mobile-lg\:radius-right-pill { border-top-right-radius: 99rem; border-bottom-right-radius: 99rem; } .mobile-lg\:radius-bottom-pill { border-bottom-left-radius: 99rem; border-bottom-right-radius: 99rem; } .mobile-lg\:radius-left-pill { border-top-left-radius: 99rem; border-bottom-left-radius: 99rem; } .mobile-lg\:display-block { display: block; } .mobile-lg\:display-flex { display: flex; } .mobile-lg\:display-none { display: none; } .mobile-lg\:display-inline { display: inline; } .mobile-lg\:display-inline-block { display: inline-block; } .mobile-lg\:display-inline-flex { display: inline-flex; } .mobile-lg\:display-table { display: table; } .mobile-lg\:display-table-cell { display: table-cell; } .mobile-lg\:display-table-row { display: table-row; } .mobile-lg\:font-lang-3xs { font-size: 0.81rem; } .mobile-lg\:font-lang-2xs { font-size: 0.88rem; } .mobile-lg\:font-lang-xs { font-size: 0.94rem; } .mobile-lg\:font-lang-sm { font-size: 1rem; } .mobile-lg\:font-lang-md { font-size: 1.06rem; } .mobile-lg\:font-lang-lg { font-size: 1.38rem; } .mobile-lg\:font-lang-xl { font-size: 2rem; } .mobile-lg\:font-lang-2xl { font-size: 2.5rem; } .mobile-lg\:font-lang-3xl { font-size: 3rem; } .mobile-lg\:font-mono-3xs { font-size: 0.77rem; } .mobile-lg\:font-mono-2xs { font-size: 0.83rem; } .mobile-lg\:font-mono-xs { font-size: 0.89rem; } .mobile-lg\:font-mono-sm { font-size: 0.95rem; } .mobile-lg\:font-mono-md { font-size: 1.01rem; } .mobile-lg\:font-mono-lg { font-size: 1.31rem; } .mobile-lg\:font-mono-xl { font-size: 1.91rem; } .mobile-lg\:font-mono-2xl { font-size: 2.38rem; } .mobile-lg\:font-mono-3xl { font-size: 2.86rem; } .mobile-lg\:font-sans-3xs { font-size: 0.81rem; } .mobile-lg\:font-sans-2xs { font-size: 0.88rem; } .mobile-lg\:font-sans-xs { font-size: 0.94rem; } .mobile-lg\:font-sans-sm { font-size: 1rem; } .mobile-lg\:font-sans-md { font-size: 1.06rem; } .mobile-lg\:font-sans-lg { font-size: 1.38rem; } .mobile-lg\:font-sans-xl { font-size: 2rem; } .mobile-lg\:font-sans-2xl { font-size: 2.5rem; } .mobile-lg\:font-sans-3xl { font-size: 3rem; } .mobile-lg\:font-serif-3xs { font-size: 0.79rem; } .mobile-lg\:font-serif-2xs { font-size: 0.85rem; } .mobile-lg\:font-serif-xs { font-size: 0.91rem; } .mobile-lg\:font-serif-sm { font-size: 0.98rem; } .mobile-lg\:font-serif-md { font-size: 1.04rem; } .mobile-lg\:font-serif-lg { font-size: 1.34rem; } .mobile-lg\:font-serif-xl { font-size: 1.95rem; } .mobile-lg\:font-serif-2xl { font-size: 2.44rem; } .mobile-lg\:font-serif-3xl { font-size: 2.93rem; } .mobile-lg\:font-heading-3xs { font-size: 0.79rem; } .mobile-lg\:font-heading-2xs { font-size: 0.85rem; } .mobile-lg\:font-heading-xs { font-size: 0.91rem; } .mobile-lg\:font-heading-sm { font-size: 0.98rem; } .mobile-lg\:font-heading-md { font-size: 1.04rem; } .mobile-lg\:font-heading-lg { font-size: 1.34rem; } .mobile-lg\:font-heading-xl { font-size: 1.95rem; } .mobile-lg\:font-heading-2xl { font-size: 2.44rem; } .mobile-lg\:font-heading-3xl { font-size: 2.93rem; } .mobile-lg\:font-body-3xs { font-size: 0.81rem; } .mobile-lg\:font-body-2xs { font-size: 0.88rem; } .mobile-lg\:font-body-xs { font-size: 0.94rem; } .mobile-lg\:font-body-sm { font-size: 1rem; } .mobile-lg\:font-body-md { font-size: 1.06rem; } .mobile-lg\:font-body-lg { font-size: 1.38rem; } .mobile-lg\:font-body-xl { font-size: 2rem; } .mobile-lg\:font-body-2xl { font-size: 2.5rem; } .mobile-lg\:font-body-3xl { font-size: 3rem; } .mobile-lg\:font-code-3xs { font-size: 0.77rem; } .mobile-lg\:font-code-2xs { font-size: 0.83rem; } .mobile-lg\:font-code-xs { font-size: 0.89rem; } .mobile-lg\:font-code-sm { font-size: 0.95rem; } .mobile-lg\:font-code-md { font-size: 1.01rem; } .mobile-lg\:font-code-lg { font-size: 1.31rem; } .mobile-lg\:font-code-xl { font-size: 1.91rem; } .mobile-lg\:font-code-2xl { font-size: 2.38rem; } .mobile-lg\:font-code-3xl { font-size: 2.86rem; } .mobile-lg\:font-alt-3xs { font-size: 0.79rem; } .mobile-lg\:font-alt-2xs { font-size: 0.85rem; } .mobile-lg\:font-alt-xs { font-size: 0.91rem; } .mobile-lg\:font-alt-sm { font-size: 0.98rem; } .mobile-lg\:font-alt-md { font-size: 1.04rem; } .mobile-lg\:font-alt-lg { font-size: 1.34rem; } .mobile-lg\:font-alt-xl { font-size: 1.95rem; } .mobile-lg\:font-alt-2xl { font-size: 2.44rem; } .mobile-lg\:font-alt-3xl { font-size: 2.93rem; } .mobile-lg\:font-ui-3xs { font-size: 0.81rem; } .mobile-lg\:font-ui-2xs { font-size: 0.88rem; } .mobile-lg\:font-ui-xs { font-size: 0.94rem; } .mobile-lg\:font-ui-sm { font-size: 1rem; } .mobile-lg\:font-ui-md { font-size: 1.06rem; } .mobile-lg\:font-ui-lg { font-size: 1.38rem; } .mobile-lg\:font-ui-xl { font-size: 2rem; } .mobile-lg\:font-ui-2xl { font-size: 2.5rem; } .mobile-lg\:font-ui-3xl { font-size: 3rem; } .mobile-lg\:text-light { font-weight: 300; } .mobile-lg\:text-normal { font-weight: normal; } .mobile-lg\:text-bold { font-weight: 700; } .mobile-lg\:flex-justify-center { justify-content: center; } .mobile-lg\:flex-justify-start { justify-content: flex-start; } .mobile-lg\:flex-justify-end { justify-content: flex-end; } .mobile-lg\:flex-justify { justify-content: space-between; } .mobile-lg\:line-height-sans-1 { line-height: 1; } .mobile-lg\:line-height-sans-2 { line-height: 1.2; } .mobile-lg\:line-height-sans-3 { line-height: 1.4; } .mobile-lg\:line-height-sans-4 { line-height: 1.5; } .mobile-lg\:line-height-sans-5 { line-height: 1.6; } .mobile-lg\:line-height-sans-6 { line-height: 1.8; } .mobile-lg\:line-height-serif-1 { line-height: 1; } .mobile-lg\:line-height-serif-2 { line-height: 1.2; } .mobile-lg\:line-height-serif-3 { line-height: 1.4; } .mobile-lg\:line-height-serif-4 { line-height: 1.5; } .mobile-lg\:line-height-serif-5 { line-height: 1.7; } .mobile-lg\:line-height-serif-6 { line-height: 1.8; } .mobile-lg\:line-height-mono-1 { line-height: 1; } .mobile-lg\:line-height-mono-2 { line-height: 1.3; } .mobile-lg\:line-height-mono-3 { line-height: 1.4; } .mobile-lg\:line-height-mono-4 { line-height: 1.6; } .mobile-lg\:line-height-mono-5 { line-height: 1.7; } .mobile-lg\:line-height-mono-6 { line-height: 1.8; } .mobile-lg\:line-height-heading-1 { line-height: 1; } .mobile-lg\:line-height-heading-2 { line-height: 1.2; } .mobile-lg\:line-height-heading-3 { line-height: 1.4; } .mobile-lg\:line-height-heading-4 { line-height: 1.5; } .mobile-lg\:line-height-heading-5 { line-height: 1.7; } .mobile-lg\:line-height-heading-6 { line-height: 1.8; } .mobile-lg\:line-height-ui-1 { line-height: 1; } .mobile-lg\:line-height-ui-2 { line-height: 1.2; } .mobile-lg\:line-height-ui-3 { line-height: 1.4; } .mobile-lg\:line-height-ui-4 { line-height: 1.5; } .mobile-lg\:line-height-ui-5 { line-height: 1.6; } .mobile-lg\:line-height-ui-6 { line-height: 1.8; } .mobile-lg\:line-height-body-1 { line-height: 1; } .mobile-lg\:line-height-body-2 { line-height: 1.2; } .mobile-lg\:line-height-body-3 { line-height: 1.4; } .mobile-lg\:line-height-body-4 { line-height: 1.5; } .mobile-lg\:line-height-body-5 { line-height: 1.6; } .mobile-lg\:line-height-body-6 { line-height: 1.8; } .mobile-lg\:line-height-code-1 { line-height: 1; } .mobile-lg\:line-height-code-2 { line-height: 1.3; } .mobile-lg\:line-height-code-3 { line-height: 1.4; } .mobile-lg\:line-height-code-4 { line-height: 1.6; } .mobile-lg\:line-height-code-5 { line-height: 1.7; } .mobile-lg\:line-height-code-6 { line-height: 1.8; } .mobile-lg\:line-height-alt-1 { line-height: 1; } .mobile-lg\:line-height-alt-2 { line-height: 1.2; } .mobile-lg\:line-height-alt-3 { line-height: 1.4; } .mobile-lg\:line-height-alt-4 { line-height: 1.5; } .mobile-lg\:line-height-alt-5 { line-height: 1.7; } .mobile-lg\:line-height-alt-6 { line-height: 1.8; } .mobile-lg\:margin-neg-1px { margin: -1px; } .mobile-lg\:margin-neg-2px { margin: -2px; } .mobile-lg\:margin-neg-05 { margin: -0.25rem; } .mobile-lg\:margin-neg-1 { margin: -0.5rem; } .mobile-lg\:margin-neg-105 { margin: -0.75rem; } .mobile-lg\:margin-neg-2 { margin: -1rem; } .mobile-lg\:margin-neg-205 { margin: -1.25rem; } .mobile-lg\:margin-neg-3 { margin: -1.5rem; } .mobile-lg\:margin-1px { margin: 1px; } .mobile-lg\:margin-2px { margin: 2px; } .mobile-lg\:margin-05 { margin: 0.25rem; } .mobile-lg\:margin-1 { margin: 0.5rem; } .mobile-lg\:margin-105 { margin: 0.75rem; } .mobile-lg\:margin-2 { margin: 1rem; } .mobile-lg\:margin-205 { margin: 1.25rem; } .mobile-lg\:margin-3 { margin: 1.5rem; } .mobile-lg\:margin-neg-4 { margin: -2rem; } .mobile-lg\:margin-neg-5 { margin: -2.5rem; } .mobile-lg\:margin-neg-6 { margin: -3rem; } .mobile-lg\:margin-neg-7 { margin: -3.5rem; } .mobile-lg\:margin-neg-8 { margin: -4rem; } .mobile-lg\:margin-neg-9 { margin: -4.5rem; } .mobile-lg\:margin-neg-10 { margin: -5rem; } .mobile-lg\:margin-neg-15 { margin: -7.5rem; } .mobile-lg\:margin-4 { margin: 2rem; } .mobile-lg\:margin-5 { margin: 2.5rem; } .mobile-lg\:margin-6 { margin: 3rem; } .mobile-lg\:margin-7 { margin: 3.5rem; } .mobile-lg\:margin-8 { margin: 4rem; } .mobile-lg\:margin-9 { margin: 4.5rem; } .mobile-lg\:margin-10 { margin: 5rem; } .mobile-lg\:margin-15 { margin: 7.5rem; } .mobile-lg\:margin-05em { margin: 0.5em; } .mobile-lg\:margin-1em { margin: 1em; } .mobile-lg\:margin-105em { margin: 1.5em; } .mobile-lg\:margin-2em { margin: 2em; } .mobile-lg\:margin-0 { margin: 0; } .mobile-lg\:margin-y-1px { margin-top: 1px; margin-bottom: 1px; } .mobile-lg\:margin-top-1px { margin-top: 1px; } .mobile-lg\:margin-bottom-1px { margin-bottom: 1px; } .mobile-lg\:margin-y-2px { margin-top: 2px; margin-bottom: 2px; } .mobile-lg\:margin-top-2px { margin-top: 2px; } .mobile-lg\:margin-bottom-2px { margin-bottom: 2px; } .mobile-lg\:margin-y-05 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .mobile-lg\:margin-top-05 { margin-top: 0.25rem; } .mobile-lg\:margin-bottom-05 { margin-bottom: 0.25rem; } .mobile-lg\:margin-y-1 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .mobile-lg\:margin-top-1 { margin-top: 0.5rem; } .mobile-lg\:margin-bottom-1 { margin-bottom: 0.5rem; } .mobile-lg\:margin-y-105 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .mobile-lg\:margin-top-105 { margin-top: 0.75rem; } .mobile-lg\:margin-bottom-105 { margin-bottom: 0.75rem; } .mobile-lg\:margin-y-2 { margin-top: 1rem; margin-bottom: 1rem; } .mobile-lg\:margin-top-2 { margin-top: 1rem; } .mobile-lg\:margin-bottom-2 { margin-bottom: 1rem; } .mobile-lg\:margin-y-205 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .mobile-lg\:margin-top-205 { margin-top: 1.25rem; } .mobile-lg\:margin-bottom-205 { margin-bottom: 1.25rem; } .mobile-lg\:margin-y-3 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .mobile-lg\:margin-top-3 { margin-top: 1.5rem; } .mobile-lg\:margin-bottom-3 { margin-bottom: 1.5rem; } .mobile-lg\:margin-y-neg-1px { margin-top: -1px; margin-bottom: -1px; } .mobile-lg\:margin-top-neg-1px { margin-top: -1px; } .mobile-lg\:margin-bottom-neg-1px { margin-bottom: -1px; } .mobile-lg\:margin-y-neg-2px { margin-top: -2px; margin-bottom: -2px; } .mobile-lg\:margin-top-neg-2px { margin-top: -2px; } .mobile-lg\:margin-bottom-neg-2px { margin-bottom: -2px; } .mobile-lg\:margin-y-neg-05 { margin-top: -0.25rem; margin-bottom: -0.25rem; } .mobile-lg\:margin-top-neg-05 { margin-top: -0.25rem; } .mobile-lg\:margin-bottom-neg-05 { margin-bottom: -0.25rem; } .mobile-lg\:margin-y-neg-1 { margin-top: -0.5rem; margin-bottom: -0.5rem; } .mobile-lg\:margin-top-neg-1 { margin-top: -0.5rem; } .mobile-lg\:margin-bottom-neg-1 { margin-bottom: -0.5rem; } .mobile-lg\:margin-y-neg-105 { margin-top: -0.75rem; margin-bottom: -0.75rem; } .mobile-lg\:margin-top-neg-105 { margin-top: -0.75rem; } .mobile-lg\:margin-bottom-neg-105 { margin-bottom: -0.75rem; } .mobile-lg\:margin-y-neg-2 { margin-top: -1rem; margin-bottom: -1rem; } .mobile-lg\:margin-top-neg-2 { margin-top: -1rem; } .mobile-lg\:margin-bottom-neg-2 { margin-bottom: -1rem; } .mobile-lg\:margin-y-neg-205 { margin-top: -1.25rem; margin-bottom: -1.25rem; } .mobile-lg\:margin-top-neg-205 { margin-top: -1.25rem; } .mobile-lg\:margin-bottom-neg-205 { margin-bottom: -1.25rem; } .mobile-lg\:margin-y-neg-3 { margin-top: -1.5rem; margin-bottom: -1.5rem; } .mobile-lg\:margin-top-neg-3 { margin-top: -1.5rem; } .mobile-lg\:margin-bottom-neg-3 { margin-bottom: -1.5rem; } .mobile-lg\:margin-y-neg-4 { margin-top: -2rem; margin-bottom: -2rem; } .mobile-lg\:margin-top-neg-4 { margin-top: -2rem; } .mobile-lg\:margin-bottom-neg-4 { margin-bottom: -2rem; } .mobile-lg\:margin-y-neg-5 { margin-top: -2.5rem; margin-bottom: -2.5rem; } .mobile-lg\:margin-top-neg-5 { margin-top: -2.5rem; } .mobile-lg\:margin-bottom-neg-5 { margin-bottom: -2.5rem; } .mobile-lg\:margin-y-neg-6 { margin-top: -3rem; margin-bottom: -3rem; } .mobile-lg\:margin-top-neg-6 { margin-top: -3rem; } .mobile-lg\:margin-bottom-neg-6 { margin-bottom: -3rem; } .mobile-lg\:margin-y-neg-7 { margin-top: -3.5rem; margin-bottom: -3.5rem; } .mobile-lg\:margin-top-neg-7 { margin-top: -3.5rem; } .mobile-lg\:margin-bottom-neg-7 { margin-bottom: -3.5rem; } .mobile-lg\:margin-y-neg-8 { margin-top: -4rem; margin-bottom: -4rem; } .mobile-lg\:margin-top-neg-8 { margin-top: -4rem; } .mobile-lg\:margin-bottom-neg-8 { margin-bottom: -4rem; } .mobile-lg\:margin-y-neg-9 { margin-top: -4.5rem; margin-bottom: -4.5rem; } .mobile-lg\:margin-top-neg-9 { margin-top: -4.5rem; } .mobile-lg\:margin-bottom-neg-9 { margin-bottom: -4.5rem; } .mobile-lg\:margin-y-neg-10 { margin-top: -5rem; margin-bottom: -5rem; } .mobile-lg\:margin-top-neg-10 { margin-top: -5rem; } .mobile-lg\:margin-bottom-neg-10 { margin-bottom: -5rem; } .mobile-lg\:margin-y-neg-15 { margin-top: -7.5rem; margin-bottom: -7.5rem; } .mobile-lg\:margin-top-neg-15 { margin-top: -7.5rem; } .mobile-lg\:margin-bottom-neg-15 { margin-bottom: -7.5rem; } .mobile-lg\:margin-y-4 { margin-top: 2rem; margin-bottom: 2rem; } .mobile-lg\:margin-top-4 { margin-top: 2rem; } .mobile-lg\:margin-bottom-4 { margin-bottom: 2rem; } .mobile-lg\:margin-y-5 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .mobile-lg\:margin-top-5 { margin-top: 2.5rem; } .mobile-lg\:margin-bottom-5 { margin-bottom: 2.5rem; } .mobile-lg\:margin-y-6 { margin-top: 3rem; margin-bottom: 3rem; } .mobile-lg\:margin-top-6 { margin-top: 3rem; } .mobile-lg\:margin-bottom-6 { margin-bottom: 3rem; } .mobile-lg\:margin-y-7 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .mobile-lg\:margin-top-7 { margin-top: 3.5rem; } .mobile-lg\:margin-bottom-7 { margin-bottom: 3.5rem; } .mobile-lg\:margin-y-8 { margin-top: 4rem; margin-bottom: 4rem; } .mobile-lg\:margin-top-8 { margin-top: 4rem; } .mobile-lg\:margin-bottom-8 { margin-bottom: 4rem; } .mobile-lg\:margin-y-9 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .mobile-lg\:margin-top-9 { margin-top: 4.5rem; } .mobile-lg\:margin-bottom-9 { margin-bottom: 4.5rem; } .mobile-lg\:margin-y-10 { margin-top: 5rem; margin-bottom: 5rem; } .mobile-lg\:margin-top-10 { margin-top: 5rem; } .mobile-lg\:margin-bottom-10 { margin-bottom: 5rem; } .mobile-lg\:margin-y-15 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .mobile-lg\:margin-top-15 { margin-top: 7.5rem; } .mobile-lg\:margin-bottom-15 { margin-bottom: 7.5rem; } .mobile-lg\:margin-y-05em { margin-top: 0.5em; margin-bottom: 0.5em; } .mobile-lg\:margin-top-05em { margin-top: 0.5em; } .mobile-lg\:margin-bottom-05em { margin-bottom: 0.5em; } .mobile-lg\:margin-y-1em { margin-top: 1em; margin-bottom: 1em; } .mobile-lg\:margin-top-1em { margin-top: 1em; } .mobile-lg\:margin-bottom-1em { margin-bottom: 1em; } .mobile-lg\:margin-y-105em { margin-top: 1.5em; margin-bottom: 1.5em; } .mobile-lg\:margin-top-105em { margin-top: 1.5em; } .mobile-lg\:margin-bottom-105em { margin-bottom: 1.5em; } .mobile-lg\:margin-y-2em { margin-top: 2em; margin-bottom: 2em; } .mobile-lg\:margin-top-2em { margin-top: 2em; } .mobile-lg\:margin-bottom-2em { margin-bottom: 2em; } .mobile-lg\:margin-y-0 { margin-top: 0; margin-bottom: 0; } .mobile-lg\:margin-top-0 { margin-top: 0; } .mobile-lg\:margin-bottom-0 { margin-bottom: 0; } .mobile-lg\:margin-y-auto { margin-top: auto; margin-bottom: auto; } .mobile-lg\:margin-top-auto { margin-top: auto; } .mobile-lg\:margin-bottom-auto { margin-bottom: auto; } .mobile-lg\:margin-x-1px { margin-left: 1px; margin-right: 1px; } .mobile-lg\:margin-right-1px { margin-right: 1px; } .mobile-lg\:margin-left-1px { margin-left: 1px; } .mobile-lg\:margin-x-2px { margin-left: 2px; margin-right: 2px; } .mobile-lg\:margin-right-2px { margin-right: 2px; } .mobile-lg\:margin-left-2px { margin-left: 2px; } .mobile-lg\:margin-x-05 { margin-left: 0.25rem; margin-right: 0.25rem; } .mobile-lg\:margin-right-05 { margin-right: 0.25rem; } .mobile-lg\:margin-left-05 { margin-left: 0.25rem; } .mobile-lg\:margin-x-1 { margin-left: 0.5rem; margin-right: 0.5rem; } .mobile-lg\:margin-right-1 { margin-right: 0.5rem; } .mobile-lg\:margin-left-1 { margin-left: 0.5rem; } .mobile-lg\:margin-x-105 { margin-left: 0.75rem; margin-right: 0.75rem; } .mobile-lg\:margin-right-105 { margin-right: 0.75rem; } .mobile-lg\:margin-left-105 { margin-left: 0.75rem; } .mobile-lg\:margin-x-2 { margin-left: 1rem; margin-right: 1rem; } .mobile-lg\:margin-right-2 { margin-right: 1rem; } .mobile-lg\:margin-left-2 { margin-left: 1rem; } .mobile-lg\:margin-x-205 { margin-left: 1.25rem; margin-right: 1.25rem; } .mobile-lg\:margin-right-205 { margin-right: 1.25rem; } .mobile-lg\:margin-left-205 { margin-left: 1.25rem; } .mobile-lg\:margin-x-3 { margin-left: 1.5rem; margin-right: 1.5rem; } .mobile-lg\:margin-right-3 { margin-right: 1.5rem; } .mobile-lg\:margin-left-3 { margin-left: 1.5rem; } .mobile-lg\:margin-x-neg-1px { margin-left: -1px; margin-right: -1px; } .mobile-lg\:margin-right-neg-1px { margin-right: -1px; } .mobile-lg\:margin-left-neg-1px { margin-left: -1px; } .mobile-lg\:margin-x-neg-2px { margin-left: -2px; margin-right: -2px; } .mobile-lg\:margin-right-neg-2px { margin-right: -2px; } .mobile-lg\:margin-left-neg-2px { margin-left: -2px; } .mobile-lg\:margin-x-neg-05 { margin-left: -0.25rem; margin-right: -0.25rem; } .mobile-lg\:margin-right-neg-05 { margin-right: -0.25rem; } .mobile-lg\:margin-left-neg-05 { margin-left: -0.25rem; } .mobile-lg\:margin-x-neg-1 { margin-left: -0.5rem; margin-right: -0.5rem; } .mobile-lg\:margin-right-neg-1 { margin-right: -0.5rem; } .mobile-lg\:margin-left-neg-1 { margin-left: -0.5rem; } .mobile-lg\:margin-x-neg-105 { margin-left: -0.75rem; margin-right: -0.75rem; } .mobile-lg\:margin-right-neg-105 { margin-right: -0.75rem; } .mobile-lg\:margin-left-neg-105 { margin-left: -0.75rem; } .mobile-lg\:margin-x-neg-2 { margin-left: -1rem; margin-right: -1rem; } .mobile-lg\:margin-right-neg-2 { margin-right: -1rem; } .mobile-lg\:margin-left-neg-2 { margin-left: -1rem; } .mobile-lg\:margin-x-neg-205 { margin-left: -1.25rem; margin-right: -1.25rem; } .mobile-lg\:margin-right-neg-205 { margin-right: -1.25rem; } .mobile-lg\:margin-left-neg-205 { margin-left: -1.25rem; } .mobile-lg\:margin-x-neg-3 { margin-left: -1.5rem; margin-right: -1.5rem; } .mobile-lg\:margin-right-neg-3 { margin-right: -1.5rem; } .mobile-lg\:margin-left-neg-3 { margin-left: -1.5rem; } .mobile-lg\:margin-x-neg-4 { margin-left: -2rem; margin-right: -2rem; } .mobile-lg\:margin-right-neg-4 { margin-right: -2rem; } .mobile-lg\:margin-left-neg-4 { margin-left: -2rem; } .mobile-lg\:margin-x-neg-5 { margin-left: -2.5rem; margin-right: -2.5rem; } .mobile-lg\:margin-right-neg-5 { margin-right: -2.5rem; } .mobile-lg\:margin-left-neg-5 { margin-left: -2.5rem; } .mobile-lg\:margin-x-neg-6 { margin-left: -3rem; margin-right: -3rem; } .mobile-lg\:margin-right-neg-6 { margin-right: -3rem; } .mobile-lg\:margin-left-neg-6 { margin-left: -3rem; } .mobile-lg\:margin-x-neg-7 { margin-left: -3.5rem; margin-right: -3.5rem; } .mobile-lg\:margin-right-neg-7 { margin-right: -3.5rem; } .mobile-lg\:margin-left-neg-7 { margin-left: -3.5rem; } .mobile-lg\:margin-x-neg-8 { margin-left: -4rem; margin-right: -4rem; } .mobile-lg\:margin-right-neg-8 { margin-right: -4rem; } .mobile-lg\:margin-left-neg-8 { margin-left: -4rem; } .mobile-lg\:margin-x-neg-9 { margin-left: -4.5rem; margin-right: -4.5rem; } .mobile-lg\:margin-right-neg-9 { margin-right: -4.5rem; } .mobile-lg\:margin-left-neg-9 { margin-left: -4.5rem; } .mobile-lg\:margin-x-neg-10 { margin-left: -5rem; margin-right: -5rem; } .mobile-lg\:margin-right-neg-10 { margin-right: -5rem; } .mobile-lg\:margin-left-neg-10 { margin-left: -5rem; } .mobile-lg\:margin-x-neg-15 { margin-left: -7.5rem; margin-right: -7.5rem; } .mobile-lg\:margin-right-neg-15 { margin-right: -7.5rem; } .mobile-lg\:margin-left-neg-15 { margin-left: -7.5rem; } .mobile-lg\:margin-x-4 { margin-left: 2rem; margin-right: 2rem; } .mobile-lg\:margin-right-4 { margin-right: 2rem; } .mobile-lg\:margin-left-4 { margin-left: 2rem; } .mobile-lg\:margin-x-5 { margin-left: 2.5rem; margin-right: 2.5rem; } .mobile-lg\:margin-right-5 { margin-right: 2.5rem; } .mobile-lg\:margin-left-5 { margin-left: 2.5rem; } .mobile-lg\:margin-x-6 { margin-left: 3rem; margin-right: 3rem; } .mobile-lg\:margin-right-6 { margin-right: 3rem; } .mobile-lg\:margin-left-6 { margin-left: 3rem; } .mobile-lg\:margin-x-7 { margin-left: 3.5rem; margin-right: 3.5rem; } .mobile-lg\:margin-right-7 { margin-right: 3.5rem; } .mobile-lg\:margin-left-7 { margin-left: 3.5rem; } .mobile-lg\:margin-x-8 { margin-left: 4rem; margin-right: 4rem; } .mobile-lg\:margin-right-8 { margin-right: 4rem; } .mobile-lg\:margin-left-8 { margin-left: 4rem; } .mobile-lg\:margin-x-9 { margin-left: 4.5rem; margin-right: 4.5rem; } .mobile-lg\:margin-right-9 { margin-right: 4.5rem; } .mobile-lg\:margin-left-9 { margin-left: 4.5rem; } .mobile-lg\:margin-x-10 { margin-left: 5rem; margin-right: 5rem; } .mobile-lg\:margin-right-10 { margin-right: 5rem; } .mobile-lg\:margin-left-10 { margin-left: 5rem; } .mobile-lg\:margin-x-15 { margin-left: 7.5rem; margin-right: 7.5rem; } .mobile-lg\:margin-right-15 { margin-right: 7.5rem; } .mobile-lg\:margin-left-15 { margin-left: 7.5rem; } .mobile-lg\:margin-x-card { margin-left: 10rem; margin-right: 10rem; } .mobile-lg\:margin-right-card { margin-right: 10rem; } .mobile-lg\:margin-left-card { margin-left: 10rem; } .mobile-lg\:margin-x-card-lg { margin-left: 15rem; margin-right: 15rem; } .mobile-lg\:margin-right-card-lg { margin-right: 15rem; } .mobile-lg\:margin-left-card-lg { margin-left: 15rem; } .mobile-lg\:margin-x-mobile { margin-left: 20rem; margin-right: 20rem; } .mobile-lg\:margin-right-mobile { margin-right: 20rem; } .mobile-lg\:margin-left-mobile { margin-left: 20rem; } .mobile-lg\:margin-x-05em { margin-left: 0.5em; margin-right: 0.5em; } .mobile-lg\:margin-right-05em { margin-right: 0.5em; } .mobile-lg\:margin-left-05em { margin-left: 0.5em; } .mobile-lg\:margin-x-1em { margin-left: 1em; margin-right: 1em; } .mobile-lg\:margin-right-1em { margin-right: 1em; } .mobile-lg\:margin-left-1em { margin-left: 1em; } .mobile-lg\:margin-x-105em { margin-left: 1.5em; margin-right: 1.5em; } .mobile-lg\:margin-right-105em { margin-right: 1.5em; } .mobile-lg\:margin-left-105em { margin-left: 1.5em; } .mobile-lg\:margin-x-2em { margin-left: 2em; margin-right: 2em; } .mobile-lg\:margin-right-2em { margin-right: 2em; } .mobile-lg\:margin-left-2em { margin-left: 2em; } .mobile-lg\:margin-x-0 { margin-left: 0; margin-right: 0; } .mobile-lg\:margin-right-0 { margin-right: 0; } .mobile-lg\:margin-left-0 { margin-left: 0; } .mobile-lg\:margin-x-auto { margin-left: auto; margin-right: auto; } .mobile-lg\:margin-right-auto { margin-right: auto; } .mobile-lg\:margin-left-auto { margin-left: auto; } .mobile-lg\:measure-1 { max-width: 44ex; } .mobile-lg\:measure-2 { max-width: 60ex; } .mobile-lg\:measure-3 { max-width: 64ex; } .mobile-lg\:measure-4 { max-width: 68ex; } .mobile-lg\:measure-5 { max-width: 72ex; } .mobile-lg\:measure-6 { max-width: 88ex; } .mobile-lg\:measure-none { max-width: none; } .mobile-lg\:order-first { order: -1; } .mobile-lg\:order-last { order: 999; } .mobile-lg\:order-initial { order: initial; } .mobile-lg\:order-0 { order: 0; } .mobile-lg\:order-1 { order: 1; } .mobile-lg\:order-2 { order: 2; } .mobile-lg\:order-3 { order: 3; } .mobile-lg\:order-4 { order: 4; } .mobile-lg\:order-5 { order: 5; } .mobile-lg\:order-6 { order: 6; } .mobile-lg\:order-7 { order: 7; } .mobile-lg\:order-8 { order: 8; } .mobile-lg\:order-9 { order: 9; } .mobile-lg\:order-10 { order: 10; } .mobile-lg\:order-11 { order: 11; } .mobile-lg\:padding-1px { padding: 1px; } .mobile-lg\:padding-y-1px { padding-top: 1px; padding-bottom: 1px; } .mobile-lg\:padding-x-1px { padding-left: 1px; padding-right: 1px; } .mobile-lg\:padding-top-1px { padding-top: 1px; } .mobile-lg\:padding-right-1px { padding-right: 1px; } .mobile-lg\:padding-bottom-1px { padding-bottom: 1px; } .mobile-lg\:padding-left-1px { padding-left: 1px; } .mobile-lg\:padding-2px { padding: 2px; } .mobile-lg\:padding-y-2px { padding-top: 2px; padding-bottom: 2px; } .mobile-lg\:padding-x-2px { padding-left: 2px; padding-right: 2px; } .mobile-lg\:padding-top-2px { padding-top: 2px; } .mobile-lg\:padding-right-2px { padding-right: 2px; } .mobile-lg\:padding-bottom-2px { padding-bottom: 2px; } .mobile-lg\:padding-left-2px { padding-left: 2px; } .mobile-lg\:padding-05 { padding: 0.25rem; } .mobile-lg\:padding-y-05 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .mobile-lg\:padding-x-05 { padding-left: 0.25rem; padding-right: 0.25rem; } .mobile-lg\:padding-top-05 { padding-top: 0.25rem; } .mobile-lg\:padding-right-05 { padding-right: 0.25rem; } .mobile-lg\:padding-bottom-05 { padding-bottom: 0.25rem; } .mobile-lg\:padding-left-05 { padding-left: 0.25rem; } .mobile-lg\:padding-1 { padding: 0.5rem; } .mobile-lg\:padding-y-1 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .mobile-lg\:padding-x-1 { padding-left: 0.5rem; padding-right: 0.5rem; } .mobile-lg\:padding-top-1 { padding-top: 0.5rem; } .mobile-lg\:padding-right-1 { padding-right: 0.5rem; } .mobile-lg\:padding-bottom-1 { padding-bottom: 0.5rem; } .mobile-lg\:padding-left-1 { padding-left: 0.5rem; } .mobile-lg\:padding-105 { padding: 0.75rem; } .mobile-lg\:padding-y-105 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .mobile-lg\:padding-x-105 { padding-left: 0.75rem; padding-right: 0.75rem; } .mobile-lg\:padding-top-105 { padding-top: 0.75rem; } .mobile-lg\:padding-right-105 { padding-right: 0.75rem; } .mobile-lg\:padding-bottom-105 { padding-bottom: 0.75rem; } .mobile-lg\:padding-left-105 { padding-left: 0.75rem; } .mobile-lg\:padding-2 { padding: 1rem; } .mobile-lg\:padding-y-2 { padding-top: 1rem; padding-bottom: 1rem; } .mobile-lg\:padding-x-2 { padding-left: 1rem; padding-right: 1rem; } .mobile-lg\:padding-top-2 { padding-top: 1rem; } .mobile-lg\:padding-right-2 { padding-right: 1rem; } .mobile-lg\:padding-bottom-2 { padding-bottom: 1rem; } .mobile-lg\:padding-left-2 { padding-left: 1rem; } .mobile-lg\:padding-205 { padding: 1.25rem; } .mobile-lg\:padding-y-205 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .mobile-lg\:padding-x-205 { padding-left: 1.25rem; padding-right: 1.25rem; } .mobile-lg\:padding-top-205 { padding-top: 1.25rem; } .mobile-lg\:padding-right-205 { padding-right: 1.25rem; } .mobile-lg\:padding-bottom-205 { padding-bottom: 1.25rem; } .mobile-lg\:padding-left-205 { padding-left: 1.25rem; } .mobile-lg\:padding-3 { padding: 1.5rem; } .mobile-lg\:padding-y-3 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .mobile-lg\:padding-x-3 { padding-left: 1.5rem; padding-right: 1.5rem; } .mobile-lg\:padding-top-3 { padding-top: 1.5rem; } .mobile-lg\:padding-right-3 { padding-right: 1.5rem; } .mobile-lg\:padding-bottom-3 { padding-bottom: 1.5rem; } .mobile-lg\:padding-left-3 { padding-left: 1.5rem; } .mobile-lg\:padding-4 { padding: 2rem; } .mobile-lg\:padding-y-4 { padding-top: 2rem; padding-bottom: 2rem; } .mobile-lg\:padding-x-4 { padding-left: 2rem; padding-right: 2rem; } .mobile-lg\:padding-top-4 { padding-top: 2rem; } .mobile-lg\:padding-right-4 { padding-right: 2rem; } .mobile-lg\:padding-bottom-4 { padding-bottom: 2rem; } .mobile-lg\:padding-left-4 { padding-left: 2rem; } .mobile-lg\:padding-5 { padding: 2.5rem; } .mobile-lg\:padding-y-5 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .mobile-lg\:padding-x-5 { padding-left: 2.5rem; padding-right: 2.5rem; } .mobile-lg\:padding-top-5 { padding-top: 2.5rem; } .mobile-lg\:padding-right-5 { padding-right: 2.5rem; } .mobile-lg\:padding-bottom-5 { padding-bottom: 2.5rem; } .mobile-lg\:padding-left-5 { padding-left: 2.5rem; } .mobile-lg\:padding-6 { padding: 3rem; } .mobile-lg\:padding-y-6 { padding-top: 3rem; padding-bottom: 3rem; } .mobile-lg\:padding-x-6 { padding-left: 3rem; padding-right: 3rem; } .mobile-lg\:padding-top-6 { padding-top: 3rem; } .mobile-lg\:padding-right-6 { padding-right: 3rem; } .mobile-lg\:padding-bottom-6 { padding-bottom: 3rem; } .mobile-lg\:padding-left-6 { padding-left: 3rem; } .mobile-lg\:padding-7 { padding: 3.5rem; } .mobile-lg\:padding-y-7 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .mobile-lg\:padding-x-7 { padding-left: 3.5rem; padding-right: 3.5rem; } .mobile-lg\:padding-top-7 { padding-top: 3.5rem; } .mobile-lg\:padding-right-7 { padding-right: 3.5rem; } .mobile-lg\:padding-bottom-7 { padding-bottom: 3.5rem; } .mobile-lg\:padding-left-7 { padding-left: 3.5rem; } .mobile-lg\:padding-8 { padding: 4rem; } .mobile-lg\:padding-y-8 { padding-top: 4rem; padding-bottom: 4rem; } .mobile-lg\:padding-x-8 { padding-left: 4rem; padding-right: 4rem; } .mobile-lg\:padding-top-8 { padding-top: 4rem; } .mobile-lg\:padding-right-8 { padding-right: 4rem; } .mobile-lg\:padding-bottom-8 { padding-bottom: 4rem; } .mobile-lg\:padding-left-8 { padding-left: 4rem; } .mobile-lg\:padding-9 { padding: 4.5rem; } .mobile-lg\:padding-y-9 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .mobile-lg\:padding-x-9 { padding-left: 4.5rem; padding-right: 4.5rem; } .mobile-lg\:padding-top-9 { padding-top: 4.5rem; } .mobile-lg\:padding-right-9 { padding-right: 4.5rem; } .mobile-lg\:padding-bottom-9 { padding-bottom: 4.5rem; } .mobile-lg\:padding-left-9 { padding-left: 4.5rem; } .mobile-lg\:padding-10 { padding: 5rem; } .mobile-lg\:padding-y-10 { padding-top: 5rem; padding-bottom: 5rem; } .mobile-lg\:padding-x-10 { padding-left: 5rem; padding-right: 5rem; } .mobile-lg\:padding-top-10 { padding-top: 5rem; } .mobile-lg\:padding-right-10 { padding-right: 5rem; } .mobile-lg\:padding-bottom-10 { padding-bottom: 5rem; } .mobile-lg\:padding-left-10 { padding-left: 5rem; } .mobile-lg\:padding-15 { padding: 7.5rem; } .mobile-lg\:padding-y-15 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .mobile-lg\:padding-x-15 { padding-left: 7.5rem; padding-right: 7.5rem; } .mobile-lg\:padding-top-15 { padding-top: 7.5rem; } .mobile-lg\:padding-right-15 { padding-right: 7.5rem; } .mobile-lg\:padding-bottom-15 { padding-bottom: 7.5rem; } .mobile-lg\:padding-left-15 { padding-left: 7.5rem; } .mobile-lg\:padding-0 { padding: 0; } .mobile-lg\:padding-y-0 { padding-top: 0; padding-bottom: 0; } .mobile-lg\:padding-x-0 { padding-left: 0; padding-right: 0; } .mobile-lg\:padding-top-0 { padding-top: 0; } .mobile-lg\:padding-right-0 { padding-right: 0; } .mobile-lg\:padding-bottom-0 { padding-bottom: 0; } .mobile-lg\:padding-left-0 { padding-left: 0; } .mobile-lg\:width-1px { width: 1px; } .mobile-lg\:width-2px { width: 2px; } .mobile-lg\:width-05 { width: 0.25rem; } .mobile-lg\:width-1 { width: 0.5rem; } .mobile-lg\:width-105 { width: 0.75rem; } .mobile-lg\:width-2 { width: 1rem; } .mobile-lg\:width-205 { width: 1.25rem; } .mobile-lg\:width-3 { width: 1.5rem; } .mobile-lg\:width-4 { width: 2rem; } .mobile-lg\:width-5 { width: 2.5rem; } .mobile-lg\:width-6 { width: 3rem; } .mobile-lg\:width-7 { width: 3.5rem; } .mobile-lg\:width-8 { width: 4rem; } .mobile-lg\:width-9 { width: 4.5rem; } .mobile-lg\:width-10 { width: 5rem; } .mobile-lg\:width-15 { width: 7.5rem; } .mobile-lg\:width-card { width: 10rem; } .mobile-lg\:width-card-lg { width: 15rem; } .mobile-lg\:width-mobile { width: 20rem; } .mobile-lg\:width-mobile-lg { width: 30rem; } .mobile-lg\:width-tablet { width: 40rem; } .mobile-lg\:width-tablet-lg { width: 55rem; } .mobile-lg\:width-desktop { width: 64rem; } .mobile-lg\:width-desktop-lg { width: 75rem; } .mobile-lg\:width-widescreen { width: 87.5rem; } .mobile-lg\:width-0 { width: 0; } .mobile-lg\:width-full { width: 100%; } .mobile-lg\:width-auto { width: auto; } } @media all and (min-width: 40em) { .tablet\:border-1px { border: 1px solid; } .tablet\:hover\:border-1px:hover { border: 1px solid; } .tablet\:border-y-1px { border-top: 1px solid; border-bottom: 1px solid; } .tablet\:hover\:border-y-1px:hover { border-top: 1px solid; border-bottom: 1px solid; } .tablet\:border-x-1px { border-left: 1px solid; border-right: 1px solid; } .tablet\:hover\:border-x-1px:hover { border-left: 1px solid; border-right: 1px solid; } .tablet\:border-top-1px { border-top: 1px solid; } .tablet\:hover\:border-top-1px:hover { border-top: 1px solid; } .tablet\:border-right-1px { border-right: 1px solid; } .tablet\:hover\:border-right-1px:hover { border-right: 1px solid; } .tablet\:border-bottom-1px { border-bottom: 1px solid; } .tablet\:hover\:border-bottom-1px:hover { border-bottom: 1px solid; } .tablet\:border-left-1px { border-left: 1px solid; } .tablet\:hover\:border-left-1px:hover { border-left: 1px solid; } .tablet\:border-2px { border: 2px solid; } .tablet\:hover\:border-2px:hover { border: 2px solid; } .tablet\:border-y-2px { border-top: 2px solid; border-bottom: 2px solid; } .tablet\:hover\:border-y-2px:hover { border-top: 2px solid; border-bottom: 2px solid; } .tablet\:border-x-2px { border-left: 2px solid; border-right: 2px solid; } .tablet\:hover\:border-x-2px:hover { border-left: 2px solid; border-right: 2px solid; } .tablet\:border-top-2px { border-top: 2px solid; } .tablet\:hover\:border-top-2px:hover { border-top: 2px solid; } .tablet\:border-right-2px { border-right: 2px solid; } .tablet\:hover\:border-right-2px:hover { border-right: 2px solid; } .tablet\:border-bottom-2px { border-bottom: 2px solid; } .tablet\:hover\:border-bottom-2px:hover { border-bottom: 2px solid; } .tablet\:border-left-2px { border-left: 2px solid; } .tablet\:hover\:border-left-2px:hover { border-left: 2px solid; } .tablet\:border-05 { border: 0.25rem solid; } .tablet\:hover\:border-05:hover { border: 0.25rem solid; } .tablet\:border-y-05 { border-top: 0.25rem solid; border-bottom: 0.25rem solid; } .tablet\:hover\:border-y-05:hover { border-top: 0.25rem solid; border-bottom: 0.25rem solid; } .tablet\:border-x-05 { border-left: 0.25rem solid; border-right: 0.25rem solid; } .tablet\:hover\:border-x-05:hover { border-left: 0.25rem solid; border-right: 0.25rem solid; } .tablet\:border-top-05 { border-top: 0.25rem solid; } .tablet\:hover\:border-top-05:hover { border-top: 0.25rem solid; } .tablet\:border-right-05 { border-right: 0.25rem solid; } .tablet\:hover\:border-right-05:hover { border-right: 0.25rem solid; } .tablet\:border-bottom-05 { border-bottom: 0.25rem solid; } .tablet\:hover\:border-bottom-05:hover { border-bottom: 0.25rem solid; } .tablet\:border-left-05 { border-left: 0.25rem solid; } .tablet\:hover\:border-left-05:hover { border-left: 0.25rem solid; } .tablet\:border-1 { border: 0.5rem solid; } .tablet\:hover\:border-1:hover { border: 0.5rem solid; } .tablet\:border-y-1 { border-top: 0.5rem solid; border-bottom: 0.5rem solid; } .tablet\:hover\:border-y-1:hover { border-top: 0.5rem solid; border-bottom: 0.5rem solid; } .tablet\:border-x-1 { border-left: 0.5rem solid; border-right: 0.5rem solid; } .tablet\:hover\:border-x-1:hover { border-left: 0.5rem solid; border-right: 0.5rem solid; } .tablet\:border-top-1 { border-top: 0.5rem solid; } .tablet\:hover\:border-top-1:hover { border-top: 0.5rem solid; } .tablet\:border-right-1 { border-right: 0.5rem solid; } .tablet\:hover\:border-right-1:hover { border-right: 0.5rem solid; } .tablet\:border-bottom-1 { border-bottom: 0.5rem solid; } .tablet\:hover\:border-bottom-1:hover { border-bottom: 0.5rem solid; } .tablet\:border-left-1 { border-left: 0.5rem solid; } .tablet\:hover\:border-left-1:hover { border-left: 0.5rem solid; } .tablet\:border-105 { border: 0.75rem solid; } .tablet\:hover\:border-105:hover { border: 0.75rem solid; } .tablet\:border-y-105 { border-top: 0.75rem solid; border-bottom: 0.75rem solid; } .tablet\:hover\:border-y-105:hover { border-top: 0.75rem solid; border-bottom: 0.75rem solid; } .tablet\:border-x-105 { border-left: 0.75rem solid; border-right: 0.75rem solid; } .tablet\:hover\:border-x-105:hover { border-left: 0.75rem solid; border-right: 0.75rem solid; } .tablet\:border-top-105 { border-top: 0.75rem solid; } .tablet\:hover\:border-top-105:hover { border-top: 0.75rem solid; } .tablet\:border-right-105 { border-right: 0.75rem solid; } .tablet\:hover\:border-right-105:hover { border-right: 0.75rem solid; } .tablet\:border-bottom-105 { border-bottom: 0.75rem solid; } .tablet\:hover\:border-bottom-105:hover { border-bottom: 0.75rem solid; } .tablet\:border-left-105 { border-left: 0.75rem solid; } .tablet\:hover\:border-left-105:hover { border-left: 0.75rem solid; } .tablet\:border-2 { border: 1rem solid; } .tablet\:hover\:border-2:hover { border: 1rem solid; } .tablet\:border-y-2 { border-top: 1rem solid; border-bottom: 1rem solid; } .tablet\:hover\:border-y-2:hover { border-top: 1rem solid; border-bottom: 1rem solid; } .tablet\:border-x-2 { border-left: 1rem solid; border-right: 1rem solid; } .tablet\:hover\:border-x-2:hover { border-left: 1rem solid; border-right: 1rem solid; } .tablet\:border-top-2 { border-top: 1rem solid; } .tablet\:hover\:border-top-2:hover { border-top: 1rem solid; } .tablet\:border-right-2 { border-right: 1rem solid; } .tablet\:hover\:border-right-2:hover { border-right: 1rem solid; } .tablet\:border-bottom-2 { border-bottom: 1rem solid; } .tablet\:hover\:border-bottom-2:hover { border-bottom: 1rem solid; } .tablet\:border-left-2 { border-left: 1rem solid; } .tablet\:hover\:border-left-2:hover { border-left: 1rem solid; } .tablet\:border-205 { border: 1.25rem solid; } .tablet\:hover\:border-205:hover { border: 1.25rem solid; } .tablet\:border-y-205 { border-top: 1.25rem solid; border-bottom: 1.25rem solid; } .tablet\:hover\:border-y-205:hover { border-top: 1.25rem solid; border-bottom: 1.25rem solid; } .tablet\:border-x-205 { border-left: 1.25rem solid; border-right: 1.25rem solid; } .tablet\:hover\:border-x-205:hover { border-left: 1.25rem solid; border-right: 1.25rem solid; } .tablet\:border-top-205 { border-top: 1.25rem solid; } .tablet\:hover\:border-top-205:hover { border-top: 1.25rem solid; } .tablet\:border-right-205 { border-right: 1.25rem solid; } .tablet\:hover\:border-right-205:hover { border-right: 1.25rem solid; } .tablet\:border-bottom-205 { border-bottom: 1.25rem solid; } .tablet\:hover\:border-bottom-205:hover { border-bottom: 1.25rem solid; } .tablet\:border-left-205 { border-left: 1.25rem solid; } .tablet\:hover\:border-left-205:hover { border-left: 1.25rem solid; } .tablet\:border-3 { border: 1.5rem solid; } .tablet\:hover\:border-3:hover { border: 1.5rem solid; } .tablet\:border-y-3 { border-top: 1.5rem solid; border-bottom: 1.5rem solid; } .tablet\:hover\:border-y-3:hover { border-top: 1.5rem solid; border-bottom: 1.5rem solid; } .tablet\:border-x-3 { border-left: 1.5rem solid; border-right: 1.5rem solid; } .tablet\:hover\:border-x-3:hover { border-left: 1.5rem solid; border-right: 1.5rem solid; } .tablet\:border-top-3 { border-top: 1.5rem solid; } .tablet\:hover\:border-top-3:hover { border-top: 1.5rem solid; } .tablet\:border-right-3 { border-right: 1.5rem solid; } .tablet\:hover\:border-right-3:hover { border-right: 1.5rem solid; } .tablet\:border-bottom-3 { border-bottom: 1.5rem solid; } .tablet\:hover\:border-bottom-3:hover { border-bottom: 1.5rem solid; } .tablet\:border-left-3 { border-left: 1.5rem solid; } .tablet\:hover\:border-left-3:hover { border-left: 1.5rem solid; } .tablet\:border-0 { border: 0 solid; } .tablet\:hover\:border-0:hover { border: 0 solid; } .tablet\:border-y-0 { border-top: 0 solid; border-bottom: 0 solid; } .tablet\:hover\:border-y-0:hover { border-top: 0 solid; border-bottom: 0 solid; } .tablet\:border-x-0 { border-left: 0 solid; border-right: 0 solid; } .tablet\:hover\:border-x-0:hover { border-left: 0 solid; border-right: 0 solid; } .tablet\:border-top-0 { border-top: 0 solid; } .tablet\:hover\:border-top-0:hover { border-top: 0 solid; } .tablet\:border-right-0 { border-right: 0 solid; } .tablet\:hover\:border-right-0:hover { border-right: 0 solid; } .tablet\:border-bottom-0 { border-bottom: 0 solid; } .tablet\:hover\:border-bottom-0:hover { border-bottom: 0 solid; } .tablet\:border-left-0 { border-left: 0 solid; } .tablet\:hover\:border-left-0:hover { border-left: 0 solid; } .tablet\:border { border: 1px solid; } .tablet\:hover\:border:hover { border: 1px solid; } .tablet\:border-y { border-top: 1px solid; border-bottom: 1px solid; } .tablet\:hover\:border-y:hover { border-top: 1px solid; border-bottom: 1px solid; } .tablet\:border-x { border-left: 1px solid; border-right: 1px solid; } .tablet\:hover\:border-x:hover { border-left: 1px solid; border-right: 1px solid; } .tablet\:border-top { border-top: 1px solid; } .tablet\:hover\:border-top:hover { border-top: 1px solid; } .tablet\:border-right { border-right: 1px solid; } .tablet\:hover\:border-right:hover { border-right: 1px solid; } .tablet\:border-bottom { border-bottom: 1px solid; } .tablet\:hover\:border-bottom:hover { border-bottom: 1px solid; } .tablet\:border-left { border-left: 1px solid; } .tablet\:hover\:border-left:hover { border-left: 1px solid; } .tablet\:border-transparent { border-color: transparent; } .tablet\:hover\:border-transparent:hover { border-color: transparent; } .tablet\:border-black { border-color: black; } .tablet\:hover\:border-black:hover { border-color: black; } .tablet\:border-white { border-color: white; } .tablet\:hover\:border-white:hover { border-color: white; } .tablet\:border-red { border-color: #e52207; } .tablet\:hover\:border-red:hover { border-color: #e52207; } .tablet\:border-orange { border-color: #e66f0e; } .tablet\:hover\:border-orange:hover { border-color: #e66f0e; } .tablet\:border-gold { border-color: #ffbe2e; } .tablet\:hover\:border-gold:hover { border-color: #ffbe2e; } .tablet\:border-yellow { border-color: #fee685; } .tablet\:hover\:border-yellow:hover { border-color: #fee685; } .tablet\:border-green { border-color: #538200; } .tablet\:hover\:border-green:hover { border-color: #538200; } .tablet\:border-mint { border-color: #04c585; } .tablet\:hover\:border-mint:hover { border-color: #04c585; } .tablet\:border-cyan { border-color: #009ec1; } .tablet\:hover\:border-cyan:hover { border-color: #009ec1; } .tablet\:border-blue { border-color: #0076d6; } .tablet\:hover\:border-blue:hover { border-color: #0076d6; } .tablet\:border-indigo { border-color: #676cc8; } .tablet\:hover\:border-indigo:hover { border-color: #676cc8; } .tablet\:border-violet { border-color: #8168b3; } .tablet\:hover\:border-violet:hover { border-color: #8168b3; } .tablet\:border-magenta { border-color: #d72d79; } .tablet\:hover\:border-magenta:hover { border-color: #d72d79; } .tablet\:border-gray-5 { border-color: #f0f0f0; } .tablet\:hover\:border-gray-5:hover { border-color: #f0f0f0; } .tablet\:border-gray-10 { border-color: #e6e6e6; } .tablet\:hover\:border-gray-10:hover { border-color: #e6e6e6; } .tablet\:border-gray-30 { border-color: #adadad; } .tablet\:hover\:border-gray-30:hover { border-color: #adadad; } .tablet\:border-gray-50 { border-color: #757575; } .tablet\:hover\:border-gray-50:hover { border-color: #757575; } .tablet\:border-gray-70 { border-color: #454545; } .tablet\:hover\:border-gray-70:hover { border-color: #454545; } .tablet\:border-gray-90 { border-color: #1b1b1b; } .tablet\:hover\:border-gray-90:hover { border-color: #1b1b1b; } .tablet\:border-base-lightest { border-color: #f0f0f0; } .tablet\:hover\:border-base-lightest:hover { border-color: #f0f0f0; } .tablet\:border-base-lighter { border-color: #dfe1e2; } .tablet\:hover\:border-base-lighter:hover { border-color: #dfe1e2; } .tablet\:border-base-light { border-color: #a9aeb1; } .tablet\:hover\:border-base-light:hover { border-color: #a9aeb1; } .tablet\:border-base { border-color: #71767a; } .tablet\:hover\:border-base:hover { border-color: #71767a; } .tablet\:border-base-dark { border-color: #565c65; } .tablet\:hover\:border-base-dark:hover { border-color: #565c65; } .tablet\:border-base-darker { border-color: #3d4551; } .tablet\:hover\:border-base-darker:hover { border-color: #3d4551; } .tablet\:border-base-darkest { border-color: #1b1b1b; } .tablet\:hover\:border-base-darkest:hover { border-color: #1b1b1b; } .tablet\:border-ink { border-color: #1b1b1b; } .tablet\:hover\:border-ink:hover { border-color: #1b1b1b; } .tablet\:border-primary-lighter { border-color: #d9e8f6; } .tablet\:hover\:border-primary-lighter:hover { border-color: #d9e8f6; } .tablet\:border-primary-light { border-color: #73b3e7; } .tablet\:hover\:border-primary-light:hover { border-color: #73b3e7; } .tablet\:border-primary { border-color: #005ea2; } .tablet\:hover\:border-primary:hover { border-color: #005ea2; } .tablet\:border-primary-vivid { border-color: #0050d8; } .tablet\:hover\:border-primary-vivid:hover { border-color: #0050d8; } .tablet\:border-primary-dark { border-color: #1a4480; } .tablet\:hover\:border-primary-dark:hover { border-color: #1a4480; } .tablet\:border-primary-darker { border-color: #252f3e; } .tablet\:hover\:border-primary-darker:hover { border-color: #252f3e; } .tablet\:border-secondary-lighter { border-color: #f2e4d4; } .tablet\:hover\:border-secondary-lighter:hover { border-color: #f2e4d4; } .tablet\:border-secondary-light { border-color: #ffbc78; } .tablet\:hover\:border-secondary-light:hover { border-color: #ffbc78; } .tablet\:border-secondary { border-color: #fa9441; } .tablet\:hover\:border-secondary:hover { border-color: #fa9441; } .tablet\:border-secondary-dark { border-color: #c05600; } .tablet\:hover\:border-secondary-dark:hover { border-color: #c05600; } .tablet\:border-secondary-darker { border-color: #775540; } .tablet\:hover\:border-secondary-darker:hover { border-color: #775540; } .tablet\:border-accent-warm-darker { border-color: #8b0a03; } .tablet\:hover\:border-accent-warm-darker:hover { border-color: #8b0a03; } .tablet\:border-accent-warm-dark { border-color: #b50909; } .tablet\:hover\:border-accent-warm-dark:hover { border-color: #b50909; } .tablet\:border-accent-warm { border-color: #d83933; } .tablet\:hover\:border-accent-warm:hover { border-color: #d83933; } .tablet\:border-accent-warm-light { border-color: #f2938c; } .tablet\:hover\:border-accent-warm-light:hover { border-color: #f2938c; } .tablet\:border-accent-warm-lighter { border-color: #f8dfe2; } .tablet\:hover\:border-accent-warm-lighter:hover { border-color: #f8dfe2; } .tablet\:border-accent-cool-darker { border-color: #07648d; } .tablet\:hover\:border-accent-cool-darker:hover { border-color: #07648d; } .tablet\:border-accent-cool-dark { border-color: #28a0cb; } .tablet\:hover\:border-accent-cool-dark:hover { border-color: #28a0cb; } .tablet\:border-accent-cool { border-color: #00bde3; } .tablet\:hover\:border-accent-cool:hover { border-color: #00bde3; } .tablet\:border-accent-cool-light { border-color: #97d4ea; } .tablet\:hover\:border-accent-cool-light:hover { border-color: #97d4ea; } .tablet\:border-accent-cool-lighter { border-color: #e1f3f8; } .tablet\:hover\:border-accent-cool-lighter:hover { border-color: #e1f3f8; } .tablet\:border-error-lighter { border-color: #f4e3db; } .tablet\:hover\:border-error-lighter:hover { border-color: #f4e3db; } .tablet\:border-error-light { border-color: #f39268; } .tablet\:hover\:border-error-light:hover { border-color: #f39268; } .tablet\:border-error { border-color: #d54309; } .tablet\:hover\:border-error:hover { border-color: #d54309; } .tablet\:border-error-dark { border-color: #b50909; } .tablet\:hover\:border-error-dark:hover { border-color: #b50909; } .tablet\:border-error-darker { border-color: #6f3331; } .tablet\:hover\:border-error-darker:hover { border-color: #6f3331; } .tablet\:border-warning-lighter { border-color: #faf3d1; } .tablet\:hover\:border-warning-lighter:hover { border-color: #faf3d1; } .tablet\:border-warning-light { border-color: #fee685; } .tablet\:hover\:border-warning-light:hover { border-color: #fee685; } .tablet\:border-warning { border-color: #ffbe2e; } .tablet\:hover\:border-warning:hover { border-color: #ffbe2e; } .tablet\:border-warning-dark { border-color: #e5a000; } .tablet\:hover\:border-warning-dark:hover { border-color: #e5a000; } .tablet\:border-warning-darker { border-color: #936f38; } .tablet\:hover\:border-warning-darker:hover { border-color: #936f38; } .tablet\:border-success-lighter { border-color: #ecf3ec; } .tablet\:hover\:border-success-lighter:hover { border-color: #ecf3ec; } .tablet\:border-success-light { border-color: #70e17b; } .tablet\:hover\:border-success-light:hover { border-color: #70e17b; } .tablet\:border-success { border-color: #00a91c; } .tablet\:hover\:border-success:hover { border-color: #00a91c; } .tablet\:border-success-dark { border-color: #008817; } .tablet\:hover\:border-success-dark:hover { border-color: #008817; } .tablet\:border-success-darker { border-color: #216e1f; } .tablet\:hover\:border-success-darker:hover { border-color: #216e1f; } .tablet\:border-info-lighter { border-color: #e7f6f8; } .tablet\:hover\:border-info-lighter:hover { border-color: #e7f6f8; } .tablet\:border-info-light { border-color: #99deea; } .tablet\:hover\:border-info-light:hover { border-color: #99deea; } .tablet\:border-info { border-color: #00bde3; } .tablet\:hover\:border-info:hover { border-color: #00bde3; } .tablet\:border-info-dark { border-color: #009ec1; } .tablet\:hover\:border-info-dark:hover { border-color: #009ec1; } .tablet\:border-info-darker { border-color: #2e6276; } .tablet\:hover\:border-info-darker:hover { border-color: #2e6276; } .tablet\:border-disabled-lighter { border-color: #c9c9c9; } .tablet\:hover\:border-disabled-lighter:hover { border-color: #c9c9c9; } .tablet\:border-disabled-light { border-color: #919191; } .tablet\:hover\:border-disabled-light:hover { border-color: #919191; } .tablet\:border-disabled { border-color: #757575; } .tablet\:hover\:border-disabled:hover { border-color: #757575; } .tablet\:border-disabled-dark { border-color: #454545; } .tablet\:hover\:border-disabled-dark:hover { border-color: #454545; } .tablet\:border-disabled-darker { border-color: #1b1b1b; } .tablet\:hover\:border-disabled-darker:hover { border-color: #1b1b1b; } .tablet\:border-emergency { border-color: #9c3d10; } .tablet\:hover\:border-emergency:hover { border-color: #9c3d10; } .tablet\:border-emergency-dark { border-color: #332d29; } .tablet\:hover\:border-emergency-dark:hover { border-color: #332d29; } .tablet\:radius-0 { border-radius: 0; } .tablet\:radius-top-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .tablet\:radius-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .tablet\:radius-bottom-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .tablet\:radius-left-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .tablet\:radius-sm { border-radius: 2px; } .tablet\:radius-top-sm { border-top-left-radius: 2px; border-top-right-radius: 2px; } .tablet\:radius-right-sm { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .tablet\:radius-bottom-sm { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .tablet\:radius-left-sm { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .tablet\:radius-md { border-radius: 0.25rem; } .tablet\:radius-top-md { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .tablet\:radius-right-md { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .tablet\:radius-bottom-md { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .tablet\:radius-left-md { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .tablet\:radius-lg { border-radius: 0.5rem; } .tablet\:radius-top-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .tablet\:radius-right-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .tablet\:radius-bottom-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .tablet\:radius-left-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .tablet\:radius-pill { border-radius: 99rem; } .tablet\:radius-top-pill { border-top-left-radius: 99rem; border-top-right-radius: 99rem; } .tablet\:radius-right-pill { border-top-right-radius: 99rem; border-bottom-right-radius: 99rem; } .tablet\:radius-bottom-pill { border-bottom-left-radius: 99rem; border-bottom-right-radius: 99rem; } .tablet\:radius-left-pill { border-top-left-radius: 99rem; border-bottom-left-radius: 99rem; } .tablet\:display-block { display: block; } .tablet\:display-flex { display: flex; } .tablet\:display-none { display: none; } .tablet\:display-inline { display: inline; } .tablet\:display-inline-block { display: inline-block; } .tablet\:display-inline-flex { display: inline-flex; } .tablet\:display-table { display: table; } .tablet\:display-table-cell { display: table-cell; } .tablet\:display-table-row { display: table-row; } .tablet\:font-lang-3xs { font-size: 0.81rem; } .tablet\:font-lang-2xs { font-size: 0.88rem; } .tablet\:font-lang-xs { font-size: 0.94rem; } .tablet\:font-lang-sm { font-size: 1rem; } .tablet\:font-lang-md { font-size: 1.06rem; } .tablet\:font-lang-lg { font-size: 1.38rem; } .tablet\:font-lang-xl { font-size: 2rem; } .tablet\:font-lang-2xl { font-size: 2.5rem; } .tablet\:font-lang-3xl { font-size: 3rem; } .tablet\:font-mono-3xs { font-size: 0.77rem; } .tablet\:font-mono-2xs { font-size: 0.83rem; } .tablet\:font-mono-xs { font-size: 0.89rem; } .tablet\:font-mono-sm { font-size: 0.95rem; } .tablet\:font-mono-md { font-size: 1.01rem; } .tablet\:font-mono-lg { font-size: 1.31rem; } .tablet\:font-mono-xl { font-size: 1.91rem; } .tablet\:font-mono-2xl { font-size: 2.38rem; } .tablet\:font-mono-3xl { font-size: 2.86rem; } .tablet\:font-sans-3xs { font-size: 0.81rem; } .tablet\:font-sans-2xs { font-size: 0.88rem; } .tablet\:font-sans-xs { font-size: 0.94rem; } .tablet\:font-sans-sm { font-size: 1rem; } .tablet\:font-sans-md { font-size: 1.06rem; } .tablet\:font-sans-lg { font-size: 1.38rem; } .tablet\:font-sans-xl { font-size: 2rem; } .tablet\:font-sans-2xl { font-size: 2.5rem; } .tablet\:font-sans-3xl { font-size: 3rem; } .tablet\:font-serif-3xs { font-size: 0.79rem; } .tablet\:font-serif-2xs { font-size: 0.85rem; } .tablet\:font-serif-xs { font-size: 0.91rem; } .tablet\:font-serif-sm { font-size: 0.98rem; } .tablet\:font-serif-md { font-size: 1.04rem; } .tablet\:font-serif-lg { font-size: 1.34rem; } .tablet\:font-serif-xl { font-size: 1.95rem; } .tablet\:font-serif-2xl { font-size: 2.44rem; } .tablet\:font-serif-3xl { font-size: 2.93rem; } .tablet\:font-heading-3xs { font-size: 0.79rem; } .tablet\:font-heading-2xs { font-size: 0.85rem; } .tablet\:font-heading-xs { font-size: 0.91rem; } .tablet\:font-heading-sm { font-size: 0.98rem; } .tablet\:font-heading-md { font-size: 1.04rem; } .tablet\:font-heading-lg { font-size: 1.34rem; } .tablet\:font-heading-xl { font-size: 1.95rem; } .tablet\:font-heading-2xl { font-size: 2.44rem; } .tablet\:font-heading-3xl { font-size: 2.93rem; } .tablet\:font-body-3xs { font-size: 0.81rem; } .tablet\:font-body-2xs { font-size: 0.88rem; } .tablet\:font-body-xs { font-size: 0.94rem; } .tablet\:font-body-sm { font-size: 1rem; } .tablet\:font-body-md { font-size: 1.06rem; } .tablet\:font-body-lg { font-size: 1.38rem; } .tablet\:font-body-xl { font-size: 2rem; } .tablet\:font-body-2xl { font-size: 2.5rem; } .tablet\:font-body-3xl { font-size: 3rem; } .tablet\:font-code-3xs { font-size: 0.77rem; } .tablet\:font-code-2xs { font-size: 0.83rem; } .tablet\:font-code-xs { font-size: 0.89rem; } .tablet\:font-code-sm { font-size: 0.95rem; } .tablet\:font-code-md { font-size: 1.01rem; } .tablet\:font-code-lg { font-size: 1.31rem; } .tablet\:font-code-xl { font-size: 1.91rem; } .tablet\:font-code-2xl { font-size: 2.38rem; } .tablet\:font-code-3xl { font-size: 2.86rem; } .tablet\:font-alt-3xs { font-size: 0.79rem; } .tablet\:font-alt-2xs { font-size: 0.85rem; } .tablet\:font-alt-xs { font-size: 0.91rem; } .tablet\:font-alt-sm { font-size: 0.98rem; } .tablet\:font-alt-md { font-size: 1.04rem; } .tablet\:font-alt-lg { font-size: 1.34rem; } .tablet\:font-alt-xl { font-size: 1.95rem; } .tablet\:font-alt-2xl { font-size: 2.44rem; } .tablet\:font-alt-3xl { font-size: 2.93rem; } .tablet\:font-ui-3xs { font-size: 0.81rem; } .tablet\:font-ui-2xs { font-size: 0.88rem; } .tablet\:font-ui-xs { font-size: 0.94rem; } .tablet\:font-ui-sm { font-size: 1rem; } .tablet\:font-ui-md { font-size: 1.06rem; } .tablet\:font-ui-lg { font-size: 1.38rem; } .tablet\:font-ui-xl { font-size: 2rem; } .tablet\:font-ui-2xl { font-size: 2.5rem; } .tablet\:font-ui-3xl { font-size: 3rem; } .tablet\:text-light { font-weight: 300; } .tablet\:text-normal { font-weight: normal; } .tablet\:text-bold { font-weight: 700; } .tablet\:flex-justify-center { justify-content: center; } .tablet\:flex-justify-start { justify-content: flex-start; } .tablet\:flex-justify-end { justify-content: flex-end; } .tablet\:flex-justify { justify-content: space-between; } .tablet\:line-height-sans-1 { line-height: 1; } .tablet\:line-height-sans-2 { line-height: 1.2; } .tablet\:line-height-sans-3 { line-height: 1.4; } .tablet\:line-height-sans-4 { line-height: 1.5; } .tablet\:line-height-sans-5 { line-height: 1.6; } .tablet\:line-height-sans-6 { line-height: 1.8; } .tablet\:line-height-serif-1 { line-height: 1; } .tablet\:line-height-serif-2 { line-height: 1.2; } .tablet\:line-height-serif-3 { line-height: 1.4; } .tablet\:line-height-serif-4 { line-height: 1.5; } .tablet\:line-height-serif-5 { line-height: 1.7; } .tablet\:line-height-serif-6 { line-height: 1.8; } .tablet\:line-height-mono-1 { line-height: 1; } .tablet\:line-height-mono-2 { line-height: 1.3; } .tablet\:line-height-mono-3 { line-height: 1.4; } .tablet\:line-height-mono-4 { line-height: 1.6; } .tablet\:line-height-mono-5 { line-height: 1.7; } .tablet\:line-height-mono-6 { line-height: 1.8; } .tablet\:line-height-heading-1 { line-height: 1; } .tablet\:line-height-heading-2 { line-height: 1.2; } .tablet\:line-height-heading-3 { line-height: 1.4; } .tablet\:line-height-heading-4 { line-height: 1.5; } .tablet\:line-height-heading-5 { line-height: 1.7; } .tablet\:line-height-heading-6 { line-height: 1.8; } .tablet\:line-height-ui-1 { line-height: 1; } .tablet\:line-height-ui-2 { line-height: 1.2; } .tablet\:line-height-ui-3 { line-height: 1.4; } .tablet\:line-height-ui-4 { line-height: 1.5; } .tablet\:line-height-ui-5 { line-height: 1.6; } .tablet\:line-height-ui-6 { line-height: 1.8; } .tablet\:line-height-body-1 { line-height: 1; } .tablet\:line-height-body-2 { line-height: 1.2; } .tablet\:line-height-body-3 { line-height: 1.4; } .tablet\:line-height-body-4 { line-height: 1.5; } .tablet\:line-height-body-5 { line-height: 1.6; } .tablet\:line-height-body-6 { line-height: 1.8; } .tablet\:line-height-code-1 { line-height: 1; } .tablet\:line-height-code-2 { line-height: 1.3; } .tablet\:line-height-code-3 { line-height: 1.4; } .tablet\:line-height-code-4 { line-height: 1.6; } .tablet\:line-height-code-5 { line-height: 1.7; } .tablet\:line-height-code-6 { line-height: 1.8; } .tablet\:line-height-alt-1 { line-height: 1; } .tablet\:line-height-alt-2 { line-height: 1.2; } .tablet\:line-height-alt-3 { line-height: 1.4; } .tablet\:line-height-alt-4 { line-height: 1.5; } .tablet\:line-height-alt-5 { line-height: 1.7; } .tablet\:line-height-alt-6 { line-height: 1.8; } .tablet\:margin-neg-1px { margin: -1px; } .tablet\:margin-neg-2px { margin: -2px; } .tablet\:margin-neg-05 { margin: -0.25rem; } .tablet\:margin-neg-1 { margin: -0.5rem; } .tablet\:margin-neg-105 { margin: -0.75rem; } .tablet\:margin-neg-2 { margin: -1rem; } .tablet\:margin-neg-205 { margin: -1.25rem; } .tablet\:margin-neg-3 { margin: -1.5rem; } .tablet\:margin-1px { margin: 1px; } .tablet\:margin-2px { margin: 2px; } .tablet\:margin-05 { margin: 0.25rem; } .tablet\:margin-1 { margin: 0.5rem; } .tablet\:margin-105 { margin: 0.75rem; } .tablet\:margin-2 { margin: 1rem; } .tablet\:margin-205 { margin: 1.25rem; } .tablet\:margin-3 { margin: 1.5rem; } .tablet\:margin-neg-4 { margin: -2rem; } .tablet\:margin-neg-5 { margin: -2.5rem; } .tablet\:margin-neg-6 { margin: -3rem; } .tablet\:margin-neg-7 { margin: -3.5rem; } .tablet\:margin-neg-8 { margin: -4rem; } .tablet\:margin-neg-9 { margin: -4.5rem; } .tablet\:margin-neg-10 { margin: -5rem; } .tablet\:margin-neg-15 { margin: -7.5rem; } .tablet\:margin-4 { margin: 2rem; } .tablet\:margin-5 { margin: 2.5rem; } .tablet\:margin-6 { margin: 3rem; } .tablet\:margin-7 { margin: 3.5rem; } .tablet\:margin-8 { margin: 4rem; } .tablet\:margin-9 { margin: 4.5rem; } .tablet\:margin-10 { margin: 5rem; } .tablet\:margin-15 { margin: 7.5rem; } .tablet\:margin-05em { margin: 0.5em; } .tablet\:margin-1em { margin: 1em; } .tablet\:margin-105em { margin: 1.5em; } .tablet\:margin-2em { margin: 2em; } .tablet\:margin-0 { margin: 0; } .tablet\:margin-y-1px { margin-top: 1px; margin-bottom: 1px; } .tablet\:margin-top-1px { margin-top: 1px; } .tablet\:margin-bottom-1px { margin-bottom: 1px; } .tablet\:margin-y-2px { margin-top: 2px; margin-bottom: 2px; } .tablet\:margin-top-2px { margin-top: 2px; } .tablet\:margin-bottom-2px { margin-bottom: 2px; } .tablet\:margin-y-05 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .tablet\:margin-top-05 { margin-top: 0.25rem; } .tablet\:margin-bottom-05 { margin-bottom: 0.25rem; } .tablet\:margin-y-1 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .tablet\:margin-top-1 { margin-top: 0.5rem; } .tablet\:margin-bottom-1 { margin-bottom: 0.5rem; } .tablet\:margin-y-105 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .tablet\:margin-top-105 { margin-top: 0.75rem; } .tablet\:margin-bottom-105 { margin-bottom: 0.75rem; } .tablet\:margin-y-2 { margin-top: 1rem; margin-bottom: 1rem; } .tablet\:margin-top-2 { margin-top: 1rem; } .tablet\:margin-bottom-2 { margin-bottom: 1rem; } .tablet\:margin-y-205 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .tablet\:margin-top-205 { margin-top: 1.25rem; } .tablet\:margin-bottom-205 { margin-bottom: 1.25rem; } .tablet\:margin-y-3 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .tablet\:margin-top-3 { margin-top: 1.5rem; } .tablet\:margin-bottom-3 { margin-bottom: 1.5rem; } .tablet\:margin-y-neg-1px { margin-top: -1px; margin-bottom: -1px; } .tablet\:margin-top-neg-1px { margin-top: -1px; } .tablet\:margin-bottom-neg-1px { margin-bottom: -1px; } .tablet\:margin-y-neg-2px { margin-top: -2px; margin-bottom: -2px; } .tablet\:margin-top-neg-2px { margin-top: -2px; } .tablet\:margin-bottom-neg-2px { margin-bottom: -2px; } .tablet\:margin-y-neg-05 { margin-top: -0.25rem; margin-bottom: -0.25rem; } .tablet\:margin-top-neg-05 { margin-top: -0.25rem; } .tablet\:margin-bottom-neg-05 { margin-bottom: -0.25rem; } .tablet\:margin-y-neg-1 { margin-top: -0.5rem; margin-bottom: -0.5rem; } .tablet\:margin-top-neg-1 { margin-top: -0.5rem; } .tablet\:margin-bottom-neg-1 { margin-bottom: -0.5rem; } .tablet\:margin-y-neg-105 { margin-top: -0.75rem; margin-bottom: -0.75rem; } .tablet\:margin-top-neg-105 { margin-top: -0.75rem; } .tablet\:margin-bottom-neg-105 { margin-bottom: -0.75rem; } .tablet\:margin-y-neg-2 { margin-top: -1rem; margin-bottom: -1rem; } .tablet\:margin-top-neg-2 { margin-top: -1rem; } .tablet\:margin-bottom-neg-2 { margin-bottom: -1rem; } .tablet\:margin-y-neg-205 { margin-top: -1.25rem; margin-bottom: -1.25rem; } .tablet\:margin-top-neg-205 { margin-top: -1.25rem; } .tablet\:margin-bottom-neg-205 { margin-bottom: -1.25rem; } .tablet\:margin-y-neg-3 { margin-top: -1.5rem; margin-bottom: -1.5rem; } .tablet\:margin-top-neg-3 { margin-top: -1.5rem; } .tablet\:margin-bottom-neg-3 { margin-bottom: -1.5rem; } .tablet\:margin-y-neg-4 { margin-top: -2rem; margin-bottom: -2rem; } .tablet\:margin-top-neg-4 { margin-top: -2rem; } .tablet\:margin-bottom-neg-4 { margin-bottom: -2rem; } .tablet\:margin-y-neg-5 { margin-top: -2.5rem; margin-bottom: -2.5rem; } .tablet\:margin-top-neg-5 { margin-top: -2.5rem; } .tablet\:margin-bottom-neg-5 { margin-bottom: -2.5rem; } .tablet\:margin-y-neg-6 { margin-top: -3rem; margin-bottom: -3rem; } .tablet\:margin-top-neg-6 { margin-top: -3rem; } .tablet\:margin-bottom-neg-6 { margin-bottom: -3rem; } .tablet\:margin-y-neg-7 { margin-top: -3.5rem; margin-bottom: -3.5rem; } .tablet\:margin-top-neg-7 { margin-top: -3.5rem; } .tablet\:margin-bottom-neg-7 { margin-bottom: -3.5rem; } .tablet\:margin-y-neg-8 { margin-top: -4rem; margin-bottom: -4rem; } .tablet\:margin-top-neg-8 { margin-top: -4rem; } .tablet\:margin-bottom-neg-8 { margin-bottom: -4rem; } .tablet\:margin-y-neg-9 { margin-top: -4.5rem; margin-bottom: -4.5rem; } .tablet\:margin-top-neg-9 { margin-top: -4.5rem; } .tablet\:margin-bottom-neg-9 { margin-bottom: -4.5rem; } .tablet\:margin-y-neg-10 { margin-top: -5rem; margin-bottom: -5rem; } .tablet\:margin-top-neg-10 { margin-top: -5rem; } .tablet\:margin-bottom-neg-10 { margin-bottom: -5rem; } .tablet\:margin-y-neg-15 { margin-top: -7.5rem; margin-bottom: -7.5rem; } .tablet\:margin-top-neg-15 { margin-top: -7.5rem; } .tablet\:margin-bottom-neg-15 { margin-bottom: -7.5rem; } .tablet\:margin-y-4 { margin-top: 2rem; margin-bottom: 2rem; } .tablet\:margin-top-4 { margin-top: 2rem; } .tablet\:margin-bottom-4 { margin-bottom: 2rem; } .tablet\:margin-y-5 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .tablet\:margin-top-5 { margin-top: 2.5rem; } .tablet\:margin-bottom-5 { margin-bottom: 2.5rem; } .tablet\:margin-y-6 { margin-top: 3rem; margin-bottom: 3rem; } .tablet\:margin-top-6 { margin-top: 3rem; } .tablet\:margin-bottom-6 { margin-bottom: 3rem; } .tablet\:margin-y-7 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .tablet\:margin-top-7 { margin-top: 3.5rem; } .tablet\:margin-bottom-7 { margin-bottom: 3.5rem; } .tablet\:margin-y-8 { margin-top: 4rem; margin-bottom: 4rem; } .tablet\:margin-top-8 { margin-top: 4rem; } .tablet\:margin-bottom-8 { margin-bottom: 4rem; } .tablet\:margin-y-9 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .tablet\:margin-top-9 { margin-top: 4.5rem; } .tablet\:margin-bottom-9 { margin-bottom: 4.5rem; } .tablet\:margin-y-10 { margin-top: 5rem; margin-bottom: 5rem; } .tablet\:margin-top-10 { margin-top: 5rem; } .tablet\:margin-bottom-10 { margin-bottom: 5rem; } .tablet\:margin-y-15 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .tablet\:margin-top-15 { margin-top: 7.5rem; } .tablet\:margin-bottom-15 { margin-bottom: 7.5rem; } .tablet\:margin-y-05em { margin-top: 0.5em; margin-bottom: 0.5em; } .tablet\:margin-top-05em { margin-top: 0.5em; } .tablet\:margin-bottom-05em { margin-bottom: 0.5em; } .tablet\:margin-y-1em { margin-top: 1em; margin-bottom: 1em; } .tablet\:margin-top-1em { margin-top: 1em; } .tablet\:margin-bottom-1em { margin-bottom: 1em; } .tablet\:margin-y-105em { margin-top: 1.5em; margin-bottom: 1.5em; } .tablet\:margin-top-105em { margin-top: 1.5em; } .tablet\:margin-bottom-105em { margin-bottom: 1.5em; } .tablet\:margin-y-2em { margin-top: 2em; margin-bottom: 2em; } .tablet\:margin-top-2em { margin-top: 2em; } .tablet\:margin-bottom-2em { margin-bottom: 2em; } .tablet\:margin-y-0 { margin-top: 0; margin-bottom: 0; } .tablet\:margin-top-0 { margin-top: 0; } .tablet\:margin-bottom-0 { margin-bottom: 0; } .tablet\:margin-y-auto { margin-top: auto; margin-bottom: auto; } .tablet\:margin-top-auto { margin-top: auto; } .tablet\:margin-bottom-auto { margin-bottom: auto; } .tablet\:margin-x-1px { margin-left: 1px; margin-right: 1px; } .tablet\:margin-right-1px { margin-right: 1px; } .tablet\:margin-left-1px { margin-left: 1px; } .tablet\:margin-x-2px { margin-left: 2px; margin-right: 2px; } .tablet\:margin-right-2px { margin-right: 2px; } .tablet\:margin-left-2px { margin-left: 2px; } .tablet\:margin-x-05 { margin-left: 0.25rem; margin-right: 0.25rem; } .tablet\:margin-right-05 { margin-right: 0.25rem; } .tablet\:margin-left-05 { margin-left: 0.25rem; } .tablet\:margin-x-1 { margin-left: 0.5rem; margin-right: 0.5rem; } .tablet\:margin-right-1 { margin-right: 0.5rem; } .tablet\:margin-left-1 { margin-left: 0.5rem; } .tablet\:margin-x-105 { margin-left: 0.75rem; margin-right: 0.75rem; } .tablet\:margin-right-105 { margin-right: 0.75rem; } .tablet\:margin-left-105 { margin-left: 0.75rem; } .tablet\:margin-x-2 { margin-left: 1rem; margin-right: 1rem; } .tablet\:margin-right-2 { margin-right: 1rem; } .tablet\:margin-left-2 { margin-left: 1rem; } .tablet\:margin-x-205 { margin-left: 1.25rem; margin-right: 1.25rem; } .tablet\:margin-right-205 { margin-right: 1.25rem; } .tablet\:margin-left-205 { margin-left: 1.25rem; } .tablet\:margin-x-3 { margin-left: 1.5rem; margin-right: 1.5rem; } .tablet\:margin-right-3 { margin-right: 1.5rem; } .tablet\:margin-left-3 { margin-left: 1.5rem; } .tablet\:margin-x-neg-1px { margin-left: -1px; margin-right: -1px; } .tablet\:margin-right-neg-1px { margin-right: -1px; } .tablet\:margin-left-neg-1px { margin-left: -1px; } .tablet\:margin-x-neg-2px { margin-left: -2px; margin-right: -2px; } .tablet\:margin-right-neg-2px { margin-right: -2px; } .tablet\:margin-left-neg-2px { margin-left: -2px; } .tablet\:margin-x-neg-05 { margin-left: -0.25rem; margin-right: -0.25rem; } .tablet\:margin-right-neg-05 { margin-right: -0.25rem; } .tablet\:margin-left-neg-05 { margin-left: -0.25rem; } .tablet\:margin-x-neg-1 { margin-left: -0.5rem; margin-right: -0.5rem; } .tablet\:margin-right-neg-1 { margin-right: -0.5rem; } .tablet\:margin-left-neg-1 { margin-left: -0.5rem; } .tablet\:margin-x-neg-105 { margin-left: -0.75rem; margin-right: -0.75rem; } .tablet\:margin-right-neg-105 { margin-right: -0.75rem; } .tablet\:margin-left-neg-105 { margin-left: -0.75rem; } .tablet\:margin-x-neg-2 { margin-left: -1rem; margin-right: -1rem; } .tablet\:margin-right-neg-2 { margin-right: -1rem; } .tablet\:margin-left-neg-2 { margin-left: -1rem; } .tablet\:margin-x-neg-205 { margin-left: -1.25rem; margin-right: -1.25rem; } .tablet\:margin-right-neg-205 { margin-right: -1.25rem; } .tablet\:margin-left-neg-205 { margin-left: -1.25rem; } .tablet\:margin-x-neg-3 { margin-left: -1.5rem; margin-right: -1.5rem; } .tablet\:margin-right-neg-3 { margin-right: -1.5rem; } .tablet\:margin-left-neg-3 { margin-left: -1.5rem; } .tablet\:margin-x-neg-4 { margin-left: -2rem; margin-right: -2rem; } .tablet\:margin-right-neg-4 { margin-right: -2rem; } .tablet\:margin-left-neg-4 { margin-left: -2rem; } .tablet\:margin-x-neg-5 { margin-left: -2.5rem; margin-right: -2.5rem; } .tablet\:margin-right-neg-5 { margin-right: -2.5rem; } .tablet\:margin-left-neg-5 { margin-left: -2.5rem; } .tablet\:margin-x-neg-6 { margin-left: -3rem; margin-right: -3rem; } .tablet\:margin-right-neg-6 { margin-right: -3rem; } .tablet\:margin-left-neg-6 { margin-left: -3rem; } .tablet\:margin-x-neg-7 { margin-left: -3.5rem; margin-right: -3.5rem; } .tablet\:margin-right-neg-7 { margin-right: -3.5rem; } .tablet\:margin-left-neg-7 { margin-left: -3.5rem; } .tablet\:margin-x-neg-8 { margin-left: -4rem; margin-right: -4rem; } .tablet\:margin-right-neg-8 { margin-right: -4rem; } .tablet\:margin-left-neg-8 { margin-left: -4rem; } .tablet\:margin-x-neg-9 { margin-left: -4.5rem; margin-right: -4.5rem; } .tablet\:margin-right-neg-9 { margin-right: -4.5rem; } .tablet\:margin-left-neg-9 { margin-left: -4.5rem; } .tablet\:margin-x-neg-10 { margin-left: -5rem; margin-right: -5rem; } .tablet\:margin-right-neg-10 { margin-right: -5rem; } .tablet\:margin-left-neg-10 { margin-left: -5rem; } .tablet\:margin-x-neg-15 { margin-left: -7.5rem; margin-right: -7.5rem; } .tablet\:margin-right-neg-15 { margin-right: -7.5rem; } .tablet\:margin-left-neg-15 { margin-left: -7.5rem; } .tablet\:margin-x-4 { margin-left: 2rem; margin-right: 2rem; } .tablet\:margin-right-4 { margin-right: 2rem; } .tablet\:margin-left-4 { margin-left: 2rem; } .tablet\:margin-x-5 { margin-left: 2.5rem; margin-right: 2.5rem; } .tablet\:margin-right-5 { margin-right: 2.5rem; } .tablet\:margin-left-5 { margin-left: 2.5rem; } .tablet\:margin-x-6 { margin-left: 3rem; margin-right: 3rem; } .tablet\:margin-right-6 { margin-right: 3rem; } .tablet\:margin-left-6 { margin-left: 3rem; } .tablet\:margin-x-7 { margin-left: 3.5rem; margin-right: 3.5rem; } .tablet\:margin-right-7 { margin-right: 3.5rem; } .tablet\:margin-left-7 { margin-left: 3.5rem; } .tablet\:margin-x-8 { margin-left: 4rem; margin-right: 4rem; } .tablet\:margin-right-8 { margin-right: 4rem; } .tablet\:margin-left-8 { margin-left: 4rem; } .tablet\:margin-x-9 { margin-left: 4.5rem; margin-right: 4.5rem; } .tablet\:margin-right-9 { margin-right: 4.5rem; } .tablet\:margin-left-9 { margin-left: 4.5rem; } .tablet\:margin-x-10 { margin-left: 5rem; margin-right: 5rem; } .tablet\:margin-right-10 { margin-right: 5rem; } .tablet\:margin-left-10 { margin-left: 5rem; } .tablet\:margin-x-15 { margin-left: 7.5rem; margin-right: 7.5rem; } .tablet\:margin-right-15 { margin-right: 7.5rem; } .tablet\:margin-left-15 { margin-left: 7.5rem; } .tablet\:margin-x-card { margin-left: 10rem; margin-right: 10rem; } .tablet\:margin-right-card { margin-right: 10rem; } .tablet\:margin-left-card { margin-left: 10rem; } .tablet\:margin-x-card-lg { margin-left: 15rem; margin-right: 15rem; } .tablet\:margin-right-card-lg { margin-right: 15rem; } .tablet\:margin-left-card-lg { margin-left: 15rem; } .tablet\:margin-x-mobile { margin-left: 20rem; margin-right: 20rem; } .tablet\:margin-right-mobile { margin-right: 20rem; } .tablet\:margin-left-mobile { margin-left: 20rem; } .tablet\:margin-x-05em { margin-left: 0.5em; margin-right: 0.5em; } .tablet\:margin-right-05em { margin-right: 0.5em; } .tablet\:margin-left-05em { margin-left: 0.5em; } .tablet\:margin-x-1em { margin-left: 1em; margin-right: 1em; } .tablet\:margin-right-1em { margin-right: 1em; } .tablet\:margin-left-1em { margin-left: 1em; } .tablet\:margin-x-105em { margin-left: 1.5em; margin-right: 1.5em; } .tablet\:margin-right-105em { margin-right: 1.5em; } .tablet\:margin-left-105em { margin-left: 1.5em; } .tablet\:margin-x-2em { margin-left: 2em; margin-right: 2em; } .tablet\:margin-right-2em { margin-right: 2em; } .tablet\:margin-left-2em { margin-left: 2em; } .tablet\:margin-x-0 { margin-left: 0; margin-right: 0; } .tablet\:margin-right-0 { margin-right: 0; } .tablet\:margin-left-0 { margin-left: 0; } .tablet\:margin-x-auto { margin-left: auto; margin-right: auto; } .tablet\:margin-right-auto { margin-right: auto; } .tablet\:margin-left-auto { margin-left: auto; } .tablet\:measure-1 { max-width: 44ex; } .tablet\:measure-2 { max-width: 60ex; } .tablet\:measure-3 { max-width: 64ex; } .tablet\:measure-4 { max-width: 68ex; } .tablet\:measure-5 { max-width: 72ex; } .tablet\:measure-6 { max-width: 88ex; } .tablet\:measure-none { max-width: none; } .tablet\:order-first { order: -1; } .tablet\:order-last { order: 999; } .tablet\:order-initial { order: initial; } .tablet\:order-0 { order: 0; } .tablet\:order-1 { order: 1; } .tablet\:order-2 { order: 2; } .tablet\:order-3 { order: 3; } .tablet\:order-4 { order: 4; } .tablet\:order-5 { order: 5; } .tablet\:order-6 { order: 6; } .tablet\:order-7 { order: 7; } .tablet\:order-8 { order: 8; } .tablet\:order-9 { order: 9; } .tablet\:order-10 { order: 10; } .tablet\:order-11 { order: 11; } .tablet\:padding-1px { padding: 1px; } .tablet\:padding-y-1px { padding-top: 1px; padding-bottom: 1px; } .tablet\:padding-x-1px { padding-left: 1px; padding-right: 1px; } .tablet\:padding-top-1px { padding-top: 1px; } .tablet\:padding-right-1px { padding-right: 1px; } .tablet\:padding-bottom-1px { padding-bottom: 1px; } .tablet\:padding-left-1px { padding-left: 1px; } .tablet\:padding-2px { padding: 2px; } .tablet\:padding-y-2px { padding-top: 2px; padding-bottom: 2px; } .tablet\:padding-x-2px { padding-left: 2px; padding-right: 2px; } .tablet\:padding-top-2px { padding-top: 2px; } .tablet\:padding-right-2px { padding-right: 2px; } .tablet\:padding-bottom-2px { padding-bottom: 2px; } .tablet\:padding-left-2px { padding-left: 2px; } .tablet\:padding-05 { padding: 0.25rem; } .tablet\:padding-y-05 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .tablet\:padding-x-05 { padding-left: 0.25rem; padding-right: 0.25rem; } .tablet\:padding-top-05 { padding-top: 0.25rem; } .tablet\:padding-right-05 { padding-right: 0.25rem; } .tablet\:padding-bottom-05 { padding-bottom: 0.25rem; } .tablet\:padding-left-05 { padding-left: 0.25rem; } .tablet\:padding-1 { padding: 0.5rem; } .tablet\:padding-y-1 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .tablet\:padding-x-1 { padding-left: 0.5rem; padding-right: 0.5rem; } .tablet\:padding-top-1 { padding-top: 0.5rem; } .tablet\:padding-right-1 { padding-right: 0.5rem; } .tablet\:padding-bottom-1 { padding-bottom: 0.5rem; } .tablet\:padding-left-1 { padding-left: 0.5rem; } .tablet\:padding-105 { padding: 0.75rem; } .tablet\:padding-y-105 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .tablet\:padding-x-105 { padding-left: 0.75rem; padding-right: 0.75rem; } .tablet\:padding-top-105 { padding-top: 0.75rem; } .tablet\:padding-right-105 { padding-right: 0.75rem; } .tablet\:padding-bottom-105 { padding-bottom: 0.75rem; } .tablet\:padding-left-105 { padding-left: 0.75rem; } .tablet\:padding-2 { padding: 1rem; } .tablet\:padding-y-2 { padding-top: 1rem; padding-bottom: 1rem; } .tablet\:padding-x-2 { padding-left: 1rem; padding-right: 1rem; } .tablet\:padding-top-2 { padding-top: 1rem; } .tablet\:padding-right-2 { padding-right: 1rem; } .tablet\:padding-bottom-2 { padding-bottom: 1rem; } .tablet\:padding-left-2 { padding-left: 1rem; } .tablet\:padding-205 { padding: 1.25rem; } .tablet\:padding-y-205 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .tablet\:padding-x-205 { padding-left: 1.25rem; padding-right: 1.25rem; } .tablet\:padding-top-205 { padding-top: 1.25rem; } .tablet\:padding-right-205 { padding-right: 1.25rem; } .tablet\:padding-bottom-205 { padding-bottom: 1.25rem; } .tablet\:padding-left-205 { padding-left: 1.25rem; } .tablet\:padding-3 { padding: 1.5rem; } .tablet\:padding-y-3 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .tablet\:padding-x-3 { padding-left: 1.5rem; padding-right: 1.5rem; } .tablet\:padding-top-3 { padding-top: 1.5rem; } .tablet\:padding-right-3 { padding-right: 1.5rem; } .tablet\:padding-bottom-3 { padding-bottom: 1.5rem; } .tablet\:padding-left-3 { padding-left: 1.5rem; } .tablet\:padding-4 { padding: 2rem; } .tablet\:padding-y-4 { padding-top: 2rem; padding-bottom: 2rem; } .tablet\:padding-x-4 { padding-left: 2rem; padding-right: 2rem; } .tablet\:padding-top-4 { padding-top: 2rem; } .tablet\:padding-right-4 { padding-right: 2rem; } .tablet\:padding-bottom-4 { padding-bottom: 2rem; } .tablet\:padding-left-4 { padding-left: 2rem; } .tablet\:padding-5 { padding: 2.5rem; } .tablet\:padding-y-5 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .tablet\:padding-x-5 { padding-left: 2.5rem; padding-right: 2.5rem; } .tablet\:padding-top-5 { padding-top: 2.5rem; } .tablet\:padding-right-5 { padding-right: 2.5rem; } .tablet\:padding-bottom-5 { padding-bottom: 2.5rem; } .tablet\:padding-left-5 { padding-left: 2.5rem; } .tablet\:padding-6 { padding: 3rem; } .tablet\:padding-y-6 { padding-top: 3rem; padding-bottom: 3rem; } .tablet\:padding-x-6 { padding-left: 3rem; padding-right: 3rem; } .tablet\:padding-top-6 { padding-top: 3rem; } .tablet\:padding-right-6 { padding-right: 3rem; } .tablet\:padding-bottom-6 { padding-bottom: 3rem; } .tablet\:padding-left-6 { padding-left: 3rem; } .tablet\:padding-7 { padding: 3.5rem; } .tablet\:padding-y-7 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .tablet\:padding-x-7 { padding-left: 3.5rem; padding-right: 3.5rem; } .tablet\:padding-top-7 { padding-top: 3.5rem; } .tablet\:padding-right-7 { padding-right: 3.5rem; } .tablet\:padding-bottom-7 { padding-bottom: 3.5rem; } .tablet\:padding-left-7 { padding-left: 3.5rem; } .tablet\:padding-8 { padding: 4rem; } .tablet\:padding-y-8 { padding-top: 4rem; padding-bottom: 4rem; } .tablet\:padding-x-8 { padding-left: 4rem; padding-right: 4rem; } .tablet\:padding-top-8 { padding-top: 4rem; } .tablet\:padding-right-8 { padding-right: 4rem; } .tablet\:padding-bottom-8 { padding-bottom: 4rem; } .tablet\:padding-left-8 { padding-left: 4rem; } .tablet\:padding-9 { padding: 4.5rem; } .tablet\:padding-y-9 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .tablet\:padding-x-9 { padding-left: 4.5rem; padding-right: 4.5rem; } .tablet\:padding-top-9 { padding-top: 4.5rem; } .tablet\:padding-right-9 { padding-right: 4.5rem; } .tablet\:padding-bottom-9 { padding-bottom: 4.5rem; } .tablet\:padding-left-9 { padding-left: 4.5rem; } .tablet\:padding-10 { padding: 5rem; } .tablet\:padding-y-10 { padding-top: 5rem; padding-bottom: 5rem; } .tablet\:padding-x-10 { padding-left: 5rem; padding-right: 5rem; } .tablet\:padding-top-10 { padding-top: 5rem; } .tablet\:padding-right-10 { padding-right: 5rem; } .tablet\:padding-bottom-10 { padding-bottom: 5rem; } .tablet\:padding-left-10 { padding-left: 5rem; } .tablet\:padding-15 { padding: 7.5rem; } .tablet\:padding-y-15 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .tablet\:padding-x-15 { padding-left: 7.5rem; padding-right: 7.5rem; } .tablet\:padding-top-15 { padding-top: 7.5rem; } .tablet\:padding-right-15 { padding-right: 7.5rem; } .tablet\:padding-bottom-15 { padding-bottom: 7.5rem; } .tablet\:padding-left-15 { padding-left: 7.5rem; } .tablet\:padding-0 { padding: 0; } .tablet\:padding-y-0 { padding-top: 0; padding-bottom: 0; } .tablet\:padding-x-0 { padding-left: 0; padding-right: 0; } .tablet\:padding-top-0 { padding-top: 0; } .tablet\:padding-right-0 { padding-right: 0; } .tablet\:padding-bottom-0 { padding-bottom: 0; } .tablet\:padding-left-0 { padding-left: 0; } .tablet\:width-1px { width: 1px; } .tablet\:width-2px { width: 2px; } .tablet\:width-05 { width: 0.25rem; } .tablet\:width-1 { width: 0.5rem; } .tablet\:width-105 { width: 0.75rem; } .tablet\:width-2 { width: 1rem; } .tablet\:width-205 { width: 1.25rem; } .tablet\:width-3 { width: 1.5rem; } .tablet\:width-4 { width: 2rem; } .tablet\:width-5 { width: 2.5rem; } .tablet\:width-6 { width: 3rem; } .tablet\:width-7 { width: 3.5rem; } .tablet\:width-8 { width: 4rem; } .tablet\:width-9 { width: 4.5rem; } .tablet\:width-10 { width: 5rem; } .tablet\:width-15 { width: 7.5rem; } .tablet\:width-card { width: 10rem; } .tablet\:width-card-lg { width: 15rem; } .tablet\:width-mobile { width: 20rem; } .tablet\:width-mobile-lg { width: 30rem; } .tablet\:width-tablet { width: 40rem; } .tablet\:width-tablet-lg { width: 55rem; } .tablet\:width-desktop { width: 64rem; } .tablet\:width-desktop-lg { width: 75rem; } .tablet\:width-widescreen { width: 87.5rem; } .tablet\:width-0 { width: 0; } .tablet\:width-full { width: 100%; } .tablet\:width-auto { width: auto; } } @media all and (min-width: 64em) { .desktop\:border-1px { border: 1px solid; } .desktop\:hover\:border-1px:hover { border: 1px solid; } .desktop\:border-y-1px { border-top: 1px solid; border-bottom: 1px solid; } .desktop\:hover\:border-y-1px:hover { border-top: 1px solid; border-bottom: 1px solid; } .desktop\:border-x-1px { border-left: 1px solid; border-right: 1px solid; } .desktop\:hover\:border-x-1px:hover { border-left: 1px solid; border-right: 1px solid; } .desktop\:border-top-1px { border-top: 1px solid; } .desktop\:hover\:border-top-1px:hover { border-top: 1px solid; } .desktop\:border-right-1px { border-right: 1px solid; } .desktop\:hover\:border-right-1px:hover { border-right: 1px solid; } .desktop\:border-bottom-1px { border-bottom: 1px solid; } .desktop\:hover\:border-bottom-1px:hover { border-bottom: 1px solid; } .desktop\:border-left-1px { border-left: 1px solid; } .desktop\:hover\:border-left-1px:hover { border-left: 1px solid; } .desktop\:border-2px { border: 2px solid; } .desktop\:hover\:border-2px:hover { border: 2px solid; } .desktop\:border-y-2px { border-top: 2px solid; border-bottom: 2px solid; } .desktop\:hover\:border-y-2px:hover { border-top: 2px solid; border-bottom: 2px solid; } .desktop\:border-x-2px { border-left: 2px solid; border-right: 2px solid; } .desktop\:hover\:border-x-2px:hover { border-left: 2px solid; border-right: 2px solid; } .desktop\:border-top-2px { border-top: 2px solid; } .desktop\:hover\:border-top-2px:hover { border-top: 2px solid; } .desktop\:border-right-2px { border-right: 2px solid; } .desktop\:hover\:border-right-2px:hover { border-right: 2px solid; } .desktop\:border-bottom-2px { border-bottom: 2px solid; } .desktop\:hover\:border-bottom-2px:hover { border-bottom: 2px solid; } .desktop\:border-left-2px { border-left: 2px solid; } .desktop\:hover\:border-left-2px:hover { border-left: 2px solid; } .desktop\:border-05 { border: 0.25rem solid; } .desktop\:hover\:border-05:hover { border: 0.25rem solid; } .desktop\:border-y-05 { border-top: 0.25rem solid; border-bottom: 0.25rem solid; } .desktop\:hover\:border-y-05:hover { border-top: 0.25rem solid; border-bottom: 0.25rem solid; } .desktop\:border-x-05 { border-left: 0.25rem solid; border-right: 0.25rem solid; } .desktop\:hover\:border-x-05:hover { border-left: 0.25rem solid; border-right: 0.25rem solid; } .desktop\:border-top-05 { border-top: 0.25rem solid; } .desktop\:hover\:border-top-05:hover { border-top: 0.25rem solid; } .desktop\:border-right-05 { border-right: 0.25rem solid; } .desktop\:hover\:border-right-05:hover { border-right: 0.25rem solid; } .desktop\:border-bottom-05 { border-bottom: 0.25rem solid; } .desktop\:hover\:border-bottom-05:hover { border-bottom: 0.25rem solid; } .desktop\:border-left-05 { border-left: 0.25rem solid; } .desktop\:hover\:border-left-05:hover { border-left: 0.25rem solid; } .desktop\:border-1 { border: 0.5rem solid; } .desktop\:hover\:border-1:hover { border: 0.5rem solid; } .desktop\:border-y-1 { border-top: 0.5rem solid; border-bottom: 0.5rem solid; } .desktop\:hover\:border-y-1:hover { border-top: 0.5rem solid; border-bottom: 0.5rem solid; } .desktop\:border-x-1 { border-left: 0.5rem solid; border-right: 0.5rem solid; } .desktop\:hover\:border-x-1:hover { border-left: 0.5rem solid; border-right: 0.5rem solid; } .desktop\:border-top-1 { border-top: 0.5rem solid; } .desktop\:hover\:border-top-1:hover { border-top: 0.5rem solid; } .desktop\:border-right-1 { border-right: 0.5rem solid; } .desktop\:hover\:border-right-1:hover { border-right: 0.5rem solid; } .desktop\:border-bottom-1 { border-bottom: 0.5rem solid; } .desktop\:hover\:border-bottom-1:hover { border-bottom: 0.5rem solid; } .desktop\:border-left-1 { border-left: 0.5rem solid; } .desktop\:hover\:border-left-1:hover { border-left: 0.5rem solid; } .desktop\:border-105 { border: 0.75rem solid; } .desktop\:hover\:border-105:hover { border: 0.75rem solid; } .desktop\:border-y-105 { border-top: 0.75rem solid; border-bottom: 0.75rem solid; } .desktop\:hover\:border-y-105:hover { border-top: 0.75rem solid; border-bottom: 0.75rem solid; } .desktop\:border-x-105 { border-left: 0.75rem solid; border-right: 0.75rem solid; } .desktop\:hover\:border-x-105:hover { border-left: 0.75rem solid; border-right: 0.75rem solid; } .desktop\:border-top-105 { border-top: 0.75rem solid; } .desktop\:hover\:border-top-105:hover { border-top: 0.75rem solid; } .desktop\:border-right-105 { border-right: 0.75rem solid; } .desktop\:hover\:border-right-105:hover { border-right: 0.75rem solid; } .desktop\:border-bottom-105 { border-bottom: 0.75rem solid; } .desktop\:hover\:border-bottom-105:hover { border-bottom: 0.75rem solid; } .desktop\:border-left-105 { border-left: 0.75rem solid; } .desktop\:hover\:border-left-105:hover { border-left: 0.75rem solid; } .desktop\:border-2 { border: 1rem solid; } .desktop\:hover\:border-2:hover { border: 1rem solid; } .desktop\:border-y-2 { border-top: 1rem solid; border-bottom: 1rem solid; } .desktop\:hover\:border-y-2:hover { border-top: 1rem solid; border-bottom: 1rem solid; } .desktop\:border-x-2 { border-left: 1rem solid; border-right: 1rem solid; } .desktop\:hover\:border-x-2:hover { border-left: 1rem solid; border-right: 1rem solid; } .desktop\:border-top-2 { border-top: 1rem solid; } .desktop\:hover\:border-top-2:hover { border-top: 1rem solid; } .desktop\:border-right-2 { border-right: 1rem solid; } .desktop\:hover\:border-right-2:hover { border-right: 1rem solid; } .desktop\:border-bottom-2 { border-bottom: 1rem solid; } .desktop\:hover\:border-bottom-2:hover { border-bottom: 1rem solid; } .desktop\:border-left-2 { border-left: 1rem solid; } .desktop\:hover\:border-left-2:hover { border-left: 1rem solid; } .desktop\:border-205 { border: 1.25rem solid; } .desktop\:hover\:border-205:hover { border: 1.25rem solid; } .desktop\:border-y-205 { border-top: 1.25rem solid; border-bottom: 1.25rem solid; } .desktop\:hover\:border-y-205:hover { border-top: 1.25rem solid; border-bottom: 1.25rem solid; } .desktop\:border-x-205 { border-left: 1.25rem solid; border-right: 1.25rem solid; } .desktop\:hover\:border-x-205:hover { border-left: 1.25rem solid; border-right: 1.25rem solid; } .desktop\:border-top-205 { border-top: 1.25rem solid; } .desktop\:hover\:border-top-205:hover { border-top: 1.25rem solid; } .desktop\:border-right-205 { border-right: 1.25rem solid; } .desktop\:hover\:border-right-205:hover { border-right: 1.25rem solid; } .desktop\:border-bottom-205 { border-bottom: 1.25rem solid; } .desktop\:hover\:border-bottom-205:hover { border-bottom: 1.25rem solid; } .desktop\:border-left-205 { border-left: 1.25rem solid; } .desktop\:hover\:border-left-205:hover { border-left: 1.25rem solid; } .desktop\:border-3 { border: 1.5rem solid; } .desktop\:hover\:border-3:hover { border: 1.5rem solid; } .desktop\:border-y-3 { border-top: 1.5rem solid; border-bottom: 1.5rem solid; } .desktop\:hover\:border-y-3:hover { border-top: 1.5rem solid; border-bottom: 1.5rem solid; } .desktop\:border-x-3 { border-left: 1.5rem solid; border-right: 1.5rem solid; } .desktop\:hover\:border-x-3:hover { border-left: 1.5rem solid; border-right: 1.5rem solid; } .desktop\:border-top-3 { border-top: 1.5rem solid; } .desktop\:hover\:border-top-3:hover { border-top: 1.5rem solid; } .desktop\:border-right-3 { border-right: 1.5rem solid; } .desktop\:hover\:border-right-3:hover { border-right: 1.5rem solid; } .desktop\:border-bottom-3 { border-bottom: 1.5rem solid; } .desktop\:hover\:border-bottom-3:hover { border-bottom: 1.5rem solid; } .desktop\:border-left-3 { border-left: 1.5rem solid; } .desktop\:hover\:border-left-3:hover { border-left: 1.5rem solid; } .desktop\:border-0 { border: 0 solid; } .desktop\:hover\:border-0:hover { border: 0 solid; } .desktop\:border-y-0 { border-top: 0 solid; border-bottom: 0 solid; } .desktop\:hover\:border-y-0:hover { border-top: 0 solid; border-bottom: 0 solid; } .desktop\:border-x-0 { border-left: 0 solid; border-right: 0 solid; } .desktop\:hover\:border-x-0:hover { border-left: 0 solid; border-right: 0 solid; } .desktop\:border-top-0 { border-top: 0 solid; } .desktop\:hover\:border-top-0:hover { border-top: 0 solid; } .desktop\:border-right-0 { border-right: 0 solid; } .desktop\:hover\:border-right-0:hover { border-right: 0 solid; } .desktop\:border-bottom-0 { border-bottom: 0 solid; } .desktop\:hover\:border-bottom-0:hover { border-bottom: 0 solid; } .desktop\:border-left-0 { border-left: 0 solid; } .desktop\:hover\:border-left-0:hover { border-left: 0 solid; } .desktop\:border { border: 1px solid; } .desktop\:hover\:border:hover { border: 1px solid; } .desktop\:border-y { border-top: 1px solid; border-bottom: 1px solid; } .desktop\:hover\:border-y:hover { border-top: 1px solid; border-bottom: 1px solid; } .desktop\:border-x { border-left: 1px solid; border-right: 1px solid; } .desktop\:hover\:border-x:hover { border-left: 1px solid; border-right: 1px solid; } .desktop\:border-top { border-top: 1px solid; } .desktop\:hover\:border-top:hover { border-top: 1px solid; } .desktop\:border-right { border-right: 1px solid; } .desktop\:hover\:border-right:hover { border-right: 1px solid; } .desktop\:border-bottom { border-bottom: 1px solid; } .desktop\:hover\:border-bottom:hover { border-bottom: 1px solid; } .desktop\:border-left { border-left: 1px solid; } .desktop\:hover\:border-left:hover { border-left: 1px solid; } .desktop\:border-transparent { border-color: transparent; } .desktop\:hover\:border-transparent:hover { border-color: transparent; } .desktop\:border-black { border-color: black; } .desktop\:hover\:border-black:hover { border-color: black; } .desktop\:border-white { border-color: white; } .desktop\:hover\:border-white:hover { border-color: white; } .desktop\:border-red { border-color: #e52207; } .desktop\:hover\:border-red:hover { border-color: #e52207; } .desktop\:border-orange { border-color: #e66f0e; } .desktop\:hover\:border-orange:hover { border-color: #e66f0e; } .desktop\:border-gold { border-color: #ffbe2e; } .desktop\:hover\:border-gold:hover { border-color: #ffbe2e; } .desktop\:border-yellow { border-color: #fee685; } .desktop\:hover\:border-yellow:hover { border-color: #fee685; } .desktop\:border-green { border-color: #538200; } .desktop\:hover\:border-green:hover { border-color: #538200; } .desktop\:border-mint { border-color: #04c585; } .desktop\:hover\:border-mint:hover { border-color: #04c585; } .desktop\:border-cyan { border-color: #009ec1; } .desktop\:hover\:border-cyan:hover { border-color: #009ec1; } .desktop\:border-blue { border-color: #0076d6; } .desktop\:hover\:border-blue:hover { border-color: #0076d6; } .desktop\:border-indigo { border-color: #676cc8; } .desktop\:hover\:border-indigo:hover { border-color: #676cc8; } .desktop\:border-violet { border-color: #8168b3; } .desktop\:hover\:border-violet:hover { border-color: #8168b3; } .desktop\:border-magenta { border-color: #d72d79; } .desktop\:hover\:border-magenta:hover { border-color: #d72d79; } .desktop\:border-gray-5 { border-color: #f0f0f0; } .desktop\:hover\:border-gray-5:hover { border-color: #f0f0f0; } .desktop\:border-gray-10 { border-color: #e6e6e6; } .desktop\:hover\:border-gray-10:hover { border-color: #e6e6e6; } .desktop\:border-gray-30 { border-color: #adadad; } .desktop\:hover\:border-gray-30:hover { border-color: #adadad; } .desktop\:border-gray-50 { border-color: #757575; } .desktop\:hover\:border-gray-50:hover { border-color: #757575; } .desktop\:border-gray-70 { border-color: #454545; } .desktop\:hover\:border-gray-70:hover { border-color: #454545; } .desktop\:border-gray-90 { border-color: #1b1b1b; } .desktop\:hover\:border-gray-90:hover { border-color: #1b1b1b; } .desktop\:border-base-lightest { border-color: #f0f0f0; } .desktop\:hover\:border-base-lightest:hover { border-color: #f0f0f0; } .desktop\:border-base-lighter { border-color: #dfe1e2; } .desktop\:hover\:border-base-lighter:hover { border-color: #dfe1e2; } .desktop\:border-base-light { border-color: #a9aeb1; } .desktop\:hover\:border-base-light:hover { border-color: #a9aeb1; } .desktop\:border-base { border-color: #71767a; } .desktop\:hover\:border-base:hover { border-color: #71767a; } .desktop\:border-base-dark { border-color: #565c65; } .desktop\:hover\:border-base-dark:hover { border-color: #565c65; } .desktop\:border-base-darker { border-color: #3d4551; } .desktop\:hover\:border-base-darker:hover { border-color: #3d4551; } .desktop\:border-base-darkest { border-color: #1b1b1b; } .desktop\:hover\:border-base-darkest:hover { border-color: #1b1b1b; } .desktop\:border-ink { border-color: #1b1b1b; } .desktop\:hover\:border-ink:hover { border-color: #1b1b1b; } .desktop\:border-primary-lighter { border-color: #d9e8f6; } .desktop\:hover\:border-primary-lighter:hover { border-color: #d9e8f6; } .desktop\:border-primary-light { border-color: #73b3e7; } .desktop\:hover\:border-primary-light:hover { border-color: #73b3e7; } .desktop\:border-primary { border-color: #005ea2; } .desktop\:hover\:border-primary:hover { border-color: #005ea2; } .desktop\:border-primary-vivid { border-color: #0050d8; } .desktop\:hover\:border-primary-vivid:hover { border-color: #0050d8; } .desktop\:border-primary-dark { border-color: #1a4480; } .desktop\:hover\:border-primary-dark:hover { border-color: #1a4480; } .desktop\:border-primary-darker { border-color: #252f3e; } .desktop\:hover\:border-primary-darker:hover { border-color: #252f3e; } .desktop\:border-secondary-lighter { border-color: #f2e4d4; } .desktop\:hover\:border-secondary-lighter:hover { border-color: #f2e4d4; } .desktop\:border-secondary-light { border-color: #ffbc78; } .desktop\:hover\:border-secondary-light:hover { border-color: #ffbc78; } .desktop\:border-secondary { border-color: #fa9441; } .desktop\:hover\:border-secondary:hover { border-color: #fa9441; } .desktop\:border-secondary-dark { border-color: #c05600; } .desktop\:hover\:border-secondary-dark:hover { border-color: #c05600; } .desktop\:border-secondary-darker { border-color: #775540; } .desktop\:hover\:border-secondary-darker:hover { border-color: #775540; } .desktop\:border-accent-warm-darker { border-color: #8b0a03; } .desktop\:hover\:border-accent-warm-darker:hover { border-color: #8b0a03; } .desktop\:border-accent-warm-dark { border-color: #b50909; } .desktop\:hover\:border-accent-warm-dark:hover { border-color: #b50909; } .desktop\:border-accent-warm { border-color: #d83933; } .desktop\:hover\:border-accent-warm:hover { border-color: #d83933; } .desktop\:border-accent-warm-light { border-color: #f2938c; } .desktop\:hover\:border-accent-warm-light:hover { border-color: #f2938c; } .desktop\:border-accent-warm-lighter { border-color: #f8dfe2; } .desktop\:hover\:border-accent-warm-lighter:hover { border-color: #f8dfe2; } .desktop\:border-accent-cool-darker { border-color: #07648d; } .desktop\:hover\:border-accent-cool-darker:hover { border-color: #07648d; } .desktop\:border-accent-cool-dark { border-color: #28a0cb; } .desktop\:hover\:border-accent-cool-dark:hover { border-color: #28a0cb; } .desktop\:border-accent-cool { border-color: #00bde3; } .desktop\:hover\:border-accent-cool:hover { border-color: #00bde3; } .desktop\:border-accent-cool-light { border-color: #97d4ea; } .desktop\:hover\:border-accent-cool-light:hover { border-color: #97d4ea; } .desktop\:border-accent-cool-lighter { border-color: #e1f3f8; } .desktop\:hover\:border-accent-cool-lighter:hover { border-color: #e1f3f8; } .desktop\:border-error-lighter { border-color: #f4e3db; } .desktop\:hover\:border-error-lighter:hover { border-color: #f4e3db; } .desktop\:border-error-light { border-color: #f39268; } .desktop\:hover\:border-error-light:hover { border-color: #f39268; } .desktop\:border-error { border-color: #d54309; } .desktop\:hover\:border-error:hover { border-color: #d54309; } .desktop\:border-error-dark { border-color: #b50909; } .desktop\:hover\:border-error-dark:hover { border-color: #b50909; } .desktop\:border-error-darker { border-color: #6f3331; } .desktop\:hover\:border-error-darker:hover { border-color: #6f3331; } .desktop\:border-warning-lighter { border-color: #faf3d1; } .desktop\:hover\:border-warning-lighter:hover { border-color: #faf3d1; } .desktop\:border-warning-light { border-color: #fee685; } .desktop\:hover\:border-warning-light:hover { border-color: #fee685; } .desktop\:border-warning { border-color: #ffbe2e; } .desktop\:hover\:border-warning:hover { border-color: #ffbe2e; } .desktop\:border-warning-dark { border-color: #e5a000; } .desktop\:hover\:border-warning-dark:hover { border-color: #e5a000; } .desktop\:border-warning-darker { border-color: #936f38; } .desktop\:hover\:border-warning-darker:hover { border-color: #936f38; } .desktop\:border-success-lighter { border-color: #ecf3ec; } .desktop\:hover\:border-success-lighter:hover { border-color: #ecf3ec; } .desktop\:border-success-light { border-color: #70e17b; } .desktop\:hover\:border-success-light:hover { border-color: #70e17b; } .desktop\:border-success { border-color: #00a91c; } .desktop\:hover\:border-success:hover { border-color: #00a91c; } .desktop\:border-success-dark { border-color: #008817; } .desktop\:hover\:border-success-dark:hover { border-color: #008817; } .desktop\:border-success-darker { border-color: #216e1f; } .desktop\:hover\:border-success-darker:hover { border-color: #216e1f; } .desktop\:border-info-lighter { border-color: #e7f6f8; } .desktop\:hover\:border-info-lighter:hover { border-color: #e7f6f8; } .desktop\:border-info-light { border-color: #99deea; } .desktop\:hover\:border-info-light:hover { border-color: #99deea; } .desktop\:border-info { border-color: #00bde3; } .desktop\:hover\:border-info:hover { border-color: #00bde3; } .desktop\:border-info-dark { border-color: #009ec1; } .desktop\:hover\:border-info-dark:hover { border-color: #009ec1; } .desktop\:border-info-darker { border-color: #2e6276; } .desktop\:hover\:border-info-darker:hover { border-color: #2e6276; } .desktop\:border-disabled-lighter { border-color: #c9c9c9; } .desktop\:hover\:border-disabled-lighter:hover { border-color: #c9c9c9; } .desktop\:border-disabled-light { border-color: #919191; } .desktop\:hover\:border-disabled-light:hover { border-color: #919191; } .desktop\:border-disabled { border-color: #757575; } .desktop\:hover\:border-disabled:hover { border-color: #757575; } .desktop\:border-disabled-dark { border-color: #454545; } .desktop\:hover\:border-disabled-dark:hover { border-color: #454545; } .desktop\:border-disabled-darker { border-color: #1b1b1b; } .desktop\:hover\:border-disabled-darker:hover { border-color: #1b1b1b; } .desktop\:border-emergency { border-color: #9c3d10; } .desktop\:hover\:border-emergency:hover { border-color: #9c3d10; } .desktop\:border-emergency-dark { border-color: #332d29; } .desktop\:hover\:border-emergency-dark:hover { border-color: #332d29; } .desktop\:radius-0 { border-radius: 0; } .desktop\:radius-top-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .desktop\:radius-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .desktop\:radius-bottom-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .desktop\:radius-left-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .desktop\:radius-sm { border-radius: 2px; } .desktop\:radius-top-sm { border-top-left-radius: 2px; border-top-right-radius: 2px; } .desktop\:radius-right-sm { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .desktop\:radius-bottom-sm { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .desktop\:radius-left-sm { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } .desktop\:radius-md { border-radius: 0.25rem; } .desktop\:radius-top-md { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .desktop\:radius-right-md { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .desktop\:radius-bottom-md { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .desktop\:radius-left-md { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .desktop\:radius-lg { border-radius: 0.5rem; } .desktop\:radius-top-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .desktop\:radius-right-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .desktop\:radius-bottom-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .desktop\:radius-left-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .desktop\:radius-pill { border-radius: 99rem; } .desktop\:radius-top-pill { border-top-left-radius: 99rem; border-top-right-radius: 99rem; } .desktop\:radius-right-pill { border-top-right-radius: 99rem; border-bottom-right-radius: 99rem; } .desktop\:radius-bottom-pill { border-bottom-left-radius: 99rem; border-bottom-right-radius: 99rem; } .desktop\:radius-left-pill { border-top-left-radius: 99rem; border-bottom-left-radius: 99rem; } .desktop\:display-block { display: block; } .desktop\:display-flex { display: flex; } .desktop\:display-none { display: none; } .desktop\:display-inline { display: inline; } .desktop\:display-inline-block { display: inline-block; } .desktop\:display-inline-flex { display: inline-flex; } .desktop\:display-table { display: table; } .desktop\:display-table-cell { display: table-cell; } .desktop\:display-table-row { display: table-row; } .desktop\:font-lang-3xs { font-size: 0.81rem; } .desktop\:font-lang-2xs { font-size: 0.88rem; } .desktop\:font-lang-xs { font-size: 0.94rem; } .desktop\:font-lang-sm { font-size: 1rem; } .desktop\:font-lang-md { font-size: 1.06rem; } .desktop\:font-lang-lg { font-size: 1.38rem; } .desktop\:font-lang-xl { font-size: 2rem; } .desktop\:font-lang-2xl { font-size: 2.5rem; } .desktop\:font-lang-3xl { font-size: 3rem; } .desktop\:font-mono-3xs { font-size: 0.77rem; } .desktop\:font-mono-2xs { font-size: 0.83rem; } .desktop\:font-mono-xs { font-size: 0.89rem; } .desktop\:font-mono-sm { font-size: 0.95rem; } .desktop\:font-mono-md { font-size: 1.01rem; } .desktop\:font-mono-lg { font-size: 1.31rem; } .desktop\:font-mono-xl { font-size: 1.91rem; } .desktop\:font-mono-2xl { font-size: 2.38rem; } .desktop\:font-mono-3xl { font-size: 2.86rem; } .desktop\:font-sans-3xs { font-size: 0.81rem; } .desktop\:font-sans-2xs { font-size: 0.88rem; } .desktop\:font-sans-xs { font-size: 0.94rem; } .desktop\:font-sans-sm { font-size: 1rem; } .desktop\:font-sans-md { font-size: 1.06rem; } .desktop\:font-sans-lg { font-size: 1.38rem; } .desktop\:font-sans-xl { font-size: 2rem; } .desktop\:font-sans-2xl { font-size: 2.5rem; } .desktop\:font-sans-3xl { font-size: 3rem; } .desktop\:font-serif-3xs { font-size: 0.79rem; } .desktop\:font-serif-2xs { font-size: 0.85rem; } .desktop\:font-serif-xs { font-size: 0.91rem; } .desktop\:font-serif-sm { font-size: 0.98rem; } .desktop\:font-serif-md { font-size: 1.04rem; } .desktop\:font-serif-lg { font-size: 1.34rem; } .desktop\:font-serif-xl { font-size: 1.95rem; } .desktop\:font-serif-2xl { font-size: 2.44rem; } .desktop\:font-serif-3xl { font-size: 2.93rem; } .desktop\:font-heading-3xs { font-size: 0.79rem; } .desktop\:font-heading-2xs { font-size: 0.85rem; } .desktop\:font-heading-xs { font-size: 0.91rem; } .desktop\:font-heading-sm { font-size: 0.98rem; } .desktop\:font-heading-md { font-size: 1.04rem; } .desktop\:font-heading-lg { font-size: 1.34rem; } .desktop\:font-heading-xl { font-size: 1.95rem; } .desktop\:font-heading-2xl { font-size: 2.44rem; } .desktop\:font-heading-3xl { font-size: 2.93rem; } .desktop\:font-body-3xs { font-size: 0.81rem; } .desktop\:font-body-2xs { font-size: 0.88rem; } .desktop\:font-body-xs { font-size: 0.94rem; } .desktop\:font-body-sm { font-size: 1rem; } .desktop\:font-body-md { font-size: 1.06rem; } .desktop\:font-body-lg { font-size: 1.38rem; } .desktop\:font-body-xl { font-size: 2rem; } .desktop\:font-body-2xl { font-size: 2.5rem; } .desktop\:font-body-3xl { font-size: 3rem; } .desktop\:font-code-3xs { font-size: 0.77rem; } .desktop\:font-code-2xs { font-size: 0.83rem; } .desktop\:font-code-xs { font-size: 0.89rem; } .desktop\:font-code-sm { font-size: 0.95rem; } .desktop\:font-code-md { font-size: 1.01rem; } .desktop\:font-code-lg { font-size: 1.31rem; } .desktop\:font-code-xl { font-size: 1.91rem; } .desktop\:font-code-2xl { font-size: 2.38rem; } .desktop\:font-code-3xl { font-size: 2.86rem; } .desktop\:font-alt-3xs { font-size: 0.79rem; } .desktop\:font-alt-2xs { font-size: 0.85rem; } .desktop\:font-alt-xs { font-size: 0.91rem; } .desktop\:font-alt-sm { font-size: 0.98rem; } .desktop\:font-alt-md { font-size: 1.04rem; } .desktop\:font-alt-lg { font-size: 1.34rem; } .desktop\:font-alt-xl { font-size: 1.95rem; } .desktop\:font-alt-2xl { font-size: 2.44rem; } .desktop\:font-alt-3xl { font-size: 2.93rem; } .desktop\:font-ui-3xs { font-size: 0.81rem; } .desktop\:font-ui-2xs { font-size: 0.88rem; } .desktop\:font-ui-xs { font-size: 0.94rem; } .desktop\:font-ui-sm { font-size: 1rem; } .desktop\:font-ui-md { font-size: 1.06rem; } .desktop\:font-ui-lg { font-size: 1.38rem; } .desktop\:font-ui-xl { font-size: 2rem; } .desktop\:font-ui-2xl { font-size: 2.5rem; } .desktop\:font-ui-3xl { font-size: 3rem; } .desktop\:text-light { font-weight: 300; } .desktop\:text-normal { font-weight: normal; } .desktop\:text-bold { font-weight: 700; } .desktop\:flex-justify-center { justify-content: center; } .desktop\:flex-justify-start { justify-content: flex-start; } .desktop\:flex-justify-end { justify-content: flex-end; } .desktop\:flex-justify { justify-content: space-between; } .desktop\:line-height-sans-1 { line-height: 1; } .desktop\:line-height-sans-2 { line-height: 1.2; } .desktop\:line-height-sans-3 { line-height: 1.4; } .desktop\:line-height-sans-4 { line-height: 1.5; } .desktop\:line-height-sans-5 { line-height: 1.6; } .desktop\:line-height-sans-6 { line-height: 1.8; } .desktop\:line-height-serif-1 { line-height: 1; } .desktop\:line-height-serif-2 { line-height: 1.2; } .desktop\:line-height-serif-3 { line-height: 1.4; } .desktop\:line-height-serif-4 { line-height: 1.5; } .desktop\:line-height-serif-5 { line-height: 1.7; } .desktop\:line-height-serif-6 { line-height: 1.8; } .desktop\:line-height-mono-1 { line-height: 1; } .desktop\:line-height-mono-2 { line-height: 1.3; } .desktop\:line-height-mono-3 { line-height: 1.4; } .desktop\:line-height-mono-4 { line-height: 1.6; } .desktop\:line-height-mono-5 { line-height: 1.7; } .desktop\:line-height-mono-6 { line-height: 1.8; } .desktop\:line-height-heading-1 { line-height: 1; } .desktop\:line-height-heading-2 { line-height: 1.2; } .desktop\:line-height-heading-3 { line-height: 1.4; } .desktop\:line-height-heading-4 { line-height: 1.5; } .desktop\:line-height-heading-5 { line-height: 1.7; } .desktop\:line-height-heading-6 { line-height: 1.8; } .desktop\:line-height-ui-1 { line-height: 1; } .desktop\:line-height-ui-2 { line-height: 1.2; } .desktop\:line-height-ui-3 { line-height: 1.4; } .desktop\:line-height-ui-4 { line-height: 1.5; } .desktop\:line-height-ui-5 { line-height: 1.6; } .desktop\:line-height-ui-6 { line-height: 1.8; } .desktop\:line-height-body-1 { line-height: 1; } .desktop\:line-height-body-2 { line-height: 1.2; } .desktop\:line-height-body-3 { line-height: 1.4; } .desktop\:line-height-body-4 { line-height: 1.5; } .desktop\:line-height-body-5 { line-height: 1.6; } .desktop\:line-height-body-6 { line-height: 1.8; } .desktop\:line-height-code-1 { line-height: 1; } .desktop\:line-height-code-2 { line-height: 1.3; } .desktop\:line-height-code-3 { line-height: 1.4; } .desktop\:line-height-code-4 { line-height: 1.6; } .desktop\:line-height-code-5 { line-height: 1.7; } .desktop\:line-height-code-6 { line-height: 1.8; } .desktop\:line-height-alt-1 { line-height: 1; } .desktop\:line-height-alt-2 { line-height: 1.2; } .desktop\:line-height-alt-3 { line-height: 1.4; } .desktop\:line-height-alt-4 { line-height: 1.5; } .desktop\:line-height-alt-5 { line-height: 1.7; } .desktop\:line-height-alt-6 { line-height: 1.8; } .desktop\:margin-neg-1px { margin: -1px; } .desktop\:margin-neg-2px { margin: -2px; } .desktop\:margin-neg-05 { margin: -0.25rem; } .desktop\:margin-neg-1 { margin: -0.5rem; } .desktop\:margin-neg-105 { margin: -0.75rem; } .desktop\:margin-neg-2 { margin: -1rem; } .desktop\:margin-neg-205 { margin: -1.25rem; } .desktop\:margin-neg-3 { margin: -1.5rem; } .desktop\:margin-1px { margin: 1px; } .desktop\:margin-2px { margin: 2px; } .desktop\:margin-05 { margin: 0.25rem; } .desktop\:margin-1 { margin: 0.5rem; } .desktop\:margin-105 { margin: 0.75rem; } .desktop\:margin-2 { margin: 1rem; } .desktop\:margin-205 { margin: 1.25rem; } .desktop\:margin-3 { margin: 1.5rem; } .desktop\:margin-neg-4 { margin: -2rem; } .desktop\:margin-neg-5 { margin: -2.5rem; } .desktop\:margin-neg-6 { margin: -3rem; } .desktop\:margin-neg-7 { margin: -3.5rem; } .desktop\:margin-neg-8 { margin: -4rem; } .desktop\:margin-neg-9 { margin: -4.5rem; } .desktop\:margin-neg-10 { margin: -5rem; } .desktop\:margin-neg-15 { margin: -7.5rem; } .desktop\:margin-4 { margin: 2rem; } .desktop\:margin-5 { margin: 2.5rem; } .desktop\:margin-6 { margin: 3rem; } .desktop\:margin-7 { margin: 3.5rem; } .desktop\:margin-8 { margin: 4rem; } .desktop\:margin-9 { margin: 4.5rem; } .desktop\:margin-10 { margin: 5rem; } .desktop\:margin-15 { margin: 7.5rem; } .desktop\:margin-05em { margin: 0.5em; } .desktop\:margin-1em { margin: 1em; } .desktop\:margin-105em { margin: 1.5em; } .desktop\:margin-2em { margin: 2em; } .desktop\:margin-0 { margin: 0; } .desktop\:margin-y-1px { margin-top: 1px; margin-bottom: 1px; } .desktop\:margin-top-1px { margin-top: 1px; } .desktop\:margin-bottom-1px { margin-bottom: 1px; } .desktop\:margin-y-2px { margin-top: 2px; margin-bottom: 2px; } .desktop\:margin-top-2px { margin-top: 2px; } .desktop\:margin-bottom-2px { margin-bottom: 2px; } .desktop\:margin-y-05 { margin-top: 0.25rem; margin-bottom: 0.25rem; } .desktop\:margin-top-05 { margin-top: 0.25rem; } .desktop\:margin-bottom-05 { margin-bottom: 0.25rem; } .desktop\:margin-y-1 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .desktop\:margin-top-1 { margin-top: 0.5rem; } .desktop\:margin-bottom-1 { margin-bottom: 0.5rem; } .desktop\:margin-y-105 { margin-top: 0.75rem; margin-bottom: 0.75rem; } .desktop\:margin-top-105 { margin-top: 0.75rem; } .desktop\:margin-bottom-105 { margin-bottom: 0.75rem; } .desktop\:margin-y-2 { margin-top: 1rem; margin-bottom: 1rem; } .desktop\:margin-top-2 { margin-top: 1rem; } .desktop\:margin-bottom-2 { margin-bottom: 1rem; } .desktop\:margin-y-205 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .desktop\:margin-top-205 { margin-top: 1.25rem; } .desktop\:margin-bottom-205 { margin-bottom: 1.25rem; } .desktop\:margin-y-3 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .desktop\:margin-top-3 { margin-top: 1.5rem; } .desktop\:margin-bottom-3 { margin-bottom: 1.5rem; } .desktop\:margin-y-neg-1px { margin-top: -1px; margin-bottom: -1px; } .desktop\:margin-top-neg-1px { margin-top: -1px; } .desktop\:margin-bottom-neg-1px { margin-bottom: -1px; } .desktop\:margin-y-neg-2px { margin-top: -2px; margin-bottom: -2px; } .desktop\:margin-top-neg-2px { margin-top: -2px; } .desktop\:margin-bottom-neg-2px { margin-bottom: -2px; } .desktop\:margin-y-neg-05 { margin-top: -0.25rem; margin-bottom: -0.25rem; } .desktop\:margin-top-neg-05 { margin-top: -0.25rem; } .desktop\:margin-bottom-neg-05 { margin-bottom: -0.25rem; } .desktop\:margin-y-neg-1 { margin-top: -0.5rem; margin-bottom: -0.5rem; } .desktop\:margin-top-neg-1 { margin-top: -0.5rem; } .desktop\:margin-bottom-neg-1 { margin-bottom: -0.5rem; } .desktop\:margin-y-neg-105 { margin-top: -0.75rem; margin-bottom: -0.75rem; } .desktop\:margin-top-neg-105 { margin-top: -0.75rem; } .desktop\:margin-bottom-neg-105 { margin-bottom: -0.75rem; } .desktop\:margin-y-neg-2 { margin-top: -1rem; margin-bottom: -1rem; } .desktop\:margin-top-neg-2 { margin-top: -1rem; } .desktop\:margin-bottom-neg-2 { margin-bottom: -1rem; } .desktop\:margin-y-neg-205 { margin-top: -1.25rem; margin-bottom: -1.25rem; } .desktop\:margin-top-neg-205 { margin-top: -1.25rem; } .desktop\:margin-bottom-neg-205 { margin-bottom: -1.25rem; } .desktop\:margin-y-neg-3 { margin-top: -1.5rem; margin-bottom: -1.5rem; } .desktop\:margin-top-neg-3 { margin-top: -1.5rem; } .desktop\:margin-bottom-neg-3 { margin-bottom: -1.5rem; } .desktop\:margin-y-neg-4 { margin-top: -2rem; margin-bottom: -2rem; } .desktop\:margin-top-neg-4 { margin-top: -2rem; } .desktop\:margin-bottom-neg-4 { margin-bottom: -2rem; } .desktop\:margin-y-neg-5 { margin-top: -2.5rem; margin-bottom: -2.5rem; } .desktop\:margin-top-neg-5 { margin-top: -2.5rem; } .desktop\:margin-bottom-neg-5 { margin-bottom: -2.5rem; } .desktop\:margin-y-neg-6 { margin-top: -3rem; margin-bottom: -3rem; } .desktop\:margin-top-neg-6 { margin-top: -3rem; } .desktop\:margin-bottom-neg-6 { margin-bottom: -3rem; } .desktop\:margin-y-neg-7 { margin-top: -3.5rem; margin-bottom: -3.5rem; } .desktop\:margin-top-neg-7 { margin-top: -3.5rem; } .desktop\:margin-bottom-neg-7 { margin-bottom: -3.5rem; } .desktop\:margin-y-neg-8 { margin-top: -4rem; margin-bottom: -4rem; } .desktop\:margin-top-neg-8 { margin-top: -4rem; } .desktop\:margin-bottom-neg-8 { margin-bottom: -4rem; } .desktop\:margin-y-neg-9 { margin-top: -4.5rem; margin-bottom: -4.5rem; } .desktop\:margin-top-neg-9 { margin-top: -4.5rem; } .desktop\:margin-bottom-neg-9 { margin-bottom: -4.5rem; } .desktop\:margin-y-neg-10 { margin-top: -5rem; margin-bottom: -5rem; } .desktop\:margin-top-neg-10 { margin-top: -5rem; } .desktop\:margin-bottom-neg-10 { margin-bottom: -5rem; } .desktop\:margin-y-neg-15 { margin-top: -7.5rem; margin-bottom: -7.5rem; } .desktop\:margin-top-neg-15 { margin-top: -7.5rem; } .desktop\:margin-bottom-neg-15 { margin-bottom: -7.5rem; } .desktop\:margin-y-4 { margin-top: 2rem; margin-bottom: 2rem; } .desktop\:margin-top-4 { margin-top: 2rem; } .desktop\:margin-bottom-4 { margin-bottom: 2rem; } .desktop\:margin-y-5 { margin-top: 2.5rem; margin-bottom: 2.5rem; } .desktop\:margin-top-5 { margin-top: 2.5rem; } .desktop\:margin-bottom-5 { margin-bottom: 2.5rem; } .desktop\:margin-y-6 { margin-top: 3rem; margin-bottom: 3rem; } .desktop\:margin-top-6 { margin-top: 3rem; } .desktop\:margin-bottom-6 { margin-bottom: 3rem; } .desktop\:margin-y-7 { margin-top: 3.5rem; margin-bottom: 3.5rem; } .desktop\:margin-top-7 { margin-top: 3.5rem; } .desktop\:margin-bottom-7 { margin-bottom: 3.5rem; } .desktop\:margin-y-8 { margin-top: 4rem; margin-bottom: 4rem; } .desktop\:margin-top-8 { margin-top: 4rem; } .desktop\:margin-bottom-8 { margin-bottom: 4rem; } .desktop\:margin-y-9 { margin-top: 4.5rem; margin-bottom: 4.5rem; } .desktop\:margin-top-9 { margin-top: 4.5rem; } .desktop\:margin-bottom-9 { margin-bottom: 4.5rem; } .desktop\:margin-y-10 { margin-top: 5rem; margin-bottom: 5rem; } .desktop\:margin-top-10 { margin-top: 5rem; } .desktop\:margin-bottom-10 { margin-bottom: 5rem; } .desktop\:margin-y-15 { margin-top: 7.5rem; margin-bottom: 7.5rem; } .desktop\:margin-top-15 { margin-top: 7.5rem; } .desktop\:margin-bottom-15 { margin-bottom: 7.5rem; } .desktop\:margin-y-05em { margin-top: 0.5em; margin-bottom: 0.5em; } .desktop\:margin-top-05em { margin-top: 0.5em; } .desktop\:margin-bottom-05em { margin-bottom: 0.5em; } .desktop\:margin-y-1em { margin-top: 1em; margin-bottom: 1em; } .desktop\:margin-top-1em { margin-top: 1em; } .desktop\:margin-bottom-1em { margin-bottom: 1em; } .desktop\:margin-y-105em { margin-top: 1.5em; margin-bottom: 1.5em; } .desktop\:margin-top-105em { margin-top: 1.5em; } .desktop\:margin-bottom-105em { margin-bottom: 1.5em; } .desktop\:margin-y-2em { margin-top: 2em; margin-bottom: 2em; } .desktop\:margin-top-2em { margin-top: 2em; } .desktop\:margin-bottom-2em { margin-bottom: 2em; } .desktop\:margin-y-0 { margin-top: 0; margin-bottom: 0; } .desktop\:margin-top-0 { margin-top: 0; } .desktop\:margin-bottom-0 { margin-bottom: 0; } .desktop\:margin-y-auto { margin-top: auto; margin-bottom: auto; } .desktop\:margin-top-auto { margin-top: auto; } .desktop\:margin-bottom-auto { margin-bottom: auto; } .desktop\:margin-x-1px { margin-left: 1px; margin-right: 1px; } .desktop\:margin-right-1px { margin-right: 1px; } .desktop\:margin-left-1px { margin-left: 1px; } .desktop\:margin-x-2px { margin-left: 2px; margin-right: 2px; } .desktop\:margin-right-2px { margin-right: 2px; } .desktop\:margin-left-2px { margin-left: 2px; } .desktop\:margin-x-05 { margin-left: 0.25rem; margin-right: 0.25rem; } .desktop\:margin-right-05 { margin-right: 0.25rem; } .desktop\:margin-left-05 { margin-left: 0.25rem; } .desktop\:margin-x-1 { margin-left: 0.5rem; margin-right: 0.5rem; } .desktop\:margin-right-1 { margin-right: 0.5rem; } .desktop\:margin-left-1 { margin-left: 0.5rem; } .desktop\:margin-x-105 { margin-left: 0.75rem; margin-right: 0.75rem; } .desktop\:margin-right-105 { margin-right: 0.75rem; } .desktop\:margin-left-105 { margin-left: 0.75rem; } .desktop\:margin-x-2 { margin-left: 1rem; margin-right: 1rem; } .desktop\:margin-right-2 { margin-right: 1rem; } .desktop\:margin-left-2 { margin-left: 1rem; } .desktop\:margin-x-205 { margin-left: 1.25rem; margin-right: 1.25rem; } .desktop\:margin-right-205 { margin-right: 1.25rem; } .desktop\:margin-left-205 { margin-left: 1.25rem; } .desktop\:margin-x-3 { margin-left: 1.5rem; margin-right: 1.5rem; } .desktop\:margin-right-3 { margin-right: 1.5rem; } .desktop\:margin-left-3 { margin-left: 1.5rem; } .desktop\:margin-x-neg-1px { margin-left: -1px; margin-right: -1px; } .desktop\:margin-right-neg-1px { margin-right: -1px; } .desktop\:margin-left-neg-1px { margin-left: -1px; } .desktop\:margin-x-neg-2px { margin-left: -2px; margin-right: -2px; } .desktop\:margin-right-neg-2px { margin-right: -2px; } .desktop\:margin-left-neg-2px { margin-left: -2px; } .desktop\:margin-x-neg-05 { margin-left: -0.25rem; margin-right: -0.25rem; } .desktop\:margin-right-neg-05 { margin-right: -0.25rem; } .desktop\:margin-left-neg-05 { margin-left: -0.25rem; } .desktop\:margin-x-neg-1 { margin-left: -0.5rem; margin-right: -0.5rem; } .desktop\:margin-right-neg-1 { margin-right: -0.5rem; } .desktop\:margin-left-neg-1 { margin-left: -0.5rem; } .desktop\:margin-x-neg-105 { margin-left: -0.75rem; margin-right: -0.75rem; } .desktop\:margin-right-neg-105 { margin-right: -0.75rem; } .desktop\:margin-left-neg-105 { margin-left: -0.75rem; } .desktop\:margin-x-neg-2 { margin-left: -1rem; margin-right: -1rem; } .desktop\:margin-right-neg-2 { margin-right: -1rem; } .desktop\:margin-left-neg-2 { margin-left: -1rem; } .desktop\:margin-x-neg-205 { margin-left: -1.25rem; margin-right: -1.25rem; } .desktop\:margin-right-neg-205 { margin-right: -1.25rem; } .desktop\:margin-left-neg-205 { margin-left: -1.25rem; } .desktop\:margin-x-neg-3 { margin-left: -1.5rem; margin-right: -1.5rem; } .desktop\:margin-right-neg-3 { margin-right: -1.5rem; } .desktop\:margin-left-neg-3 { margin-left: -1.5rem; } .desktop\:margin-x-neg-4 { margin-left: -2rem; margin-right: -2rem; } .desktop\:margin-right-neg-4 { margin-right: -2rem; } .desktop\:margin-left-neg-4 { margin-left: -2rem; } .desktop\:margin-x-neg-5 { margin-left: -2.5rem; margin-right: -2.5rem; } .desktop\:margin-right-neg-5 { margin-right: -2.5rem; } .desktop\:margin-left-neg-5 { margin-left: -2.5rem; } .desktop\:margin-x-neg-6 { margin-left: -3rem; margin-right: -3rem; } .desktop\:margin-right-neg-6 { margin-right: -3rem; } .desktop\:margin-left-neg-6 { margin-left: -3rem; } .desktop\:margin-x-neg-7 { margin-left: -3.5rem; margin-right: -3.5rem; } .desktop\:margin-right-neg-7 { margin-right: -3.5rem; } .desktop\:margin-left-neg-7 { margin-left: -3.5rem; } .desktop\:margin-x-neg-8 { margin-left: -4rem; margin-right: -4rem; } .desktop\:margin-right-neg-8 { margin-right: -4rem; } .desktop\:margin-left-neg-8 { margin-left: -4rem; } .desktop\:margin-x-neg-9 { margin-left: -4.5rem; margin-right: -4.5rem; } .desktop\:margin-right-neg-9 { margin-right: -4.5rem; } .desktop\:margin-left-neg-9 { margin-left: -4.5rem; } .desktop\:margin-x-neg-10 { margin-left: -5rem; margin-right: -5rem; } .desktop\:margin-right-neg-10 { margin-right: -5rem; } .desktop\:margin-left-neg-10 { margin-left: -5rem; } .desktop\:margin-x-neg-15 { margin-left: -7.5rem; margin-right: -7.5rem; } .desktop\:margin-right-neg-15 { margin-right: -7.5rem; } .desktop\:margin-left-neg-15 { margin-left: -7.5rem; } .desktop\:margin-x-4 { margin-left: 2rem; margin-right: 2rem; } .desktop\:margin-right-4 { margin-right: 2rem; } .desktop\:margin-left-4 { margin-left: 2rem; } .desktop\:margin-x-5 { margin-left: 2.5rem; margin-right: 2.5rem; } .desktop\:margin-right-5 { margin-right: 2.5rem; } .desktop\:margin-left-5 { margin-left: 2.5rem; } .desktop\:margin-x-6 { margin-left: 3rem; margin-right: 3rem; } .desktop\:margin-right-6 { margin-right: 3rem; } .desktop\:margin-left-6 { margin-left: 3rem; } .desktop\:margin-x-7 { margin-left: 3.5rem; margin-right: 3.5rem; } .desktop\:margin-right-7 { margin-right: 3.5rem; } .desktop\:margin-left-7 { margin-left: 3.5rem; } .desktop\:margin-x-8 { margin-left: 4rem; margin-right: 4rem; } .desktop\:margin-right-8 { margin-right: 4rem; } .desktop\:margin-left-8 { margin-left: 4rem; } .desktop\:margin-x-9 { margin-left: 4.5rem; margin-right: 4.5rem; } .desktop\:margin-right-9 { margin-right: 4.5rem; } .desktop\:margin-left-9 { margin-left: 4.5rem; } .desktop\:margin-x-10 { margin-left: 5rem; margin-right: 5rem; } .desktop\:margin-right-10 { margin-right: 5rem; } .desktop\:margin-left-10 { margin-left: 5rem; } .desktop\:margin-x-15 { margin-left: 7.5rem; margin-right: 7.5rem; } .desktop\:margin-right-15 { margin-right: 7.5rem; } .desktop\:margin-left-15 { margin-left: 7.5rem; } .desktop\:margin-x-card { margin-left: 10rem; margin-right: 10rem; } .desktop\:margin-right-card { margin-right: 10rem; } .desktop\:margin-left-card { margin-left: 10rem; } .desktop\:margin-x-card-lg { margin-left: 15rem; margin-right: 15rem; } .desktop\:margin-right-card-lg { margin-right: 15rem; } .desktop\:margin-left-card-lg { margin-left: 15rem; } .desktop\:margin-x-mobile { margin-left: 20rem; margin-right: 20rem; } .desktop\:margin-right-mobile { margin-right: 20rem; } .desktop\:margin-left-mobile { margin-left: 20rem; } .desktop\:margin-x-05em { margin-left: 0.5em; margin-right: 0.5em; } .desktop\:margin-right-05em { margin-right: 0.5em; } .desktop\:margin-left-05em { margin-left: 0.5em; } .desktop\:margin-x-1em { margin-left: 1em; margin-right: 1em; } .desktop\:margin-right-1em { margin-right: 1em; } .desktop\:margin-left-1em { margin-left: 1em; } .desktop\:margin-x-105em { margin-left: 1.5em; margin-right: 1.5em; } .desktop\:margin-right-105em { margin-right: 1.5em; } .desktop\:margin-left-105em { margin-left: 1.5em; } .desktop\:margin-x-2em { margin-left: 2em; margin-right: 2em; } .desktop\:margin-right-2em { margin-right: 2em; } .desktop\:margin-left-2em { margin-left: 2em; } .desktop\:margin-x-0 { margin-left: 0; margin-right: 0; } .desktop\:margin-right-0 { margin-right: 0; } .desktop\:margin-left-0 { margin-left: 0; } .desktop\:margin-x-auto { margin-left: auto; margin-right: auto; } .desktop\:margin-right-auto { margin-right: auto; } .desktop\:margin-left-auto { margin-left: auto; } .desktop\:measure-1 { max-width: 44ex; } .desktop\:measure-2 { max-width: 60ex; } .desktop\:measure-3 { max-width: 64ex; } .desktop\:measure-4 { max-width: 68ex; } .desktop\:measure-5 { max-width: 72ex; } .desktop\:measure-6 { max-width: 88ex; } .desktop\:measure-none { max-width: none; } .desktop\:order-first { order: -1; } .desktop\:order-last { order: 999; } .desktop\:order-initial { order: initial; } .desktop\:order-0 { order: 0; } .desktop\:order-1 { order: 1; } .desktop\:order-2 { order: 2; } .desktop\:order-3 { order: 3; } .desktop\:order-4 { order: 4; } .desktop\:order-5 { order: 5; } .desktop\:order-6 { order: 6; } .desktop\:order-7 { order: 7; } .desktop\:order-8 { order: 8; } .desktop\:order-9 { order: 9; } .desktop\:order-10 { order: 10; } .desktop\:order-11 { order: 11; } .desktop\:padding-1px { padding: 1px; } .desktop\:padding-y-1px { padding-top: 1px; padding-bottom: 1px; } .desktop\:padding-x-1px { padding-left: 1px; padding-right: 1px; } .desktop\:padding-top-1px { padding-top: 1px; } .desktop\:padding-right-1px { padding-right: 1px; } .desktop\:padding-bottom-1px { padding-bottom: 1px; } .desktop\:padding-left-1px { padding-left: 1px; } .desktop\:padding-2px { padding: 2px; } .desktop\:padding-y-2px { padding-top: 2px; padding-bottom: 2px; } .desktop\:padding-x-2px { padding-left: 2px; padding-right: 2px; } .desktop\:padding-top-2px { padding-top: 2px; } .desktop\:padding-right-2px { padding-right: 2px; } .desktop\:padding-bottom-2px { padding-bottom: 2px; } .desktop\:padding-left-2px { padding-left: 2px; } .desktop\:padding-05 { padding: 0.25rem; } .desktop\:padding-y-05 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .desktop\:padding-x-05 { padding-left: 0.25rem; padding-right: 0.25rem; } .desktop\:padding-top-05 { padding-top: 0.25rem; } .desktop\:padding-right-05 { padding-right: 0.25rem; } .desktop\:padding-bottom-05 { padding-bottom: 0.25rem; } .desktop\:padding-left-05 { padding-left: 0.25rem; } .desktop\:padding-1 { padding: 0.5rem; } .desktop\:padding-y-1 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .desktop\:padding-x-1 { padding-left: 0.5rem; padding-right: 0.5rem; } .desktop\:padding-top-1 { padding-top: 0.5rem; } .desktop\:padding-right-1 { padding-right: 0.5rem; } .desktop\:padding-bottom-1 { padding-bottom: 0.5rem; } .desktop\:padding-left-1 { padding-left: 0.5rem; } .desktop\:padding-105 { padding: 0.75rem; } .desktop\:padding-y-105 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .desktop\:padding-x-105 { padding-left: 0.75rem; padding-right: 0.75rem; } .desktop\:padding-top-105 { padding-top: 0.75rem; } .desktop\:padding-right-105 { padding-right: 0.75rem; } .desktop\:padding-bottom-105 { padding-bottom: 0.75rem; } .desktop\:padding-left-105 { padding-left: 0.75rem; } .desktop\:padding-2 { padding: 1rem; } .desktop\:padding-y-2 { padding-top: 1rem; padding-bottom: 1rem; } .desktop\:padding-x-2 { padding-left: 1rem; padding-right: 1rem; } .desktop\:padding-top-2 { padding-top: 1rem; } .desktop\:padding-right-2 { padding-right: 1rem; } .desktop\:padding-bottom-2 { padding-bottom: 1rem; } .desktop\:padding-left-2 { padding-left: 1rem; } .desktop\:padding-205 { padding: 1.25rem; } .desktop\:padding-y-205 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .desktop\:padding-x-205 { padding-left: 1.25rem; padding-right: 1.25rem; } .desktop\:padding-top-205 { padding-top: 1.25rem; } .desktop\:padding-right-205 { padding-right: 1.25rem; } .desktop\:padding-bottom-205 { padding-bottom: 1.25rem; } .desktop\:padding-left-205 { padding-left: 1.25rem; } .desktop\:padding-3 { padding: 1.5rem; } .desktop\:padding-y-3 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .desktop\:padding-x-3 { padding-left: 1.5rem; padding-right: 1.5rem; } .desktop\:padding-top-3 { padding-top: 1.5rem; } .desktop\:padding-right-3 { padding-right: 1.5rem; } .desktop\:padding-bottom-3 { padding-bottom: 1.5rem; } .desktop\:padding-left-3 { padding-left: 1.5rem; } .desktop\:padding-4 { padding: 2rem; } .desktop\:padding-y-4 { padding-top: 2rem; padding-bottom: 2rem; } .desktop\:padding-x-4 { padding-left: 2rem; padding-right: 2rem; } .desktop\:padding-top-4 { padding-top: 2rem; } .desktop\:padding-right-4 { padding-right: 2rem; } .desktop\:padding-bottom-4 { padding-bottom: 2rem; } .desktop\:padding-left-4 { padding-left: 2rem; } .desktop\:padding-5 { padding: 2.5rem; } .desktop\:padding-y-5 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .desktop\:padding-x-5 { padding-left: 2.5rem; padding-right: 2.5rem; } .desktop\:padding-top-5 { padding-top: 2.5rem; } .desktop\:padding-right-5 { padding-right: 2.5rem; } .desktop\:padding-bottom-5 { padding-bottom: 2.5rem; } .desktop\:padding-left-5 { padding-left: 2.5rem; } .desktop\:padding-6 { padding: 3rem; } .desktop\:padding-y-6 { padding-top: 3rem; padding-bottom: 3rem; } .desktop\:padding-x-6 { padding-left: 3rem; padding-right: 3rem; } .desktop\:padding-top-6 { padding-top: 3rem; } .desktop\:padding-right-6 { padding-right: 3rem; } .desktop\:padding-bottom-6 { padding-bottom: 3rem; } .desktop\:padding-left-6 { padding-left: 3rem; } .desktop\:padding-7 { padding: 3.5rem; } .desktop\:padding-y-7 { padding-top: 3.5rem; padding-bottom: 3.5rem; } .desktop\:padding-x-7 { padding-left: 3.5rem; padding-right: 3.5rem; } .desktop\:padding-top-7 { padding-top: 3.5rem; } .desktop\:padding-right-7 { padding-right: 3.5rem; } .desktop\:padding-bottom-7 { padding-bottom: 3.5rem; } .desktop\:padding-left-7 { padding-left: 3.5rem; } .desktop\:padding-8 { padding: 4rem; } .desktop\:padding-y-8 { padding-top: 4rem; padding-bottom: 4rem; } .desktop\:padding-x-8 { padding-left: 4rem; padding-right: 4rem; } .desktop\:padding-top-8 { padding-top: 4rem; } .desktop\:padding-right-8 { padding-right: 4rem; } .desktop\:padding-bottom-8 { padding-bottom: 4rem; } .desktop\:padding-left-8 { padding-left: 4rem; } .desktop\:padding-9 { padding: 4.5rem; } .desktop\:padding-y-9 { padding-top: 4.5rem; padding-bottom: 4.5rem; } .desktop\:padding-x-9 { padding-left: 4.5rem; padding-right: 4.5rem; } .desktop\:padding-top-9 { padding-top: 4.5rem; } .desktop\:padding-right-9 { padding-right: 4.5rem; } .desktop\:padding-bottom-9 { padding-bottom: 4.5rem; } .desktop\:padding-left-9 { padding-left: 4.5rem; } .desktop\:padding-10 { padding: 5rem; } .desktop\:padding-y-10 { padding-top: 5rem; padding-bottom: 5rem; } .desktop\:padding-x-10 { padding-left: 5rem; padding-right: 5rem; } .desktop\:padding-top-10 { padding-top: 5rem; } .desktop\:padding-right-10 { padding-right: 5rem; } .desktop\:padding-bottom-10 { padding-bottom: 5rem; } .desktop\:padding-left-10 { padding-left: 5rem; } .desktop\:padding-15 { padding: 7.5rem; } .desktop\:padding-y-15 { padding-top: 7.5rem; padding-bottom: 7.5rem; } .desktop\:padding-x-15 { padding-left: 7.5rem; padding-right: 7.5rem; } .desktop\:padding-top-15 { padding-top: 7.5rem; } .desktop\:padding-right-15 { padding-right: 7.5rem; } .desktop\:padding-bottom-15 { padding-bottom: 7.5rem; } .desktop\:padding-left-15 { padding-left: 7.5rem; } .desktop\:padding-0 { padding: 0; } .desktop\:padding-y-0 { padding-top: 0; padding-bottom: 0; } .desktop\:padding-x-0 { padding-left: 0; padding-right: 0; } .desktop\:padding-top-0 { padding-top: 0; } .desktop\:padding-right-0 { padding-right: 0; } .desktop\:padding-bottom-0 { padding-bottom: 0; } .desktop\:padding-left-0 { padding-left: 0; } .desktop\:width-1px { width: 1px; } .desktop\:width-2px { width: 2px; } .desktop\:width-05 { width: 0.25rem; } .desktop\:width-1 { width: 0.5rem; } .desktop\:width-105 { width: 0.75rem; } .desktop\:width-2 { width: 1rem; } .desktop\:width-205 { width: 1.25rem; } .desktop\:width-3 { width: 1.5rem; } .desktop\:width-4 { width: 2rem; } .desktop\:width-5 { width: 2.5rem; } .desktop\:width-6 { width: 3rem; } .desktop\:width-7 { width: 3.5rem; } .desktop\:width-8 { width: 4rem; } .desktop\:width-9 { width: 4.5rem; } .desktop\:width-10 { width: 5rem; } .desktop\:width-15 { width: 7.5rem; } .desktop\:width-card { width: 10rem; } .desktop\:width-card-lg { width: 15rem; } .desktop\:width-mobile { width: 20rem; } .desktop\:width-mobile-lg { width: 30rem; } .desktop\:width-tablet { width: 40rem; } .desktop\:width-tablet-lg { width: 55rem; } .desktop\:width-desktop { width: 64rem; } .desktop\:width-desktop-lg { width: 75rem; } .desktop\:width-widescreen { width: 87.5rem; } .desktop\:width-0 { width: 0; } .desktop\:width-full { width: 100%; } .desktop\:width-auto { width: auto; } } .emp-container, .emp-container--full { max-width: var(--grid-container-max-width, 2880px); margin-inline: auto; padding-left: 2rem; padding-right: 2rem; } .emp-container--full { width: 100%; max-width: none; } html { height: 100%; } html, body { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; height: 100%; margin: 0; background-color: white; } .app-content { min-height: 100%; min-width: 100%; width: 100%; background-color: white; } .main-content { position: relative; width: 100%; background-color: white; padding-bottom: 28rem; } .nist-footer { height: 28rem; margin-top: -28rem; margin-left: 0rem; padding-left: 2rem; padding-right: 2rem; } a.usa-link[href^=http]:not([href*="evaluation.nist.gov"]):not(.usa-button), a.usa-link--alt[href^=http]:not([href*="evaluation.nist.gov"]):not(.usa-button) { display: inline; } a.usa-link[href^=http]:not([href*="evaluation.nist.gov"]):not(.usa-button)::before, a.usa-link--alt[href^=http]:not([href*="evaluation.nist.gov"]):not(.usa-button)::before { position: absolute; left: -999em; right: auto; content: "External."; } a.usa-link[href^=http]:not([href*="evaluation.nist.gov"]):not(.usa-button)[target=_blank]::before, a.usa-link--alt[href^=http]:not([href*="evaluation.nist.gov"]):not(.usa-button)[target=_blank]::before { position: absolute; left: -999em; right: auto; content: "External, opens in a new tab."; } a.usa-link[href^=http]:not([href*="evaluation.nist.gov"]):not(.usa-button)::after, a.usa-link--alt[href^=http]:not([href*="evaluation.nist.gov"]):not(.usa-button)::after { background-image: url("../img/usa-icons/launch.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1.75ex 1.75ex; display: inline-block; height: 1.75ex; width: 1.75ex; content: ""; display: inline; margin-top: 0.7ex; margin-left: 2px; padding-left: 1.75ex; vertical-align: middle; } @supports (mask: url("")) { a.usa-link[href^=http]:not([href*="evaluation.nist.gov"]):not(.usa-button)::after, a.usa-link--alt[href^=http]:not([href*="evaluation.nist.gov"]):not(.usa-button)::after { background: none; background-color: currentColor; mask-image: url("../img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1.75ex 1.75ex; } } .admin-content { background-color: #dfe1e2; } .admin-content ul.usa-card-group li.usa-card { margin-bottom: 0px; } .page-content { margin-left: 0rem; padding-left: 2rem; } .usa-grid-container { margin-left: auto; margin-right: auto; max-width: 64rem; padding-left: 1rem; padding-right: 1rem; } @media all and (min-width: 64em) { .usa-grid-container { padding-left: 2rem; padding-right: 2rem; } } .usa-grid-row { display: flex; flex-wrap: wrap; flex-direction: column; align-items: stretch; } @media all and (min-width: 40em) { .usa-grid-row { margin-left: -0.5rem; margin-right: -0.5rem; flex-direction: row; } .usa-grid-row > * { padding-left: 0.5rem; padding-right: 0.5rem; } } .usa-grid-col { flex: 0 1 auto; width: auto; max-width: 100%; } .usa-grid-col { width: 100%; } @media all and (min-width: 40em) { .usa-grid-col { flex: 0 1 auto; width: 50%; } } .layout-styleguide { background-color: #dfe1e2; } .usa-center { text-align: center; } .usa-prose .site-prose { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; } .site-h2 { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 2rem; line-height: 1.2; color: #1b1b1b; margin-top: 2rem; } .site-h2 + p { margin-top: 0.75rem; } .site-figure { margin: 0; } .site-figcaption { font-size: 0.88rem; margin-bottom: 1rem; margin-top: 1rem; color: #1b1b1b; } /* p.challenge_card { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; padding-bottom: 0; } h2.challenge_card { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .challenge_card_footer { @extend .usa-card__footer; position: absolute; bottom: -2rem; width:100%; } .challenge_card_body { @extend .usa-card__body; position: aboslute; bottom: 0rem; } .challenge_tooltip { text-decoration: underline; } .challenge_card_container { @extend .usa-card__container; cursor: pointer; margin-bottom: -1rem; } .challenge_grid_col { @extend .usa-grid-col; min-width:20rem; max-width:20rem; max-height:25rem; min-height:25rem; } .challenge_desc_text { @include u-text('gray-50') } */ .emp-section-title { font-weight: 700; border-bottom: 1px solid; margin-bottom: 1rem; padding-top: 0.75rem; } #landing .underline { border-bottom-color: #286846; border-bottom-style: solid; } #landing .line { display: inline-block; } #landing .centered-svg { display: flex; align-items: center; justify-content: center; height: 100%; width: auto; } #landing .title-section p, #landing .title-section a, #landing .title-section h2, #landing .title-section h3, #landing .title-section h4, #landing .title-section h5, #landing .title-section .usa-hero__link, #landing .title-section .site-section__heading, #landing .title-section .site-prose, #landing .usa-section--dark p, #landing .usa-section--dark a, #landing .usa-section--dark h2, #landing .usa-section--dark h3, #landing .usa-section--dark h4, #landing .usa-section--dark h5, #landing .usa-section--dark .usa-hero__link, #landing .usa-section--dark .site-section__heading, #landing .usa-section--dark .site-prose, #landing .site-section--dark p, #landing .site-section--dark a, #landing .site-section--dark h2, #landing .site-section--dark h3, #landing .site-section--dark h4, #landing .site-section--dark h5, #landing .site-section--dark .usa-hero__link, #landing .site-section--dark .site-section__heading, #landing .site-section--dark .site-prose { color: white; } .emp-small-9 { transform: scale(0.9); } .emp-small-8 { transform: scale(0.8); } .emp-small-75 { transform: scale(0.75); } .emp-small-7 { transform: scale(0.7); } .emp-small-6 { transform: scale(0.6); } .emp-small-5 { transform: scale(0.5); } .bl-form-container { display: flex; flex-wrap: wrap; width: 80vw; } .datetime-container { display: flex; flex-wrap: wrap; width: 80vw; gap: 1rem; } .eye-toggle { background: none; border: none; padding-top: 0.25rem; padding: 0 0.25rem; cursor: pointer; color: #555; } .hidden-text { display: none; } .usa-banner__inner { padding-left: 2rem; margin-left: 0rem; } .usa-header--extended .usa-navbar { margin-left: 0rem; padding-left: 2rem; } .site-header__navbar, .site-nav__inner { max-width: none !important; } @media all and (min-width: 64em) { .site-header__navbar .site-logo, .site-nav__inner .site-logo { margin-top: 1.25rem; margin-bottom: 1.25rem; } } .site-header__navbar .usa-menu-btn, .site-nav__inner .usa-menu-btn { font-size: 0.81rem; margin-left: auto; } li .show-dropdown::after { background-image: url("../img/usa-icons/expand_more.svg"); background-repeat: no-repeat; background-position: center center; background-size: 1rem 1rem; display: inline-block; height: 1rem; width: 1rem; content: ""; vertical-align: middle; margin-left: auto; } @supports (mask: url("")) { li .show-dropdown::after { background: none; background-color: ButtonText; mask-image: url("../img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); mask-position: center center; mask-repeat: no-repeat; mask-size: 1rem 1rem; } } .usa-logo a { color: #1b1b1b; } .site-header { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; } @media all and (min-width: 64em) { .site-header { border-bottom: none; } } .site-header .nist-logo { margin-bottom: 0 !important; height: 40px; margin-left: 0rem; } @media all and (min-width: 64em) { .site-header .nist-logo { margin-top: 1rem; height: 42px; margin-left: 0rem; } } @media all and (min-width: 64em) { .site-header .site-logo { margin-top: 2px; margin-bottom: 0 !important; } } .site-header .site-logo a { color: #1b1b1b; } .site-header .site-logo__text { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.94rem; line-height: 2.5rem; } @media all and (min-width: 64em) { .site-header .site-logo__text { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1.38rem; line-height: 1; line-height: 4.5rem; display: inherit; letter-spacing: -0.01em; } } .site-header .usa-menu-btn { font-size: 0.81rem; } .site-header__navbar { border-bottom: none !important; } @media all and (min-width: 64em) { .site-header__navbar { height: 5rem !important; } } @media all and (min-width: 30em) { .site-title--short { display: none; } } .site-title--long { display: none; } @media all and (min-width: 30em) { .site-title--long { display: initial; } } .site-header--dark { background-color: #252f3e; } .site-header--dark .site-logo a { color: white; } .site-header--nav { background-color: #d9e8f6; height: 5rem !important; } .site-header--nav .site-nav-text { font-weight: 800; } .usa-nav__primary-item.site-navbar-item { height: 4rem; padding-top: 0.5rem; } .nav-header { margin-left: 0rem; padding-left: 2rem; padding-right: 1rem; } .nav-header .emp-nav-list li:last-child { padding-right: 1rem; } .site-navbar-button { height: 4rem; } .site-nav { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; background-color: #f0f0f0; color: #1b1b1b; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); } @media all and (min-width: 64em) { .site-nav { float: none; height: 4rem; z-index: 100; } } .site-nav .usagov-search-autocomplete { min-width: 0; } .site-nav .usa-accordion { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 1rem; line-height: 1.6; } .site-nav .usa-nav__close { background-color: #f0f0f0; } .site-nav .usa-nav__primary button { line-height: 1.2; } .site-nav .usa-nav__submenu-item { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.88rem; line-height: 1.2; } @media all and (min-width: 64em) { .usa-nav__primary--mobile { display: none; } } .usa-nav__primary--mobile .usa-button { margin-top: 0.5rem; } .usa-nav__primary--desktop { margin-bottom: 0; margin-top: 0; list-style-type: none; padding-left: 0; display: none; } .usa-nav__primary--desktop > li { margin-bottom: 0; max-width: unset; } @media all and (min-width: 64em) { .usa-nav__primary--desktop { display: flex; } } .usa-nav__primary--desktop a { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.94rem; line-height: 1; color: #757575; display: inline-block; font-weight: normal; height: 4rem; padding: 1rem; position: relative; text-decoration: none; } .page-home .usa-nav__primary--desktop a { color: #1b1b1b; } .usa-nav__primary--desktop a:hover { color: #0050d8; position: relative; } .usa-nav__primary--desktop a:hover::after { background-color: #0050d8; border-radius: 0; content: ""; display: block; position: absolute; height: 0.25rem; left: 1rem; right: 1rem; bottom: 0rem; } @media (forced-colors: active) { .usa-nav__primary--desktop a:hover::after { background-color: ButtonText; } } .usa-nav__primary--desktop .usa-current { color: #1b1b1b; font-weight: 700; position: relative; } .usa-nav__primary--desktop .usa-current::after { background-color: #0050d8; border-radius: 0; content: ""; display: block; position: absolute; height: 0.25rem; left: 1rem; right: 1rem; bottom: 0rem; } @media (forced-colors: active) { .usa-nav__primary--desktop .usa-current::after { background-color: ButtonText; } } .usa-nav__primary--desktop .usa-current:hover { color: #1b1b1b; } @media all and (min-width: 64em) { .usa-nav__secondary { align-items: center; display: flex; flex-direction: row; height: 5rem; margin-top: 0; bottom: 4rem; } } .usa-nav__secondary .usa-button { display: block; } .usa-nav__secondary .site-search__button:hover, .usa-nav__secondary .site-button-github:hover { background-color: #0050d8; } .usa-alert--info { background-color: #03A9F4; } .usa-alert--success { background-color: #34C759; } .usa-alert--warning { background-color: #FFC107; } .usa-alert--error { background-color: #FF3737; } /* NOTE: THIS MUST BE SET. min-content does the trick here. The default is 'auto' and it fails ! Not setting this results in illegible output */ .usa-in-page-nav__heading { font-size: 1.2 rem; } .usa-in-page-nav-container { padding-top: 0px; margin-top: 0px; justify-content: center; min-width: min-content; } .usa-in-page-nav-container main { max-width: 100%; } .usa-in-page-nav-container { padding-top: 0px; margin-top: 0px; justify-content: center; min-width: min-content; } .usa-in-page-nav-container main { max-width: 100%; } .site-in-page-nav-container { margin-right: units(2); padding-right: units(2); } aside.usa-in-page-nav { margin-left: 0rem; } aside.usa-in-page-nav .usa-in-page-nav__heading { font-size: medium; } .site-sidenav.usa-sidenav { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.94rem; line-height: 1.4; background-color: white; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 0.25rem; padding: 0; } .site-sidenav.usa-sidenav a { padding-left: 1rem; padding-right: 1rem; color: #3d4551; } .site-sidenav.usa-sidenav a:hover { background-color: transparent; color: #0050d8; } .site-sidenav.usa-sidenav .usa-current { color: #3d4551; position: static; } .site-sidenav.usa-sidenav .usa-current::after { border-radius: 0; background-color: #0050d8; bottom: -1px; left: -2px; top: 0rem; z-index: 100; } .site-sidenav.usa-sidenav .usa-sidenav__item:first-child .usa-current::after { border-top-left-radius: 0.25rem; top: -2px; } .site-sidenav.usa-sidenav .usa-sidenav__item:last-child .usa-current::after { border-bottom-left-radius: 0.25rem; bottom: -2px; } .site-sidenav.usa-sidenav .usa-sidenav__item { border-top: none; line-height: 1.4; position: relative; } .site-sidenav.usa-sidenav .usa-sidenav__item + .usa-sidenav__item a { border-top: 1px solid rgba(0, 0, 0, 0.05); } .site-sidenav.usa-sidenav .usa-sidenav__item.is-current .is-current { background-color: transparent; } .site-sidenav.usa-sidenav .usa-sidenav__sublist { font-size: 0.81rem; } .site-sidenav.usa-sidenav .usa-sidenav__sublist a { border-top: 1px solid rgba(0, 0, 0, 0.05); padding-left: 1rem; } .site-sidenav.usa-sidenav .usa-sidenav__sublist .usa-current { color: #0050d8; } .site-sidenav.usa-sidenav .usa-sidenav__sublist .usa-sidenav__sublist a { padding-left: 2rem; } .admin-sidenav-container { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 0.94rem; line-height: 1.4; background-color: white; border: 2px solid rgba(0, 0, 0, 0.1); border-radius: 0.25rem; padding: 0; margin-left: calc(2rem - 2px); } .sidenav { display: none; } @media all and (min-width: 64em) { .sidenav { display: block; float: left; margin-bottom: 3rem; margin-top: 1rem; padding-right: 0; padding-left: 2rem; width: 15rem; top: 4em; } } .sidenav .usa-navigation-submenu[aria-hidden=false] { display: block; } aside.emp-sidenav { margin-top: 0rem; margin-left: 1rem; padding-left: 0.5rem; padding-right: 0.5rem; } aside.emp-sidenav .usa-accordion__button { background-color: transparent; font-weight: 400; padding-left: 2.25rem; padding-top: units(2); padding-bottom: units(2); border-top: 1px solid rgba(0, 0, 0, 0.05); border-top-width: 1px; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.05); } aside.emp-sidenav .usa-accordion__button[aria-expanded=false] { background-image: url("/img/usa-icons/arrow_drop_down.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: 1rem; background-position: right 0.9rem center; } aside.emp-sidenav .usa-accordion__button[aria-expanded=true] { background-image: url("/img/usa-icons/arrow_drop_up.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: 1rem; background-position: right 0.9rem center; } ul.emp-mobilenav .usa-accordion__button { background-color: transparent; font-weight: 400; padding-left: 2.25rem; padding-top: units(2); padding-bottom: units(2); border-top: 1px solid rgba(0, 0, 0, 0.05); border-top-width: 1px; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.05); } ul.emp-mobilenav .usa-accordion__button[aria-expanded=false] { background-image: url("/img/usa-icons/arrow_drop_down.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: 1rem; background-position: right 0.9rem center; } ul.emp-mobilenav .usa-accordion__button[aria-expanded=true] { background-image: url("/img/usa-icons/arrow_drop_up.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: 1rem; background-position: right 0.9rem center; } a.sb-menu { font-weight: 400; background-image: url("/img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: 0.9rem; background-position: right 0.9rem center; } .site-sidenav.usa-sidenav .usa-sidenav__sublist .usa-sidenav__item a { padding-left: 1.75rem; } .site-sidenav.usa-sidenav .usa-sidenav__sublist .usa-sidenav__sublist .usa-sidenav__item a { padding-left: 2.25rem; } aside#page-side-navigation.sidenav.emp-sidenav ul#airc-sidebar.site-sidenav.usa-sidenav.usa-accordion li.usa-sidenav__item.is-current ul.usa-sidenav__sublist li.usa-sidenav__item.is-current ul.usa-sidenav__sublist li.usa-sidenav__item.sidebar-menu-toggle ul.usa-sidenav__sublist li.usa-sidenav__item a { padding-left: 2.75rem; } .default-container { padding-bottom: 3rem; } /* CI Styling from official NIST repo but needs mods */ .nist-footer { background: #333333; color: white; position: relative; z-index: 200; font-family: Helvetica, Arial, sans-serif; font-size: 16px; box-sizing: border-box; } .nist-footer__social-links { justify-content: right; align-items: normal; } .nist-footer__feedback { justify-content: right; align-items: center; } .nist-footer__inner { padding: 40px 0px; position: relative; } .nist-footer a { color: white; text-decoration: none; } .nist-footer .nist-footer__logo img { display: block; margin-left: 0px; margin-top: 10px; } .nist-footer__logo { display: flex; justify-content: left; align-items: left; } .nist-footer__menu { clear: both; margin-bottom: 10px; } .nist-footer__menu.first { padding-top: 20px; } .nist-footer__menu ul { margin: 0; padding: 0; list-style: none; text-align: center; } .nist-footer__menu-item { display: inline-block; font-size: 14px; padding: 0; margin-left: 0; } .nist-footer__menu-item:after { content: "|"; margin-right: 1.6px; display: inherit; position: static; font: inherit; line-height: inherit; color: inherit; } .nist-footer__menu-item:last-child:after { content: none; } .nist-footer__menu-item a { font-weight: normal; margin-right: 6px; white-space: nowrap; padding: 0.5em 0; display: inline-block; } .nist-social-footer-icon { margin-left: 0.5rem; margin-top: 0.5rem; background-position: center center; background-repeat: no-repeat; background-size: auto 2rem; display: inline-block; height: 2rem; position: relative; text-align: center; width: 2rem; float: left; } /* FROM NIST WEBSITE */ .nist-social { margin-bottom: 0.5rem; margin-top: 0.5rem; background-position: center center; background-repeat: no-repeat; background-size: auto 2rem; display: inline-block; height: 3rem; position: relative; text-align: center; width: 3rem; float: left; } .nist-social span { position: absolute; left: -999em; right: auto; } .nist-social--giphy { background-image: url("/img/usa-icons/giphy.svg"); } .nist-social--giphy-white:focus, .nist-social--giphy-white:hover, .nist-social--giphy:focus, .nist-social--giphy:hover { background-color: #9936ff; background-image: url("/img/usa-icons/giphy.svg"); opacity: 1; } .nist-social--giphy-white { background-image: url("/img/usa-icons/giphy.svg"); } .nist-social--twitter { background-image: url("/img/usa-icons/twitter.svg"); } .nist-social--twitter-gray:focus, .nist-social--twitter-gray:hover, .nist-social--twitter-white:focus, .nist-social--twitter-white:hover, .nist-social--twitter:focus, .nist-social--twitter:hover { background-color: #49c9f2; background-image: url("/img/usa-icons/twitter.svg"); opacity: 1; } .nist-social--twitter-white { background-image: url("/img/usa-icons/twitter.svg"); } .nist-social--twitter-gray { background-image: url("/img/usa-icons/twitter.svg"); opacity: 0.4; } .nist-social--facebook { background-image: url("/img/usa-icons/facebook.svg"); } .nist-social--facebook-gray:focus, .nist-social--facebook-gray:hover, .nist-social--facebook-white:focus, .nist-social--facebook-white:hover, .nist-social--facebook:focus, .nist-social--facebook:hover, .nist-social__wrapper--block .nist-social--facebook:focus, .nist-social__wrapper--block .nist-social--facebook:hover { background-color: #3a5897; background-image: url("/img/usa-icons/facebook.svg"); opacity: 1; } .nist-social--facebook-white { background-image: url("/img/usa-icons/facebook.svg"); } .nist-social--facebook-gray { background-image: url("/img/usa-icons/facebook.svg"); opacity: 0.4; } .nist-social--linkedin { background-image: url("/img/usa-icons/linkedin.svg"); } .nist-social--linkedin-gray:focus, .nist-social--linkedin-gray:hover, .nist-social--linkedin-white:focus, .nist-social--linkedin-white:hover, .nist-social--linkedin:focus, .nist-social--linkedin:hover, .nist-social__wrapper--block .nist-social--linkedin:focus, .nist-social__wrapper--block .nist-social--linkedin:hover { background-color: #2d9de7; background-image: url("/img/usa-icons/linkedin.svg"); opacity: 1; } .nist-social--linkedin-white { background-image: url("/img/usa-icons/linkedin.svg"); } .nist-social--linkedin-gray { background-image: url("/img/usa-icons/linkedin.svg"); opacity: 0.4; } .nist-social--instagram { background-image: url("/img/usa-icons/instagram.svg"); } .nist-social--instagram-white:focus, .nist-social--instagram-white:hover, .nist-social--instagram:focus, .nist-social--instagram:hover { background-color: #ff0076; background-image: url("/img/usa-icons/instagram.svg"); opacity: 1; } .nist-social--instagram-white { background-image: url("/img/usa-icons/instagram.svg"); } .nist-social--youtube { background-image: url("/img/usa-icons/youtube.svg"); } .nist-social--youtube-white:focus, .nist-social--youtube-white:hover, .nist-social--youtube:focus, .nist-social--youtube:hover { background-color: #e52d27; background-image: url("/img/usa-icons/youtube.svg"); opacity: 1; } .nist-social--youtube-white { background-image: url("/img/usa-icons/youtube.svg"); } .nist-social--rss { background-image: url("/img/usa-icons/rss_feed.svg"); } .nist-social--rss-white:focus, .nist-social--rss-white:hover, .nist-social--rss:focus, .nist-social--rss:hover { background-color: #f99007; background-image: url("/img/usa-icons/rss_feed.svg"); opacity: 1; } .nist-social--rss-white { background-image: url("/img/usa-icons/rss_feed.svg"); } .nist-social--envelope { background-image: url("/img/usa-icons/mail_outline.svg"); } .nist-social--envelope-gray:focus, .nist-social--envelope-gray:hover, .nist-social--envelope-white:focus, .nist-social--envelope-white:hover, .nist-social--envelope:focus, .nist-social--envelope:hover { background-color: #b3b3b3; background-image: url("/img/usa-icons/mail_outline.svg"); opacity: 1; } .nist-social--envelope-white { background-image: url("/img/usa-icons/mail_outline.svg"); } .nist-social--envelope-gray { background-image: url("/img/usa-icons/mail_outline.svg"); opacity: 0.4; } .nist-social--flickr { background-image: url("/img/usa-icons/flickr.svg"); } .nist-social--flickr-white:focus, .nist-social--flickr-white:hover, .nist-social--flickr:focus, .nist-social--flickr:hover { background-color: #0063dc; background-image: url("/img/usa-icons/flickr.svg"); opacity: 1; } .nist-social--flickr-white { background-image: url("/img/usa-icons/flickr.svg"); } @media all and (min-width: 64em) { .nist-social__wrapper { position: relative; } } @media all and (min-width: 87.5em) { .nist-social__wrapper { position: fixed; left: 0; padding: 0.75rem; border-width: 2px; border-color: #dfe1e2; border-style: solid; z-index: 100; } .nist-social__wrapper .nist-social { float: none; } } .nist-social__title, .nist-social__wrapper--block h2 { font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; color: #454545; font-weight: 400; } @media all and (max-width: 87.49em) { .nist-social__title { position: absolute; left: -999em; right: auto; } } .nist-social__wrapper--share a { margin-bottom: 0; margin-top: 0; height: 40px; width: 40px; } .nist-social__wrapper--block { background-color: #005ea2; text-align: center; } .nist-social__wrapper--block h2 { font-weight: 300; color: #fff; font-size: 1.2rem; padding-top: 1.25rem; margin-bottom: -0.75rem; } .nist-social__wrapper--block .nist-social--block-links { margin-top: 2px; padding-bottom: 0.75rem; } .nist-social__wrapper--block .nist-social { float: none; } .nist-social__wrapper--block .nist-social--facebook { background-image: url("/img/usa-icons/facebook.svg"); } .nist-social__wrapper--block .nist-social--linkedin { background-image: url("/img/usa-icons/linkedin.svg"); } .nist-social__wrapper--block .nist-social--twitter { background-image: url("/img/usa-icons/twitter.svg"); } .nist-social__wrapper--block .nist-social--twitter:focus, .nist-social__wrapper--block .nist-social--twitter:hover { background-color: #49c9f2; background-image: url("/img/usa-icons/twitter.svg"); opacity: 1; } .nist-social__wrapper--block .nist-social--youtube { background-image: url("/img/usa-icons/youtube.svg"); } .nist-social__wrapper--block .nist-social--youtube:focus, .nist-social__wrapper--block .nist-social--youtube:hover { background-color: #e52d27; background-image: url("/img/usa-icons/youtube.svg"); opacity: 1; } .nist-social__wrapper--block .nist-social--envelope { background-image: url("/img/usa-icons/mail_outline.svg"); } .nist-social__wrapper--block .nist-social--envelope:focus, .nist-social__wrapper--block .nist-social--envelope:hover { background-color: #b3b3b3; background-image: url("/img/usa-icons/mail_outline.svg"); opacity: 1; } .nist-social__wrapper--block .nist-social--flickr { background-image: url("/img/usa-icons/flickr.svg"); } .nist-social__wrapper--block .nist-social--flickr:focus, .nist-social__wrapper--block .nist-social--flickr:hover { background-color: #0063dc; background-image: url("/img/usa-icons/flickr.svg"); opacity: 1; } .nist-social__wrapper--block .nist-social--instagram { background-image: url("/img/usa-icons/instagram.svg"); } .nist-social__wrapper--block .nist-social--instagram:focus, .nist-social__wrapper--block .nist-social--instagram:hover { background-color: #ff0076; background-image: url("/img/usa-icons/instagram.svg"); opacity: 1; } .nist-social__wrapper--block .nist-social--giphy { background-image: url("/img/usa-icons/giphy.svg"); } .nist-social__wrapper--block .nist-social--giphy:focus, .nist-social__wrapper--block .nist-social--giphy:hover { background-color: #9936ff; background-image: url("/img/usa-icons/giphy.svg"); opacity: 1; } .filter-white { filter: invert(100%); } .nist-social--x { background-image: url("/img/usa-icons/x.svg"); } .nist-social--x-gray:focus, .nist-social--x-gray:hover, .nist-social--x-white:focus, .nist-social--x-white:hover, .nist-social--x:focus, .nist-social--x:hover { background-color: #49c9f2; background-image: url("/img/usa-icons/x.svg"); opacity: 1; } .nist-social--x-white { background-image: url("/img/usa-icons/x.svg"); } .nist-social--x-gray { background-image: url("/img/usa-icons/x.svg"); opacity: 0.4; } .site-alert { margin-top: 20; } .site-top-alert { position: relative; margin: 0; padding-top: 1rem; padding-bottom: 1rem; padding-left: 2rem; border: 0; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); z-index: auto; } .site-top-alert-body { padding-left: 0; padding-right: 0; margin-left: 0rem; margin-right: 0; } .site-breadcrumbs { margin-left: 0rem; padding-left: 2rem; } :root { --banner-bg: #ffffff; --banner-blur-brightness: 1.2; --banner-blur-opacity: 0.5; --banner-blur-saturate: 1.4; --dark-text: #E0E0E0; --dark-surface: #1A1A1A; } img.challenge-img { max-width: 400px; object-position: center; border-radius: 6%; } img.challenge-page-img { display: block; margin-left: auto; margin-right: 0; width: auto; height: auto; max-width: 100%; max-height: 400px; object-fit: contain; border-radius: 6%; } .glass-banner-container, .banner-standard-container { position: relative; height: 300px; width: 100%; overflow: hidden; display: flex; align-items: center; justify-content: center; background-color: var(--banner-bg); } .banner-blur-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; filter: blur(25px) brightness(var(--banner-blur-brightness)) saturate(var(--banner-blur-saturate, 1)); opacity: var(--banner-blur-opacity); transform: scale(1.1); z-index: 1; } .banner-foreground { position: relative; z-index: 2; display: flex; justify-content: center !important; align-items: center !important; width: 100%; height: 100%; } .banner-img-standard, .banner-img-natural { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: cover; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); } .full-page-dark-theme { --banner-bg: #000000; --banner-blur-brightness: 0.6; --banner-blur-opacity: 1; background-color: #000000 !important; color: #ffffff !important; min-height: 100vh; display: flex; flex-direction: column; width: 100%; margin: 0; padding: 0; } .full-page-dark-theme p:not(.btn *):not(.usa-button *):not(.alert *), .full-page-dark-theme h1:not(.btn *):not(.usa-button *):not(.alert *), .full-page-dark-theme h2:not(.btn *):not(.usa-button *):not(.alert *), .full-page-dark-theme h3:not(.btn *):not(.usa-button *):not(.alert *), .full-page-dark-theme h4:not(.btn *):not(.usa-button *):not(.alert *), .full-page-dark-theme span:not(.btn *):not(.usa-button *):not(.alert *), .full-page-dark-theme b:not(.btn *):not(.usa-button *):not(.alert *), .full-page-dark-theme label:not(.btn *):not(.usa-button *):not(.alert *) { color: #ffffff !important; } .full-page-dark-theme .challenge-info-bar, .full-page-dark-theme .challenge-info-bar *, .full-page-dark-theme .challenge-info-bar .stat-item, .full-page-dark-theme .challenge-info-bar .stat-item strong, .full-page-dark-theme .challenge-info-bar .stat-item b { color: #ffffff !important; } .full-page-dark-theme table, .full-page-dark-theme .schedule-container, .full-page-dark-theme .schedule-table, .full-page-dark-theme [class*=schedule] { background-color: var(--dark-surface) !important; color: #ffffff !important; border-color: #333 !important; } .full-page-dark-theme table td, .full-page-dark-theme table th, .full-page-dark-theme .schedule-container td, .full-page-dark-theme .schedule-container th, .full-page-dark-theme .schedule-table td, .full-page-dark-theme .schedule-table th, .full-page-dark-theme [class*=schedule] td, .full-page-dark-theme [class*=schedule] th { background-color: var(--dark-surface) !important; color: #ffffff !important; } .full-page-dark-theme .banner-layout { width: 100%; } .full-page-dark-theme .challenge-content-wrapper { flex-grow: 1; } .challenge-info-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 0.9rem; color: #565c65; } .challenge-info-bar .separator { color: #adadad; padding: 0 4px; font-weight: 300; } .challenge-info-bar .stats-section { display: flex; align-items: center; gap: 8px; } .challenge-info-bar .stat-item { white-space: nowrap; } .challenge-info-bar .stat-item strong { color: #1b1b1b; } .challenge-nav { margin-top: 0rem; margin-left: 0rem; padding-left: 0rem; } .challenge-nav .usa-accordion__button { background-color: transparent; font-weight: 400; padding-left: 2.25rem; padding-top: units(2); padding-bottom: units(2); border-top: 1px solid rgba(0, 0, 0, 0.05); border-top-width: 1px; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.05); } .challenge-nav .usa-accordion__button[aria-expanded=false] { background-image: url("/img/usa-icons/arrow_drop_down.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: 1rem; background-position: right 0.9rem center; } .challenge-nav .usa-accordion__button[aria-expanded=true] { background-image: url("/img/usa-icons/arrow_drop_up.svg"), linear-gradient(transparent, transparent); background-repeat: no-repeat; background-size: 1rem; background-position: right 0.9rem center; } .challenge-nav .cnav-item:not(:first-child) { padding-left: 1rem; } .challenge-nav .usa-nav__primary .cnav-button { font-weight: 400; height: 2.5rem; font-size: 1.25rem; } .challenge-nav .cnav-button { border-bottom: 2px solid white; padding: 0px; margin: 0px; } .challenge-nav .cnav-button.active { border-bottom: 2px solid black; } .challenge-card-heading { font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; font-size: 2rem; } .challenge-metadata-stats { display: flex; gap: 0.5rem; margin-top: 0.5rem; } .challenge-metadata-stats .stat-pill { background-color: #f0f3f5; padding: 2px 8px; border-radius: 4px; font-size: 0.75rem; color: #3d4551; font-weight: 500; } .challenge-metadata-stats .stat-pill b { font-weight: 700; } .challenge-divider { border: 0; border-top: 1px solid #565c65; margin: 1.5rem 0; width: 100%; } p.challenge_card { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 0; padding-bottom: 0; } h2.challenge_card { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .challenge_card_footer { position: absolute; bottom: -2rem; width: 100%; } .challenge_card_body { position: absolute; bottom: 0rem; } .challenge_tooltip { text-decoration: underline; } .challenge_grid_col { flex: 0 1 auto; width: auto; max-width: 100%; } .challenge_grid_col { width: 100%; } @media all and (min-width: 40em) { .challenge_grid_col { flex: 0 1 auto; width: 50%; } } .challenge_grid_col { min-width: 20rem; max-width: 20rem; display: flex; flex-direction: column; } .challenge_desc_text { color: #757575; } .challenge_card_container { display: flex; flex-direction: column; height: 100%; min-height: 375px; border-radius: 4px; overflow: hidden; border: 1px solid #ddd; background-color: #fff; cursor: pointer; margin-bottom: 1.5rem; transition: transform 0.1s; box-sizing: border-box; } .challenge_card_container:hover { transform: scale(1.01); } .challenge_card_container .challenge_card_content { display: flex; flex-direction: column; flex: 1 1 auto; } .challenge_card_container .challenge_card_title { color: #000; line-height: 1.2; } .challenge_card_container .challenge_card_description { font-size: 1rem; color: #565c65; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.94rem; } .challenge_card_container--disabled { opacity: 0.55; pointer-events: none; /* belt-and-suspenders: nothing inside is clickable */ cursor: not-allowed; position: relative; } .challenge_card_coming_soon { position: absolute; top: 0.5rem; left: 0.5rem; background: rgba(0, 0, 0, 0.75); color: #fff; padding: 0.25rem 0.6rem; border-radius: 0.25rem; font-size: 0.8rem; font-weight: 600; z-index: 2; } .challenge_card_spacer { flex: 1 1 auto; } .challenge_card_footer_container { background-color: #f8f9fa; border-top: 1px solid #eee; padding: 0.75rem 1rem; box-sizing: border-box; } .challenge_card_footer_container p { font-size: 0.85rem !important; color: #333 !important; margin: 0 !important; } .challenge_card_container.dark_mode_variant { background-color: #000 !important; border: none !important; color: #ffffff !important; box-sizing: border-box; } .challenge_card_container.dark_mode_variant .challenge_card_title, .challenge_card_container.dark_mode_variant .challenge_card_description, .challenge_card_container.dark_mode_variant .challenge_card_footer_container p, .challenge_card_container.dark_mode_variant b, .challenge_card_container.dark_mode_variant span { color: #ffffff !important; } .challenge_card_container.dark_mode_variant .challenge_card_body { padding: 1rem; box-sizing: border-box; } .challenge_card_container.dark_mode_variant .stat-pill { background-color: #2b2b2b !important; color: #ffffff !important; border: 1px solid #444; } .challenge_card_container.dark_mode_variant .challenge_card_footer_container { background-color: #111 !important; border-top: 1px solid #222; box-sizing: border-box; } @media (max-width: 800px) { .challenge-info-bar { flex-direction: column; align-items: flex-start; gap: 4px; } .challenge-info-bar .stats-section .separator:first-child { display: none; } } .side-image-wrapper { width: 100%; display: flex; justify-content: center; padding-top: 1rem; } .challenge-content-wrapper, .challenge-content-wrapper p, .challenge-content-wrapper div { text-align: left !important; } .challenge-content-wrapper { display: block !important; } .full-page-dark-theme .usa-alert, .full-page-dark-theme .alert, .full-page-dark-theme [class*=alert] { color: #000000 !important; } .full-page-dark-theme .usa-alert *, .full-page-dark-theme .alert *, .full-page-dark-theme [class*=alert] * { color: #000000 !important; } .btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary span, .btn-primary div { color: #ffffff !important; } .challenge-inner-tabs .usa-nav, .challenge-inner-tabs .site-nav, .challenge-inner-tabs .grid-container, .challenge-inner-tabs .nav-header, .challenge-inner-tabs .tabbable, .challenge-inner-tabs .card, .challenge-inner-tabs .card-header { background: transparent !important; background-color: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; position: relative !important; left: 0 !important; right: 0 !important; } .challenge-inner-tabs ul[role=tablist], .challenge-inner-tabs .nav-tabs, .challenge-inner-tabs .usa-nav__primary { display: flex !important; flex-direction: row !important; justify-content: flex-start !important; align-items: center !important; border-bottom: 1px solid #ddd !important; border-top: none !important; border-left: none !important; border-right: none !important; background: transparent !important; padding: 0 !important; margin: 0 0 20px 0 !important; gap: 25px !important; list-style: none !important; width: 100% !important; } .challenge-inner-tabs li, .challenge-inner-tabs .nav-item, .challenge-inner-tabs .usa-nav__primary-item { list-style: none !important; margin: 0 !important; padding: 0 !important; display: block !important; background: transparent !important; border: none !important; } .challenge-inner-tabs a[role=tab], .challenge-inner-tabs .nav-link, .challenge-inner-tabs .usa-nav-link { border: none !important; background: transparent !important; color: #666 !important; padding: 12px 0 !important; font-weight: 500 !important; font-size: 16px !important; transition: all 0.2s ease !important; border-bottom: 3px solid transparent !important; text-decoration: none !important; display: inline-flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important; position: relative !important; } .challenge-inner-tabs a[role=tab]::after, .challenge-inner-tabs .nav-link::after, .challenge-inner-tabs .usa-nav-link::after { content: attr(data-text) !important; content: attr(title) !important; display: block !important; font-weight: bold !important; height: 0 !important; overflow: hidden !important; visibility: hidden !important; } .challenge-inner-tabs a[role=tab]:hover, .challenge-inner-tabs .nav-link:hover, .challenge-inner-tabs .usa-nav-link:hover { color: #005ea2 !important; border-bottom: 3px solid #cbd5e0 !important; } .challenge-inner-tabs a[role=tab].active, .challenge-inner-tabs .nav-link.active, .challenge-inner-tabs .usa-nav-link.active { color: #005ea2 !important; border-bottom: 3px solid #005ea2 !important; font-weight: bold !important; background: transparent !important; } .challenge-inner-tabs .tab-content { display: block !important; width: 100% !important; padding-top: 20px !important; background: transparent !important; } .challenge-inner-tabs .tab-content .tab-pane { display: none; background: transparent !important; border: none !important; box-shadow: none !important; } .challenge-inner-tabs .tab-content .tab-pane.active { display: block !important; animation: fadeIn 0.3s ease-in-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } } /* ---- Chooser card ---- */ .track-chooser-card { background: #f7f9fc; border: 1px solid #dfe6ef; border-radius: 12px; padding: 2rem; margin: 1.5rem 0; } .track-chooser-card__title { font-size: 1.4rem; font-weight: 700; color: #1b1b1b; margin: 0 0 0.25rem; } .track-chooser-card__subtitle { font-size: 1rem; color: #565c65; margin: 0 0 1.5rem; } .track-chooser-card__options { display: flex; flex-wrap: wrap; gap: 1rem; } /* Each selectable track */ .track-chooser-option { flex: 1 1 200px; display: flex; flex-direction: column; gap: 0.25rem; padding: 1.25rem; background: #ffffff; border: 2px solid #dfe1e2; border-radius: 10px; text-decoration: none; transition: all 0.15s ease; } .track-chooser-option:hover { border-color: #005ea2; box-shadow: 0 2px 8px rgba(0, 94, 162, 0.12); transform: translateY(-2px); } .track-chooser-option__name { font-size: 1.1rem; font-weight: 700; color: #005ea2; } .track-chooser-option__hint { font-size: 0.85rem; color: #71767a; } /* ---- Active track bar ---- */ .track-active-bar { display: flex; align-items: center; justify-content: space-between; padding: 0.6rem 1rem; background: #eef4fb; border: 1px solid #d6e3f0; border-radius: 8px; } .track-active-bar__label { font-size: 0.95rem; color: #1b1b1b; } .track-active-bar__change { font-size: 0.9rem; font-weight: 600; color: #005ea2; text-decoration: none; } .track-active-bar__change:hover { text-decoration: underline; } .track-chooser-option--disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; filter: grayscale(100%); } .full-page-dark-theme .track-active-bar { background: #111 !important; border: 1px solid #333 !important; } .full-page-dark-theme .track-active-bar__label { color: #ffffff !important; } .full-page-dark-theme .track-active-bar__change { color: #7fb3e8 !important; } .full-page-dark-theme .track-chooser-card { background: #1a1a1a !important; border: 1px solid #333 !important; } .full-page-dark-theme .track-chooser-card__title { color: #ffffff !important; } .full-page-dark-theme .track-chooser-card__subtitle { color: #cccccc !important; } .full-page-dark-theme .track-chooser-option { background: #000 !important; border: 2px solid #444 !important; } .full-page-dark-theme .track-chooser-option:hover { border-color: #7fb3e8 !important; box-shadow: 0 2px 8px rgba(127, 179, 232, 0.25) !important; } .full-page-dark-theme .track-chooser-option__name { color: #7fb3e8 !important; } .full-page-dark-theme .track-chooser-option__hint { color: #aaaaaa !important; } .full-page-dark-theme .challenge-nav .cnav-button { border-bottom: 2px solid transparent !important; color: #cccccc !important; } .full-page-dark-theme .challenge-nav .cnav-button.active { border-bottom: 2px solid #ffffff !important; color: #ffffff !important; } .full-page-dark-theme .challenge-nav hr { border: 0 !important; border-top: 1px solid #333 !important; } .challenge_card_image_wrap { position: relative; width: 100%; height: 10rem; overflow: hidden; } .challenge_card_image { display: block; height: 100%; width: 100%; object-fit: cover; } /* Outer: positioning + padding only, NO clamp */ .challenge_card_title { position: absolute; top: 0.5rem; left: 0; right: 0; margin: 0; padding: 0.75rem 1rem; box-sizing: border-box; overflow: visible; /* was hidden — stop this box from clipping */ /* max-height removed */ } /* Inner: clamp only, NO padding */ .challenge_card_title_text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-word; line-height: 1.25; font-size: clamp(1rem, 9cqw, 2.25rem); /* max-height removed — line-clamp handles the 3-line cap */ } .challenge_card_image_wrap { position: relative; width: 100%; height: 10rem; overflow: hidden; container-type: inline-size; /* add this line */ } .challenge_card_title, .challenge_card_title a, .challenge_card_title a:visited, .challenge_card_title a:hover { color: #ffffff !important; text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8), 0 0 2px rgba(0, 0, 0, 0.9); text-decoration: none; } #landing .site-hero { background-image: url("/img/hero.webp"); max-width: 100%; min-height: 50vh; padding-bottom: 0.5rem; display: flex; flex-direction: column; place-content: stretch space-around; } #landing .site-hero .usa-hero__callout { background: linear-gradient(to bottom right, #168866, #001633); max-width: 150ex; margin-left: 1rem; margin-right: 1rem; } @media all and (max-width: 29.99em) { #landing .site-hero .usa-hero__callout { margin-left: 0.5rem; margin-right: 0.5rem; padding: 0.5rem; } #landing .site-hero .usa-hero__callout .usa-hero__heading { font-size: 3rem; } #landing .site-hero .usa-hero__callout p { font-size: 1.5rem; } } #landing .site-hero .usa-hero__heading { color: #69e9f7; /* background-color: #000d14; */ font-weight: 400; font-size: 4rem; line-height: 1.3; } #landing .usa-hero__callout p { line-height: 1.1; padding-top: 1rem; font-weight: 400; font-size: 2rem; } @media all and (max-width: 29.99em) { #landing .usa-hero__callout { margin-left: 0; margin-right: 0; padding-left: 0.5rem; padding-right: 0.5rem; } #landing .site-hero .usa-hero__heading { font-size: 3rem; } #landing .usa-hero__callout p { font-size: 1.5rem; } } #landing .site-hero ~ .site-cards-section { padding-top: 1rem; padding-bottom: 1rem; } #landing .site-cards-section .usa-card-group { justify-content: space-evenly; } @media all and (max-width: 63.99em) { #landing .site-cards-section .usa-card-group { margin-left: 0; margin-right: 0; } } #landing .site-cards-section .usa-card__body p { font-size: larger; font-weight: 400; } @media all and (max-width: 29.99em) { #landing .site-cards-section { padding-left: 0; padding-right: 0; } } #landing .site-hero .site-links-section { display: flex; flex-flow: row wrap; place-content: flex-end; column-gap: 0.25rem; /* align-items: center; */ column-gap: 1rem; padding-top: 1rem; padding-bottom: 1rem; padding-right: 1rem; } #landing .site-hero .site-links-section a { display: block; padding-left: 0.5rem; color: #fff; text-decoration: none; line-height: 1.1; font-size: 1.3rem; } @media all and (min-width: 40em) { #landing .site-hero .site-links-section a { /* padding-left: units(2); */ padding-left: 1rem; } } .badge-plain, .badge-base, .badge-accent-cool, .badge-accent-warm, .badge-secondary, .badge-primary { display: inline-flex; align-items: center; justify-content: center; padding: 0.25rem 0.5rem; font-size: 0.875rem; font-weight: 600; line-height: 1; border-radius: 0.25rem; } .badge-primary { background-color: #005ea2; color: white; } .badge-secondary { background-color: #fa9441; color: white; } .badge-accent-warm { background-color: #d83933; color: white; } .badge-accent-cool { background-color: #00bde3; color: white; } .badge-base { background-color: #71767a; color: #005ea2; } .badge-plain { background-color: transparent; border: 1px solid currentColor; } /* ------------------------------------------------- Usage examples (HTML) ------------------------------------------------- Primary Secondary Warm Accent Cool Accent Base Plain (inherits colour) ------------------------------------------------- */ .box-uploader-wrapper { border: 1px solid #dfe1e2; padding: 16px; background: #f9fafb; max-width: 600px; } table.emp-table { margin-top: 3px; border: 1px solid black !important; border-collapse: collapse; width: 100%; } table.emp-table th { background-color: rgb(169, 169, 169); border: 1px solid black !important; padding: 1rem; } table.emp-table td { padding: 1rem; border: 1px solid black !important; } .usa-table tbody tr.admin td { background-color: #f2938c; } .usa-table tbody tr.user td { background-color: #d9e8f6; } .usa-table tbody tr.host td { background-color: #ffbc78; } /*! * Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/) * Copyright 2019-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE) */ @font-face { font-display: block; font-family: "bootstrap-icons"; src: url("/assets/fonts/bootstrap-icons-54de1dc5.woff2?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff2"), url("/assets/fonts/bootstrap-icons-ff33aee1.woff?24e3eb84d0bcaf83d77f904c78ac1f47") format("woff"); } .bi::before, [class^=bi-]::before, [class*=" bi-"]::before { display: inline-block; font-family: "bootstrap-icons" !important; font-style: normal; font-weight: normal !important; font-variant: normal; text-transform: none; line-height: 1; vertical-align: -0.125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .bi-123::before { content: "\f67f"; } .bi-alarm-fill::before { content: "\f101"; } .bi-alarm::before { content: "\f102"; } .bi-align-bottom::before { content: "\f103"; } .bi-align-center::before { content: "\f104"; } .bi-align-end::before { content: "\f105"; } .bi-align-middle::before { content: "\f106"; } .bi-align-start::before { content: "\f107"; } .bi-align-top::before { content: "\f108"; } .bi-alt::before { content: "\f109"; } .bi-app-indicator::before { content: "\f10a"; } .bi-app::before { content: "\f10b"; } .bi-archive-fill::before { content: "\f10c"; } .bi-archive::before { content: "\f10d"; } .bi-arrow-90deg-down::before { content: "\f10e"; } .bi-arrow-90deg-left::before { content: "\f10f"; } .bi-arrow-90deg-right::before { content: "\f110"; } .bi-arrow-90deg-up::before { content: "\f111"; } .bi-arrow-bar-down::before { content: "\f112"; } .bi-arrow-bar-left::before { content: "\f113"; } .bi-arrow-bar-right::before { content: "\f114"; } .bi-arrow-bar-up::before { content: "\f115"; } .bi-arrow-clockwise::before { content: "\f116"; } .bi-arrow-counterclockwise::before { content: "\f117"; } .bi-arrow-down-circle-fill::before { content: "\f118"; } .bi-arrow-down-circle::before { content: "\f119"; } .bi-arrow-down-left-circle-fill::before { content: "\f11a"; } .bi-arrow-down-left-circle::before { content: "\f11b"; } .bi-arrow-down-left-square-fill::before { content: "\f11c"; } .bi-arrow-down-left-square::before { content: "\f11d"; } .bi-arrow-down-left::before { content: "\f11e"; } .bi-arrow-down-right-circle-fill::before { content: "\f11f"; } .bi-arrow-down-right-circle::before { content: "\f120"; } .bi-arrow-down-right-square-fill::before { content: "\f121"; } .bi-arrow-down-right-square::before { content: "\f122"; } .bi-arrow-down-right::before { content: "\f123"; } .bi-arrow-down-short::before { content: "\f124"; } .bi-arrow-down-square-fill::before { content: "\f125"; } .bi-arrow-down-square::before { content: "\f126"; } .bi-arrow-down-up::before { content: "\f127"; } .bi-arrow-down::before { content: "\f128"; } .bi-arrow-left-circle-fill::before { content: "\f129"; } .bi-arrow-left-circle::before { content: "\f12a"; } .bi-arrow-left-right::before { content: "\f12b"; } .bi-arrow-left-short::before { content: "\f12c"; } .bi-arrow-left-square-fill::before { content: "\f12d"; } .bi-arrow-left-square::before { content: "\f12e"; } .bi-arrow-left::before { content: "\f12f"; } .bi-arrow-repeat::before { content: "\f130"; } .bi-arrow-return-left::before { content: "\f131"; } .bi-arrow-return-right::before { content: "\f132"; } .bi-arrow-right-circle-fill::before { content: "\f133"; } .bi-arrow-right-circle::before { content: "\f134"; } .bi-arrow-right-short::before { content: "\f135"; } .bi-arrow-right-square-fill::before { content: "\f136"; } .bi-arrow-right-square::before { content: "\f137"; } .bi-arrow-right::before { content: "\f138"; } .bi-arrow-up-circle-fill::before { content: "\f139"; } .bi-arrow-up-circle::before { content: "\f13a"; } .bi-arrow-up-left-circle-fill::before { content: "\f13b"; } .bi-arrow-up-left-circle::before { content: "\f13c"; } .bi-arrow-up-left-square-fill::before { content: "\f13d"; } .bi-arrow-up-left-square::before { content: "\f13e"; } .bi-arrow-up-left::before { content: "\f13f"; } .bi-arrow-up-right-circle-fill::before { content: "\f140"; } .bi-arrow-up-right-circle::before { content: "\f141"; } .bi-arrow-up-right-square-fill::before { content: "\f142"; } .bi-arrow-up-right-square::before { content: "\f143"; } .bi-arrow-up-right::before { content: "\f144"; } .bi-arrow-up-short::before { content: "\f145"; } .bi-arrow-up-square-fill::before { content: "\f146"; } .bi-arrow-up-square::before { content: "\f147"; } .bi-arrow-up::before { content: "\f148"; } .bi-arrows-angle-contract::before { content: "\f149"; } .bi-arrows-angle-expand::before { content: "\f14a"; } .bi-arrows-collapse::before { content: "\f14b"; } .bi-arrows-expand::before { content: "\f14c"; } .bi-arrows-fullscreen::before { content: "\f14d"; } .bi-arrows-move::before { content: "\f14e"; } .bi-aspect-ratio-fill::before { content: "\f14f"; } .bi-aspect-ratio::before { content: "\f150"; } .bi-asterisk::before { content: "\f151"; } .bi-at::before { content: "\f152"; } .bi-award-fill::before { content: "\f153"; } .bi-award::before { content: "\f154"; } .bi-back::before { content: "\f155"; } .bi-backspace-fill::before { content: "\f156"; } .bi-backspace-reverse-fill::before { content: "\f157"; } .bi-backspace-reverse::before { content: "\f158"; } .bi-backspace::before { content: "\f159"; } .bi-badge-3d-fill::before { content: "\f15a"; } .bi-badge-3d::before { content: "\f15b"; } .bi-badge-4k-fill::before { content: "\f15c"; } .bi-badge-4k::before { content: "\f15d"; } .bi-badge-8k-fill::before { content: "\f15e"; } .bi-badge-8k::before { content: "\f15f"; } .bi-badge-ad-fill::before { content: "\f160"; } .bi-badge-ad::before { content: "\f161"; } .bi-badge-ar-fill::before { content: "\f162"; } .bi-badge-ar::before { content: "\f163"; } .bi-badge-cc-fill::before { content: "\f164"; } .bi-badge-cc::before { content: "\f165"; } .bi-badge-hd-fill::before { content: "\f166"; } .bi-badge-hd::before { content: "\f167"; } .bi-badge-tm-fill::before { content: "\f168"; } .bi-badge-tm::before { content: "\f169"; } .bi-badge-vo-fill::before { content: "\f16a"; } .bi-badge-vo::before { content: "\f16b"; } .bi-badge-vr-fill::before { content: "\f16c"; } .bi-badge-vr::before { content: "\f16d"; } .bi-badge-wc-fill::before { content: "\f16e"; } .bi-badge-wc::before { content: "\f16f"; } .bi-bag-check-fill::before { content: "\f170"; } .bi-bag-check::before { content: "\f171"; } .bi-bag-dash-fill::before { content: "\f172"; } .bi-bag-dash::before { content: "\f173"; } .bi-bag-fill::before { content: "\f174"; } .bi-bag-plus-fill::before { content: "\f175"; } .bi-bag-plus::before { content: "\f176"; } .bi-bag-x-fill::before { content: "\f177"; } .bi-bag-x::before { content: "\f178"; } .bi-bag::before { content: "\f179"; } .bi-bar-chart-fill::before { content: "\f17a"; } .bi-bar-chart-line-fill::before { content: "\f17b"; } .bi-bar-chart-line::before { content: "\f17c"; } .bi-bar-chart-steps::before { content: "\f17d"; } .bi-bar-chart::before { content: "\f17e"; } .bi-basket-fill::before { content: "\f17f"; } .bi-basket::before { content: "\f180"; } .bi-basket2-fill::before { content: "\f181"; } .bi-basket2::before { content: "\f182"; } .bi-basket3-fill::before { content: "\f183"; } .bi-basket3::before { content: "\f184"; } .bi-battery-charging::before { content: "\f185"; } .bi-battery-full::before { content: "\f186"; } .bi-battery-half::before { content: "\f187"; } .bi-battery::before { content: "\f188"; } .bi-bell-fill::before { content: "\f189"; } .bi-bell::before { content: "\f18a"; } .bi-bezier::before { content: "\f18b"; } .bi-bezier2::before { content: "\f18c"; } .bi-bicycle::before { content: "\f18d"; } .bi-binoculars-fill::before { content: "\f18e"; } .bi-binoculars::before { content: "\f18f"; } .bi-blockquote-left::before { content: "\f190"; } .bi-blockquote-right::before { content: "\f191"; } .bi-book-fill::before { content: "\f192"; } .bi-book-half::before { content: "\f193"; } .bi-book::before { content: "\f194"; } .bi-bookmark-check-fill::before { content: "\f195"; } .bi-bookmark-check::before { content: "\f196"; } .bi-bookmark-dash-fill::before { content: "\f197"; } .bi-bookmark-dash::before { content: "\f198"; } .bi-bookmark-fill::before { content: "\f199"; } .bi-bookmark-heart-fill::before { content: "\f19a"; } .bi-bookmark-heart::before { content: "\f19b"; } .bi-bookmark-plus-fill::before { content: "\f19c"; } .bi-bookmark-plus::before { content: "\f19d"; } .bi-bookmark-star-fill::before { content: "\f19e"; } .bi-bookmark-star::before { content: "\f19f"; } .bi-bookmark-x-fill::before { content: "\f1a0"; } .bi-bookmark-x::before { content: "\f1a1"; } .bi-bookmark::before { content: "\f1a2"; } .bi-bookmarks-fill::before { content: "\f1a3"; } .bi-bookmarks::before { content: "\f1a4"; } .bi-bookshelf::before { content: "\f1a5"; } .bi-bootstrap-fill::before { content: "\f1a6"; } .bi-bootstrap-reboot::before { content: "\f1a7"; } .bi-bootstrap::before { content: "\f1a8"; } .bi-border-all::before { content: "\f1a9"; } .bi-border-bottom::before { content: "\f1aa"; } .bi-border-center::before { content: "\f1ab"; } .bi-border-inner::before { content: "\f1ac"; } .bi-border-left::before { content: "\f1ad"; } .bi-border-middle::before { content: "\f1ae"; } .bi-border-outer::before { content: "\f1af"; } .bi-border-right::before { content: "\f1b0"; } .bi-border-style::before { content: "\f1b1"; } .bi-border-top::before { content: "\f1b2"; } .bi-border-width::before { content: "\f1b3"; } .bi-border::before { content: "\f1b4"; } .bi-bounding-box-circles::before { content: "\f1b5"; } .bi-bounding-box::before { content: "\f1b6"; } .bi-box-arrow-down-left::before { content: "\f1b7"; } .bi-box-arrow-down-right::before { content: "\f1b8"; } .bi-box-arrow-down::before { content: "\f1b9"; } .bi-box-arrow-in-down-left::before { content: "\f1ba"; } .bi-box-arrow-in-down-right::before { content: "\f1bb"; } .bi-box-arrow-in-down::before { content: "\f1bc"; } .bi-box-arrow-in-left::before { content: "\f1bd"; } .bi-box-arrow-in-right::before { content: "\f1be"; } .bi-box-arrow-in-up-left::before { content: "\f1bf"; } .bi-box-arrow-in-up-right::before { content: "\f1c0"; } .bi-box-arrow-in-up::before { content: "\f1c1"; } .bi-box-arrow-left::before { content: "\f1c2"; } .bi-box-arrow-right::before { content: "\f1c3"; } .bi-box-arrow-up-left::before { content: "\f1c4"; } .bi-box-arrow-up-right::before { content: "\f1c5"; } .bi-box-arrow-up::before { content: "\f1c6"; } .bi-box-seam::before { content: "\f1c7"; } .bi-box::before { content: "\f1c8"; } .bi-braces::before { content: "\f1c9"; } .bi-bricks::before { content: "\f1ca"; } .bi-briefcase-fill::before { content: "\f1cb"; } .bi-briefcase::before { content: "\f1cc"; } .bi-brightness-alt-high-fill::before { content: "\f1cd"; } .bi-brightness-alt-high::before { content: "\f1ce"; } .bi-brightness-alt-low-fill::before { content: "\f1cf"; } .bi-brightness-alt-low::before { content: "\f1d0"; } .bi-brightness-high-fill::before { content: "\f1d1"; } .bi-brightness-high::before { content: "\f1d2"; } .bi-brightness-low-fill::before { content: "\f1d3"; } .bi-brightness-low::before { content: "\f1d4"; } .bi-broadcast-pin::before { content: "\f1d5"; } .bi-broadcast::before { content: "\f1d6"; } .bi-brush-fill::before { content: "\f1d7"; } .bi-brush::before { content: "\f1d8"; } .bi-bucket-fill::before { content: "\f1d9"; } .bi-bucket::before { content: "\f1da"; } .bi-bug-fill::before { content: "\f1db"; } .bi-bug::before { content: "\f1dc"; } .bi-building::before { content: "\f1dd"; } .bi-bullseye::before { content: "\f1de"; } .bi-calculator-fill::before { content: "\f1df"; } .bi-calculator::before { content: "\f1e0"; } .bi-calendar-check-fill::before { content: "\f1e1"; } .bi-calendar-check::before { content: "\f1e2"; } .bi-calendar-date-fill::before { content: "\f1e3"; } .bi-calendar-date::before { content: "\f1e4"; } .bi-calendar-day-fill::before { content: "\f1e5"; } .bi-calendar-day::before { content: "\f1e6"; } .bi-calendar-event-fill::before { content: "\f1e7"; } .bi-calendar-event::before { content: "\f1e8"; } .bi-calendar-fill::before { content: "\f1e9"; } .bi-calendar-minus-fill::before { content: "\f1ea"; } .bi-calendar-minus::before { content: "\f1eb"; } .bi-calendar-month-fill::before { content: "\f1ec"; } .bi-calendar-month::before { content: "\f1ed"; } .bi-calendar-plus-fill::before { content: "\f1ee"; } .bi-calendar-plus::before { content: "\f1ef"; } .bi-calendar-range-fill::before { content: "\f1f0"; } .bi-calendar-range::before { content: "\f1f1"; } .bi-calendar-week-fill::before { content: "\f1f2"; } .bi-calendar-week::before { content: "\f1f3"; } .bi-calendar-x-fill::before { content: "\f1f4"; } .bi-calendar-x::before { content: "\f1f5"; } .bi-calendar::before { content: "\f1f6"; } .bi-calendar2-check-fill::before { content: "\f1f7"; } .bi-calendar2-check::before { content: "\f1f8"; } .bi-calendar2-date-fill::before { content: "\f1f9"; } .bi-calendar2-date::before { content: "\f1fa"; } .bi-calendar2-day-fill::before { content: "\f1fb"; } .bi-calendar2-day::before { content: "\f1fc"; } .bi-calendar2-event-fill::before { content: "\f1fd"; } .bi-calendar2-event::before { content: "\f1fe"; } .bi-calendar2-fill::before { content: "\f1ff"; } .bi-calendar2-minus-fill::before { content: "\f200"; } .bi-calendar2-minus::before { content: "\f201"; } .bi-calendar2-month-fill::before { content: "\f202"; } .bi-calendar2-month::before { content: "\f203"; } .bi-calendar2-plus-fill::before { content: "\f204"; } .bi-calendar2-plus::before { content: "\f205"; } .bi-calendar2-range-fill::before { content: "\f206"; } .bi-calendar2-range::before { content: "\f207"; } .bi-calendar2-week-fill::before { content: "\f208"; } .bi-calendar2-week::before { content: "\f209"; } .bi-calendar2-x-fill::before { content: "\f20a"; } .bi-calendar2-x::before { content: "\f20b"; } .bi-calendar2::before { content: "\f20c"; } .bi-calendar3-event-fill::before { content: "\f20d"; } .bi-calendar3-event::before { content: "\f20e"; } .bi-calendar3-fill::before { content: "\f20f"; } .bi-calendar3-range-fill::before { content: "\f210"; } .bi-calendar3-range::before { content: "\f211"; } .bi-calendar3-week-fill::before { content: "\f212"; } .bi-calendar3-week::before { content: "\f213"; } .bi-calendar3::before { content: "\f214"; } .bi-calendar4-event::before { content: "\f215"; } .bi-calendar4-range::before { content: "\f216"; } .bi-calendar4-week::before { content: "\f217"; } .bi-calendar4::before { content: "\f218"; } .bi-camera-fill::before { content: "\f219"; } .bi-camera-reels-fill::before { content: "\f21a"; } .bi-camera-reels::before { content: "\f21b"; } .bi-camera-video-fill::before { content: "\f21c"; } .bi-camera-video-off-fill::before { content: "\f21d"; } .bi-camera-video-off::before { content: "\f21e"; } .bi-camera-video::before { content: "\f21f"; } .bi-camera::before { content: "\f220"; } .bi-camera2::before { content: "\f221"; } .bi-capslock-fill::before { content: "\f222"; } .bi-capslock::before { content: "\f223"; } .bi-card-checklist::before { content: "\f224"; } .bi-card-heading::before { content: "\f225"; } .bi-card-image::before { content: "\f226"; } .bi-card-list::before { content: "\f227"; } .bi-card-text::before { content: "\f228"; } .bi-caret-down-fill::before { content: "\f229"; } .bi-caret-down-square-fill::before { content: "\f22a"; } .bi-caret-down-square::before { content: "\f22b"; } .bi-caret-down::before { content: "\f22c"; } .bi-caret-left-fill::before { content: "\f22d"; } .bi-caret-left-square-fill::before { content: "\f22e"; } .bi-caret-left-square::before { content: "\f22f"; } .bi-caret-left::before { content: "\f230"; } .bi-caret-right-fill::before { content: "\f231"; } .bi-caret-right-square-fill::before { content: "\f232"; } .bi-caret-right-square::before { content: "\f233"; } .bi-caret-right::before { content: "\f234"; } .bi-caret-up-fill::before { content: "\f235"; } .bi-caret-up-square-fill::before { content: "\f236"; } .bi-caret-up-square::before { content: "\f237"; } .bi-caret-up::before { content: "\f238"; } .bi-cart-check-fill::before { content: "\f239"; } .bi-cart-check::before { content: "\f23a"; } .bi-cart-dash-fill::before { content: "\f23b"; } .bi-cart-dash::before { content: "\f23c"; } .bi-cart-fill::before { content: "\f23d"; } .bi-cart-plus-fill::before { content: "\f23e"; } .bi-cart-plus::before { content: "\f23f"; } .bi-cart-x-fill::before { content: "\f240"; } .bi-cart-x::before { content: "\f241"; } .bi-cart::before { content: "\f242"; } .bi-cart2::before { content: "\f243"; } .bi-cart3::before { content: "\f244"; } .bi-cart4::before { content: "\f245"; } .bi-cash-stack::before { content: "\f246"; } .bi-cash::before { content: "\f247"; } .bi-cast::before { content: "\f248"; } .bi-chat-dots-fill::before { content: "\f249"; } .bi-chat-dots::before { content: "\f24a"; } .bi-chat-fill::before { content: "\f24b"; } .bi-chat-left-dots-fill::before { content: "\f24c"; } .bi-chat-left-dots::before { content: "\f24d"; } .bi-chat-left-fill::before { content: "\f24e"; } .bi-chat-left-quote-fill::before { content: "\f24f"; } .bi-chat-left-quote::before { content: "\f250"; } .bi-chat-left-text-fill::before { content: "\f251"; } .bi-chat-left-text::before { content: "\f252"; } .bi-chat-left::before { content: "\f253"; } .bi-chat-quote-fill::before { content: "\f254"; } .bi-chat-quote::before { content: "\f255"; } .bi-chat-right-dots-fill::before { content: "\f256"; } .bi-chat-right-dots::before { content: "\f257"; } .bi-chat-right-fill::before { content: "\f258"; } .bi-chat-right-quote-fill::before { content: "\f259"; } .bi-chat-right-quote::before { content: "\f25a"; } .bi-chat-right-text-fill::before { content: "\f25b"; } .bi-chat-right-text::before { content: "\f25c"; } .bi-chat-right::before { content: "\f25d"; } .bi-chat-square-dots-fill::before { content: "\f25e"; } .bi-chat-square-dots::before { content: "\f25f"; } .bi-chat-square-fill::before { content: "\f260"; } .bi-chat-square-quote-fill::before { content: "\f261"; } .bi-chat-square-quote::before { content: "\f262"; } .bi-chat-square-text-fill::before { content: "\f263"; } .bi-chat-square-text::before { content: "\f264"; } .bi-chat-square::before { content: "\f265"; } .bi-chat-text-fill::before { content: "\f266"; } .bi-chat-text::before { content: "\f267"; } .bi-chat::before { content: "\f268"; } .bi-check-all::before { content: "\f269"; } .bi-check-circle-fill::before { content: "\f26a"; } .bi-check-circle::before { content: "\f26b"; } .bi-check-square-fill::before { content: "\f26c"; } .bi-check-square::before { content: "\f26d"; } .bi-check::before { content: "\f26e"; } .bi-check2-all::before { content: "\f26f"; } .bi-check2-circle::before { content: "\f270"; } .bi-check2-square::before { content: "\f271"; } .bi-check2::before { content: "\f272"; } .bi-chevron-bar-contract::before { content: "\f273"; } .bi-chevron-bar-down::before { content: "\f274"; } .bi-chevron-bar-expand::before { content: "\f275"; } .bi-chevron-bar-left::before { content: "\f276"; } .bi-chevron-bar-right::before { content: "\f277"; } .bi-chevron-bar-up::before { content: "\f278"; } .bi-chevron-compact-down::before { content: "\f279"; } .bi-chevron-compact-left::before { content: "\f27a"; } .bi-chevron-compact-right::before { content: "\f27b"; } .bi-chevron-compact-up::before { content: "\f27c"; } .bi-chevron-contract::before { content: "\f27d"; } .bi-chevron-double-down::before { content: "\f27e"; } .bi-chevron-double-left::before { content: "\f27f"; } .bi-chevron-double-right::before { content: "\f280"; } .bi-chevron-double-up::before { content: "\f281"; } .bi-chevron-down::before { content: "\f282"; } .bi-chevron-expand::before { content: "\f283"; } .bi-chevron-left::before { content: "\f284"; } .bi-chevron-right::before { content: "\f285"; } .bi-chevron-up::before { content: "\f286"; } .bi-circle-fill::before { content: "\f287"; } .bi-circle-half::before { content: "\f288"; } .bi-circle-square::before { content: "\f289"; } .bi-circle::before { content: "\f28a"; } .bi-clipboard-check::before { content: "\f28b"; } .bi-clipboard-data::before { content: "\f28c"; } .bi-clipboard-minus::before { content: "\f28d"; } .bi-clipboard-plus::before { content: "\f28e"; } .bi-clipboard-x::before { content: "\f28f"; } .bi-clipboard::before { content: "\f290"; } .bi-clock-fill::before { content: "\f291"; } .bi-clock-history::before { content: "\f292"; } .bi-clock::before { content: "\f293"; } .bi-cloud-arrow-down-fill::before { content: "\f294"; } .bi-cloud-arrow-down::before { content: "\f295"; } .bi-cloud-arrow-up-fill::before { content: "\f296"; } .bi-cloud-arrow-up::before { content: "\f297"; } .bi-cloud-check-fill::before { content: "\f298"; } .bi-cloud-check::before { content: "\f299"; } .bi-cloud-download-fill::before { content: "\f29a"; } .bi-cloud-download::before { content: "\f29b"; } .bi-cloud-drizzle-fill::before { content: "\f29c"; } .bi-cloud-drizzle::before { content: "\f29d"; } .bi-cloud-fill::before { content: "\f29e"; } .bi-cloud-fog-fill::before { content: "\f29f"; } .bi-cloud-fog::before { content: "\f2a0"; } .bi-cloud-fog2-fill::before { content: "\f2a1"; } .bi-cloud-fog2::before { content: "\f2a2"; } .bi-cloud-hail-fill::before { content: "\f2a3"; } .bi-cloud-hail::before { content: "\f2a4"; } .bi-cloud-haze-fill::before { content: "\f2a6"; } .bi-cloud-haze::before { content: "\f2a7"; } .bi-cloud-haze2-fill::before { content: "\f2a8"; } .bi-cloud-lightning-fill::before { content: "\f2a9"; } .bi-cloud-lightning-rain-fill::before { content: "\f2aa"; } .bi-cloud-lightning-rain::before { content: "\f2ab"; } .bi-cloud-lightning::before { content: "\f2ac"; } .bi-cloud-minus-fill::before { content: "\f2ad"; } .bi-cloud-minus::before { content: "\f2ae"; } .bi-cloud-moon-fill::before { content: "\f2af"; } .bi-cloud-moon::before { content: "\f2b0"; } .bi-cloud-plus-fill::before { content: "\f2b1"; } .bi-cloud-plus::before { content: "\f2b2"; } .bi-cloud-rain-fill::before { content: "\f2b3"; } .bi-cloud-rain-heavy-fill::before { content: "\f2b4"; } .bi-cloud-rain-heavy::before { content: "\f2b5"; } .bi-cloud-rain::before { content: "\f2b6"; } .bi-cloud-slash-fill::before { content: "\f2b7"; } .bi-cloud-slash::before { content: "\f2b8"; } .bi-cloud-sleet-fill::before { content: "\f2b9"; } .bi-cloud-sleet::before { content: "\f2ba"; } .bi-cloud-snow-fill::before { content: "\f2bb"; } .bi-cloud-snow::before { content: "\f2bc"; } .bi-cloud-sun-fill::before { content: "\f2bd"; } .bi-cloud-sun::before { content: "\f2be"; } .bi-cloud-upload-fill::before { content: "\f2bf"; } .bi-cloud-upload::before { content: "\f2c0"; } .bi-cloud::before { content: "\f2c1"; } .bi-clouds-fill::before { content: "\f2c2"; } .bi-clouds::before { content: "\f2c3"; } .bi-cloudy-fill::before { content: "\f2c4"; } .bi-cloudy::before { content: "\f2c5"; } .bi-code-slash::before { content: "\f2c6"; } .bi-code-square::before { content: "\f2c7"; } .bi-code::before { content: "\f2c8"; } .bi-collection-fill::before { content: "\f2c9"; } .bi-collection-play-fill::before { content: "\f2ca"; } .bi-collection-play::before { content: "\f2cb"; } .bi-collection::before { content: "\f2cc"; } .bi-columns-gap::before { content: "\f2cd"; } .bi-columns::before { content: "\f2ce"; } .bi-command::before { content: "\f2cf"; } .bi-compass-fill::before { content: "\f2d0"; } .bi-compass::before { content: "\f2d1"; } .bi-cone-striped::before { content: "\f2d2"; } .bi-cone::before { content: "\f2d3"; } .bi-controller::before { content: "\f2d4"; } .bi-cpu-fill::before { content: "\f2d5"; } .bi-cpu::before { content: "\f2d6"; } .bi-credit-card-2-back-fill::before { content: "\f2d7"; } .bi-credit-card-2-back::before { content: "\f2d8"; } .bi-credit-card-2-front-fill::before { content: "\f2d9"; } .bi-credit-card-2-front::before { content: "\f2da"; } .bi-credit-card-fill::before { content: "\f2db"; } .bi-credit-card::before { content: "\f2dc"; } .bi-crop::before { content: "\f2dd"; } .bi-cup-fill::before { content: "\f2de"; } .bi-cup-straw::before { content: "\f2df"; } .bi-cup::before { content: "\f2e0"; } .bi-cursor-fill::before { content: "\f2e1"; } .bi-cursor-text::before { content: "\f2e2"; } .bi-cursor::before { content: "\f2e3"; } .bi-dash-circle-dotted::before { content: "\f2e4"; } .bi-dash-circle-fill::before { content: "\f2e5"; } .bi-dash-circle::before { content: "\f2e6"; } .bi-dash-square-dotted::before { content: "\f2e7"; } .bi-dash-square-fill::before { content: "\f2e8"; } .bi-dash-square::before { content: "\f2e9"; } .bi-dash::before { content: "\f2ea"; } .bi-diagram-2-fill::before { content: "\f2eb"; } .bi-diagram-2::before { content: "\f2ec"; } .bi-diagram-3-fill::before { content: "\f2ed"; } .bi-diagram-3::before { content: "\f2ee"; } .bi-diamond-fill::before { content: "\f2ef"; } .bi-diamond-half::before { content: "\f2f0"; } .bi-diamond::before { content: "\f2f1"; } .bi-dice-1-fill::before { content: "\f2f2"; } .bi-dice-1::before { content: "\f2f3"; } .bi-dice-2-fill::before { content: "\f2f4"; } .bi-dice-2::before { content: "\f2f5"; } .bi-dice-3-fill::before { content: "\f2f6"; } .bi-dice-3::before { content: "\f2f7"; } .bi-dice-4-fill::before { content: "\f2f8"; } .bi-dice-4::before { content: "\f2f9"; } .bi-dice-5-fill::before { content: "\f2fa"; } .bi-dice-5::before { content: "\f2fb"; } .bi-dice-6-fill::before { content: "\f2fc"; } .bi-dice-6::before { content: "\f2fd"; } .bi-disc-fill::before { content: "\f2fe"; } .bi-disc::before { content: "\f2ff"; } .bi-discord::before { content: "\f300"; } .bi-display-fill::before { content: "\f301"; } .bi-display::before { content: "\f302"; } .bi-distribute-horizontal::before { content: "\f303"; } .bi-distribute-vertical::before { content: "\f304"; } .bi-door-closed-fill::before { content: "\f305"; } .bi-door-closed::before { content: "\f306"; } .bi-door-open-fill::before { content: "\f307"; } .bi-door-open::before { content: "\f308"; } .bi-dot::before { content: "\f309"; } .bi-download::before { content: "\f30a"; } .bi-droplet-fill::before { content: "\f30b"; } .bi-droplet-half::before { content: "\f30c"; } .bi-droplet::before { content: "\f30d"; } .bi-earbuds::before { content: "\f30e"; } .bi-easel-fill::before { content: "\f30f"; } .bi-easel::before { content: "\f310"; } .bi-egg-fill::before { content: "\f311"; } .bi-egg-fried::before { content: "\f312"; } .bi-egg::before { content: "\f313"; } .bi-eject-fill::before { content: "\f314"; } .bi-eject::before { content: "\f315"; } .bi-emoji-angry-fill::before { content: "\f316"; } .bi-emoji-angry::before { content: "\f317"; } .bi-emoji-dizzy-fill::before { content: "\f318"; } .bi-emoji-dizzy::before { content: "\f319"; } .bi-emoji-expressionless-fill::before { content: "\f31a"; } .bi-emoji-expressionless::before { content: "\f31b"; } .bi-emoji-frown-fill::before { content: "\f31c"; } .bi-emoji-frown::before { content: "\f31d"; } .bi-emoji-heart-eyes-fill::before { content: "\f31e"; } .bi-emoji-heart-eyes::before { content: "\f31f"; } .bi-emoji-laughing-fill::before { content: "\f320"; } .bi-emoji-laughing::before { content: "\f321"; } .bi-emoji-neutral-fill::before { content: "\f322"; } .bi-emoji-neutral::before { content: "\f323"; } .bi-emoji-smile-fill::before { content: "\f324"; } .bi-emoji-smile-upside-down-fill::before { content: "\f325"; } .bi-emoji-smile-upside-down::before { content: "\f326"; } .bi-emoji-smile::before { content: "\f327"; } .bi-emoji-sunglasses-fill::before { content: "\f328"; } .bi-emoji-sunglasses::before { content: "\f329"; } .bi-emoji-wink-fill::before { content: "\f32a"; } .bi-emoji-wink::before { content: "\f32b"; } .bi-envelope-fill::before { content: "\f32c"; } .bi-envelope-open-fill::before { content: "\f32d"; } .bi-envelope-open::before { content: "\f32e"; } .bi-envelope::before { content: "\f32f"; } .bi-eraser-fill::before { content: "\f330"; } .bi-eraser::before { content: "\f331"; } .bi-exclamation-circle-fill::before { content: "\f332"; } .bi-exclamation-circle::before { content: "\f333"; } .bi-exclamation-diamond-fill::before { content: "\f334"; } .bi-exclamation-diamond::before { content: "\f335"; } .bi-exclamation-octagon-fill::before { content: "\f336"; } .bi-exclamation-octagon::before { content: "\f337"; } .bi-exclamation-square-fill::before { content: "\f338"; } .bi-exclamation-square::before { content: "\f339"; } .bi-exclamation-triangle-fill::before { content: "\f33a"; } .bi-exclamation-triangle::before { content: "\f33b"; } .bi-exclamation::before { content: "\f33c"; } .bi-exclude::before { content: "\f33d"; } .bi-eye-fill::before { content: "\f33e"; } .bi-eye-slash-fill::before { content: "\f33f"; } .bi-eye-slash::before { content: "\f340"; } .bi-eye::before { content: "\f341"; } .bi-eyedropper::before { content: "\f342"; } .bi-eyeglasses::before { content: "\f343"; } .bi-facebook::before { content: "\f344"; } .bi-file-arrow-down-fill::before { content: "\f345"; } .bi-file-arrow-down::before { content: "\f346"; } .bi-file-arrow-up-fill::before { content: "\f347"; } .bi-file-arrow-up::before { content: "\f348"; } .bi-file-bar-graph-fill::before { content: "\f349"; } .bi-file-bar-graph::before { content: "\f34a"; } .bi-file-binary-fill::before { content: "\f34b"; } .bi-file-binary::before { content: "\f34c"; } .bi-file-break-fill::before { content: "\f34d"; } .bi-file-break::before { content: "\f34e"; } .bi-file-check-fill::before { content: "\f34f"; } .bi-file-check::before { content: "\f350"; } .bi-file-code-fill::before { content: "\f351"; } .bi-file-code::before { content: "\f352"; } .bi-file-diff-fill::before { content: "\f353"; } .bi-file-diff::before { content: "\f354"; } .bi-file-earmark-arrow-down-fill::before { content: "\f355"; } .bi-file-earmark-arrow-down::before { content: "\f356"; } .bi-file-earmark-arrow-up-fill::before { content: "\f357"; } .bi-file-earmark-arrow-up::before { content: "\f358"; } .bi-file-earmark-bar-graph-fill::before { content: "\f359"; } .bi-file-earmark-bar-graph::before { content: "\f35a"; } .bi-file-earmark-binary-fill::before { content: "\f35b"; } .bi-file-earmark-binary::before { content: "\f35c"; } .bi-file-earmark-break-fill::before { content: "\f35d"; } .bi-file-earmark-break::before { content: "\f35e"; } .bi-file-earmark-check-fill::before { content: "\f35f"; } .bi-file-earmark-check::before { content: "\f360"; } .bi-file-earmark-code-fill::before { content: "\f361"; } .bi-file-earmark-code::before { content: "\f362"; } .bi-file-earmark-diff-fill::before { content: "\f363"; } .bi-file-earmark-diff::before { content: "\f364"; } .bi-file-earmark-easel-fill::before { content: "\f365"; } .bi-file-earmark-easel::before { content: "\f366"; } .bi-file-earmark-excel-fill::before { content: "\f367"; } .bi-file-earmark-excel::before { content: "\f368"; } .bi-file-earmark-fill::before { content: "\f369"; } .bi-file-earmark-font-fill::before { content: "\f36a"; } .bi-file-earmark-font::before { content: "\f36b"; } .bi-file-earmark-image-fill::before { content: "\f36c"; } .bi-file-earmark-image::before { content: "\f36d"; } .bi-file-earmark-lock-fill::before { content: "\f36e"; } .bi-file-earmark-lock::before { content: "\f36f"; } .bi-file-earmark-lock2-fill::before { content: "\f370"; } .bi-file-earmark-lock2::before { content: "\f371"; } .bi-file-earmark-medical-fill::before { content: "\f372"; } .bi-file-earmark-medical::before { content: "\f373"; } .bi-file-earmark-minus-fill::before { content: "\f374"; } .bi-file-earmark-minus::before { content: "\f375"; } .bi-file-earmark-music-fill::before { content: "\f376"; } .bi-file-earmark-music::before { content: "\f377"; } .bi-file-earmark-person-fill::before { content: "\f378"; } .bi-file-earmark-person::before { content: "\f379"; } .bi-file-earmark-play-fill::before { content: "\f37a"; } .bi-file-earmark-play::before { content: "\f37b"; } .bi-file-earmark-plus-fill::before { content: "\f37c"; } .bi-file-earmark-plus::before { content: "\f37d"; } .bi-file-earmark-post-fill::before { content: "\f37e"; } .bi-file-earmark-post::before { content: "\f37f"; } .bi-file-earmark-ppt-fill::before { content: "\f380"; } .bi-file-earmark-ppt::before { content: "\f381"; } .bi-file-earmark-richtext-fill::before { content: "\f382"; } .bi-file-earmark-richtext::before { content: "\f383"; } .bi-file-earmark-ruled-fill::before { content: "\f384"; } .bi-file-earmark-ruled::before { content: "\f385"; } .bi-file-earmark-slides-fill::before { content: "\f386"; } .bi-file-earmark-slides::before { content: "\f387"; } .bi-file-earmark-spreadsheet-fill::before { content: "\f388"; } .bi-file-earmark-spreadsheet::before { content: "\f389"; } .bi-file-earmark-text-fill::before { content: "\f38a"; } .bi-file-earmark-text::before { content: "\f38b"; } .bi-file-earmark-word-fill::before { content: "\f38c"; } .bi-file-earmark-word::before { content: "\f38d"; } .bi-file-earmark-x-fill::before { content: "\f38e"; } .bi-file-earmark-x::before { content: "\f38f"; } .bi-file-earmark-zip-fill::before { content: "\f390"; } .bi-file-earmark-zip::before { content: "\f391"; } .bi-file-earmark::before { content: "\f392"; } .bi-file-easel-fill::before { content: "\f393"; } .bi-file-easel::before { content: "\f394"; } .bi-file-excel-fill::before { content: "\f395"; } .bi-file-excel::before { content: "\f396"; } .bi-file-fill::before { content: "\f397"; } .bi-file-font-fill::before { content: "\f398"; } .bi-file-font::before { content: "\f399"; } .bi-file-image-fill::before { content: "\f39a"; } .bi-file-image::before { content: "\f39b"; } .bi-file-lock-fill::before { content: "\f39c"; } .bi-file-lock::before { content: "\f39d"; } .bi-file-lock2-fill::before { content: "\f39e"; } .bi-file-lock2::before { content: "\f39f"; } .bi-file-medical-fill::before { content: "\f3a0"; } .bi-file-medical::before { content: "\f3a1"; } .bi-file-minus-fill::before { content: "\f3a2"; } .bi-file-minus::before { content: "\f3a3"; } .bi-file-music-fill::before { content: "\f3a4"; } .bi-file-music::before { content: "\f3a5"; } .bi-file-person-fill::before { content: "\f3a6"; } .bi-file-person::before { content: "\f3a7"; } .bi-file-play-fill::before { content: "\f3a8"; } .bi-file-play::before { content: "\f3a9"; } .bi-file-plus-fill::before { content: "\f3aa"; } .bi-file-plus::before { content: "\f3ab"; } .bi-file-post-fill::before { content: "\f3ac"; } .bi-file-post::before { content: "\f3ad"; } .bi-file-ppt-fill::before { content: "\f3ae"; } .bi-file-ppt::before { content: "\f3af"; } .bi-file-richtext-fill::before { content: "\f3b0"; } .bi-file-richtext::before { content: "\f3b1"; } .bi-file-ruled-fill::before { content: "\f3b2"; } .bi-file-ruled::before { content: "\f3b3"; } .bi-file-slides-fill::before { content: "\f3b4"; } .bi-file-slides::before { content: "\f3b5"; } .bi-file-spreadsheet-fill::before { content: "\f3b6"; } .bi-file-spreadsheet::before { content: "\f3b7"; } .bi-file-text-fill::before { content: "\f3b8"; } .bi-file-text::before { content: "\f3b9"; } .bi-file-word-fill::before { content: "\f3ba"; } .bi-file-word::before { content: "\f3bb"; } .bi-file-x-fill::before { content: "\f3bc"; } .bi-file-x::before { content: "\f3bd"; } .bi-file-zip-fill::before { content: "\f3be"; } .bi-file-zip::before { content: "\f3bf"; } .bi-file::before { content: "\f3c0"; } .bi-files-alt::before { content: "\f3c1"; } .bi-files::before { content: "\f3c2"; } .bi-film::before { content: "\f3c3"; } .bi-filter-circle-fill::before { content: "\f3c4"; } .bi-filter-circle::before { content: "\f3c5"; } .bi-filter-left::before { content: "\f3c6"; } .bi-filter-right::before { content: "\f3c7"; } .bi-filter-square-fill::before { content: "\f3c8"; } .bi-filter-square::before { content: "\f3c9"; } .bi-filter::before { content: "\f3ca"; } .bi-flag-fill::before { content: "\f3cb"; } .bi-flag::before { content: "\f3cc"; } .bi-flower1::before { content: "\f3cd"; } .bi-flower2::before { content: "\f3ce"; } .bi-flower3::before { content: "\f3cf"; } .bi-folder-check::before { content: "\f3d0"; } .bi-folder-fill::before { content: "\f3d1"; } .bi-folder-minus::before { content: "\f3d2"; } .bi-folder-plus::before { content: "\f3d3"; } .bi-folder-symlink-fill::before { content: "\f3d4"; } .bi-folder-symlink::before { content: "\f3d5"; } .bi-folder-x::before { content: "\f3d6"; } .bi-folder::before { content: "\f3d7"; } .bi-folder2-open::before { content: "\f3d8"; } .bi-folder2::before { content: "\f3d9"; } .bi-fonts::before { content: "\f3da"; } .bi-forward-fill::before { content: "\f3db"; } .bi-forward::before { content: "\f3dc"; } .bi-front::before { content: "\f3dd"; } .bi-fullscreen-exit::before { content: "\f3de"; } .bi-fullscreen::before { content: "\f3df"; } .bi-funnel-fill::before { content: "\f3e0"; } .bi-funnel::before { content: "\f3e1"; } .bi-gear-fill::before { content: "\f3e2"; } .bi-gear-wide-connected::before { content: "\f3e3"; } .bi-gear-wide::before { content: "\f3e4"; } .bi-gear::before { content: "\f3e5"; } .bi-gem::before { content: "\f3e6"; } .bi-geo-alt-fill::before { content: "\f3e7"; } .bi-geo-alt::before { content: "\f3e8"; } .bi-geo-fill::before { content: "\f3e9"; } .bi-geo::before { content: "\f3ea"; } .bi-gift-fill::before { content: "\f3eb"; } .bi-gift::before { content: "\f3ec"; } .bi-github::before { content: "\f3ed"; } .bi-globe::before { content: "\f3ee"; } .bi-globe2::before { content: "\f3ef"; } .bi-google::before { content: "\f3f0"; } .bi-graph-down::before { content: "\f3f1"; } .bi-graph-up::before { content: "\f3f2"; } .bi-grid-1x2-fill::before { content: "\f3f3"; } .bi-grid-1x2::before { content: "\f3f4"; } .bi-grid-3x2-gap-fill::before { content: "\f3f5"; } .bi-grid-3x2-gap::before { content: "\f3f6"; } .bi-grid-3x2::before { content: "\f3f7"; } .bi-grid-3x3-gap-fill::before { content: "\f3f8"; } .bi-grid-3x3-gap::before { content: "\f3f9"; } .bi-grid-3x3::before { content: "\f3fa"; } .bi-grid-fill::before { content: "\f3fb"; } .bi-grid::before { content: "\f3fc"; } .bi-grip-horizontal::before { content: "\f3fd"; } .bi-grip-vertical::before { content: "\f3fe"; } .bi-hammer::before { content: "\f3ff"; } .bi-hand-index-fill::before { content: "\f400"; } .bi-hand-index-thumb-fill::before { content: "\f401"; } .bi-hand-index-thumb::before { content: "\f402"; } .bi-hand-index::before { content: "\f403"; } .bi-hand-thumbs-down-fill::before { content: "\f404"; } .bi-hand-thumbs-down::before { content: "\f405"; } .bi-hand-thumbs-up-fill::before { content: "\f406"; } .bi-hand-thumbs-up::before { content: "\f407"; } .bi-handbag-fill::before { content: "\f408"; } .bi-handbag::before { content: "\f409"; } .bi-hash::before { content: "\f40a"; } .bi-hdd-fill::before { content: "\f40b"; } .bi-hdd-network-fill::before { content: "\f40c"; } .bi-hdd-network::before { content: "\f40d"; } .bi-hdd-rack-fill::before { content: "\f40e"; } .bi-hdd-rack::before { content: "\f40f"; } .bi-hdd-stack-fill::before { content: "\f410"; } .bi-hdd-stack::before { content: "\f411"; } .bi-hdd::before { content: "\f412"; } .bi-headphones::before { content: "\f413"; } .bi-headset::before { content: "\f414"; } .bi-heart-fill::before { content: "\f415"; } .bi-heart-half::before { content: "\f416"; } .bi-heart::before { content: "\f417"; } .bi-heptagon-fill::before { content: "\f418"; } .bi-heptagon-half::before { content: "\f419"; } .bi-heptagon::before { content: "\f41a"; } .bi-hexagon-fill::before { content: "\f41b"; } .bi-hexagon-half::before { content: "\f41c"; } .bi-hexagon::before { content: "\f41d"; } .bi-hourglass-bottom::before { content: "\f41e"; } .bi-hourglass-split::before { content: "\f41f"; } .bi-hourglass-top::before { content: "\f420"; } .bi-hourglass::before { content: "\f421"; } .bi-house-door-fill::before { content: "\f422"; } .bi-house-door::before { content: "\f423"; } .bi-house-fill::before { content: "\f424"; } .bi-house::before { content: "\f425"; } .bi-hr::before { content: "\f426"; } .bi-hurricane::before { content: "\f427"; } .bi-image-alt::before { content: "\f428"; } .bi-image-fill::before { content: "\f429"; } .bi-image::before { content: "\f42a"; } .bi-images::before { content: "\f42b"; } .bi-inbox-fill::before { content: "\f42c"; } .bi-inbox::before { content: "\f42d"; } .bi-inboxes-fill::before { content: "\f42e"; } .bi-inboxes::before { content: "\f42f"; } .bi-info-circle-fill::before { content: "\f430"; } .bi-info-circle::before { content: "\f431"; } .bi-info-square-fill::before { content: "\f432"; } .bi-info-square::before { content: "\f433"; } .bi-info::before { content: "\f434"; } .bi-input-cursor-text::before { content: "\f435"; } .bi-input-cursor::before { content: "\f436"; } .bi-instagram::before { content: "\f437"; } .bi-intersect::before { content: "\f438"; } .bi-journal-album::before { content: "\f439"; } .bi-journal-arrow-down::before { content: "\f43a"; } .bi-journal-arrow-up::before { content: "\f43b"; } .bi-journal-bookmark-fill::before { content: "\f43c"; } .bi-journal-bookmark::before { content: "\f43d"; } .bi-journal-check::before { content: "\f43e"; } .bi-journal-code::before { content: "\f43f"; } .bi-journal-medical::before { content: "\f440"; } .bi-journal-minus::before { content: "\f441"; } .bi-journal-plus::before { content: "\f442"; } .bi-journal-richtext::before { content: "\f443"; } .bi-journal-text::before { content: "\f444"; } .bi-journal-x::before { content: "\f445"; } .bi-journal::before { content: "\f446"; } .bi-journals::before { content: "\f447"; } .bi-joystick::before { content: "\f448"; } .bi-justify-left::before { content: "\f449"; } .bi-justify-right::before { content: "\f44a"; } .bi-justify::before { content: "\f44b"; } .bi-kanban-fill::before { content: "\f44c"; } .bi-kanban::before { content: "\f44d"; } .bi-key-fill::before { content: "\f44e"; } .bi-key::before { content: "\f44f"; } .bi-keyboard-fill::before { content: "\f450"; } .bi-keyboard::before { content: "\f451"; } .bi-ladder::before { content: "\f452"; } .bi-lamp-fill::before { content: "\f453"; } .bi-lamp::before { content: "\f454"; } .bi-laptop-fill::before { content: "\f455"; } .bi-laptop::before { content: "\f456"; } .bi-layer-backward::before { content: "\f457"; } .bi-layer-forward::before { content: "\f458"; } .bi-layers-fill::before { content: "\f459"; } .bi-layers-half::before { content: "\f45a"; } .bi-layers::before { content: "\f45b"; } .bi-layout-sidebar-inset-reverse::before { content: "\f45c"; } .bi-layout-sidebar-inset::before { content: "\f45d"; } .bi-layout-sidebar-reverse::before { content: "\f45e"; } .bi-layout-sidebar::before { content: "\f45f"; } .bi-layout-split::before { content: "\f460"; } .bi-layout-text-sidebar-reverse::before { content: "\f461"; } .bi-layout-text-sidebar::before { content: "\f462"; } .bi-layout-text-window-reverse::before { content: "\f463"; } .bi-layout-text-window::before { content: "\f464"; } .bi-layout-three-columns::before { content: "\f465"; } .bi-layout-wtf::before { content: "\f466"; } .bi-life-preserver::before { content: "\f467"; } .bi-lightbulb-fill::before { content: "\f468"; } .bi-lightbulb-off-fill::before { content: "\f469"; } .bi-lightbulb-off::before { content: "\f46a"; } .bi-lightbulb::before { content: "\f46b"; } .bi-lightning-charge-fill::before { content: "\f46c"; } .bi-lightning-charge::before { content: "\f46d"; } .bi-lightning-fill::before { content: "\f46e"; } .bi-lightning::before { content: "\f46f"; } .bi-link-45deg::before { content: "\f470"; } .bi-link::before { content: "\f471"; } .bi-linkedin::before { content: "\f472"; } .bi-list-check::before { content: "\f473"; } .bi-list-nested::before { content: "\f474"; } .bi-list-ol::before { content: "\f475"; } .bi-list-stars::before { content: "\f476"; } .bi-list-task::before { content: "\f477"; } .bi-list-ul::before { content: "\f478"; } .bi-list::before { content: "\f479"; } .bi-lock-fill::before { content: "\f47a"; } .bi-lock::before { content: "\f47b"; } .bi-mailbox::before { content: "\f47c"; } .bi-mailbox2::before { content: "\f47d"; } .bi-map-fill::before { content: "\f47e"; } .bi-map::before { content: "\f47f"; } .bi-markdown-fill::before { content: "\f480"; } .bi-markdown::before { content: "\f481"; } .bi-mask::before { content: "\f482"; } .bi-megaphone-fill::before { content: "\f483"; } .bi-megaphone::before { content: "\f484"; } .bi-menu-app-fill::before { content: "\f485"; } .bi-menu-app::before { content: "\f486"; } .bi-menu-button-fill::before { content: "\f487"; } .bi-menu-button-wide-fill::before { content: "\f488"; } .bi-menu-button-wide::before { content: "\f489"; } .bi-menu-button::before { content: "\f48a"; } .bi-menu-down::before { content: "\f48b"; } .bi-menu-up::before { content: "\f48c"; } .bi-mic-fill::before { content: "\f48d"; } .bi-mic-mute-fill::before { content: "\f48e"; } .bi-mic-mute::before { content: "\f48f"; } .bi-mic::before { content: "\f490"; } .bi-minecart-loaded::before { content: "\f491"; } .bi-minecart::before { content: "\f492"; } .bi-moisture::before { content: "\f493"; } .bi-moon-fill::before { content: "\f494"; } .bi-moon-stars-fill::before { content: "\f495"; } .bi-moon-stars::before { content: "\f496"; } .bi-moon::before { content: "\f497"; } .bi-mouse-fill::before { content: "\f498"; } .bi-mouse::before { content: "\f499"; } .bi-mouse2-fill::before { content: "\f49a"; } .bi-mouse2::before { content: "\f49b"; } .bi-mouse3-fill::before { content: "\f49c"; } .bi-mouse3::before { content: "\f49d"; } .bi-music-note-beamed::before { content: "\f49e"; } .bi-music-note-list::before { content: "\f49f"; } .bi-music-note::before { content: "\f4a0"; } .bi-music-player-fill::before { content: "\f4a1"; } .bi-music-player::before { content: "\f4a2"; } .bi-newspaper::before { content: "\f4a3"; } .bi-node-minus-fill::before { content: "\f4a4"; } .bi-node-minus::before { content: "\f4a5"; } .bi-node-plus-fill::before { content: "\f4a6"; } .bi-node-plus::before { content: "\f4a7"; } .bi-nut-fill::before { content: "\f4a8"; } .bi-nut::before { content: "\f4a9"; } .bi-octagon-fill::before { content: "\f4aa"; } .bi-octagon-half::before { content: "\f4ab"; } .bi-octagon::before { content: "\f4ac"; } .bi-option::before { content: "\f4ad"; } .bi-outlet::before { content: "\f4ae"; } .bi-paint-bucket::before { content: "\f4af"; } .bi-palette-fill::before { content: "\f4b0"; } .bi-palette::before { content: "\f4b1"; } .bi-palette2::before { content: "\f4b2"; } .bi-paperclip::before { content: "\f4b3"; } .bi-paragraph::before { content: "\f4b4"; } .bi-patch-check-fill::before { content: "\f4b5"; } .bi-patch-check::before { content: "\f4b6"; } .bi-patch-exclamation-fill::before { content: "\f4b7"; } .bi-patch-exclamation::before { content: "\f4b8"; } .bi-patch-minus-fill::before { content: "\f4b9"; } .bi-patch-minus::before { content: "\f4ba"; } .bi-patch-plus-fill::before { content: "\f4bb"; } .bi-patch-plus::before { content: "\f4bc"; } .bi-patch-question-fill::before { content: "\f4bd"; } .bi-patch-question::before { content: "\f4be"; } .bi-pause-btn-fill::before { content: "\f4bf"; } .bi-pause-btn::before { content: "\f4c0"; } .bi-pause-circle-fill::before { content: "\f4c1"; } .bi-pause-circle::before { content: "\f4c2"; } .bi-pause-fill::before { content: "\f4c3"; } .bi-pause::before { content: "\f4c4"; } .bi-peace-fill::before { content: "\f4c5"; } .bi-peace::before { content: "\f4c6"; } .bi-pen-fill::before { content: "\f4c7"; } .bi-pen::before { content: "\f4c8"; } .bi-pencil-fill::before { content: "\f4c9"; } .bi-pencil-square::before { content: "\f4ca"; } .bi-pencil::before { content: "\f4cb"; } .bi-pentagon-fill::before { content: "\f4cc"; } .bi-pentagon-half::before { content: "\f4cd"; } .bi-pentagon::before { content: "\f4ce"; } .bi-people-fill::before { content: "\f4cf"; } .bi-people::before { content: "\f4d0"; } .bi-percent::before { content: "\f4d1"; } .bi-person-badge-fill::before { content: "\f4d2"; } .bi-person-badge::before { content: "\f4d3"; } .bi-person-bounding-box::before { content: "\f4d4"; } .bi-person-check-fill::before { content: "\f4d5"; } .bi-person-check::before { content: "\f4d6"; } .bi-person-circle::before { content: "\f4d7"; } .bi-person-dash-fill::before { content: "\f4d8"; } .bi-person-dash::before { content: "\f4d9"; } .bi-person-fill::before { content: "\f4da"; } .bi-person-lines-fill::before { content: "\f4db"; } .bi-person-plus-fill::before { content: "\f4dc"; } .bi-person-plus::before { content: "\f4dd"; } .bi-person-square::before { content: "\f4de"; } .bi-person-x-fill::before { content: "\f4df"; } .bi-person-x::before { content: "\f4e0"; } .bi-person::before { content: "\f4e1"; } .bi-phone-fill::before { content: "\f4e2"; } .bi-phone-landscape-fill::before { content: "\f4e3"; } .bi-phone-landscape::before { content: "\f4e4"; } .bi-phone-vibrate-fill::before { content: "\f4e5"; } .bi-phone-vibrate::before { content: "\f4e6"; } .bi-phone::before { content: "\f4e7"; } .bi-pie-chart-fill::before { content: "\f4e8"; } .bi-pie-chart::before { content: "\f4e9"; } .bi-pin-angle-fill::before { content: "\f4ea"; } .bi-pin-angle::before { content: "\f4eb"; } .bi-pin-fill::before { content: "\f4ec"; } .bi-pin::before { content: "\f4ed"; } .bi-pip-fill::before { content: "\f4ee"; } .bi-pip::before { content: "\f4ef"; } .bi-play-btn-fill::before { content: "\f4f0"; } .bi-play-btn::before { content: "\f4f1"; } .bi-play-circle-fill::before { content: "\f4f2"; } .bi-play-circle::before { content: "\f4f3"; } .bi-play-fill::before { content: "\f4f4"; } .bi-play::before { content: "\f4f5"; } .bi-plug-fill::before { content: "\f4f6"; } .bi-plug::before { content: "\f4f7"; } .bi-plus-circle-dotted::before { content: "\f4f8"; } .bi-plus-circle-fill::before { content: "\f4f9"; } .bi-plus-circle::before { content: "\f4fa"; } .bi-plus-square-dotted::before { content: "\f4fb"; } .bi-plus-square-fill::before { content: "\f4fc"; } .bi-plus-square::before { content: "\f4fd"; } .bi-plus::before { content: "\f4fe"; } .bi-power::before { content: "\f4ff"; } .bi-printer-fill::before { content: "\f500"; } .bi-printer::before { content: "\f501"; } .bi-puzzle-fill::before { content: "\f502"; } .bi-puzzle::before { content: "\f503"; } .bi-question-circle-fill::before { content: "\f504"; } .bi-question-circle::before { content: "\f505"; } .bi-question-diamond-fill::before { content: "\f506"; } .bi-question-diamond::before { content: "\f507"; } .bi-question-octagon-fill::before { content: "\f508"; } .bi-question-octagon::before { content: "\f509"; } .bi-question-square-fill::before { content: "\f50a"; } .bi-question-square::before { content: "\f50b"; } .bi-question::before { content: "\f50c"; } .bi-rainbow::before { content: "\f50d"; } .bi-receipt-cutoff::before { content: "\f50e"; } .bi-receipt::before { content: "\f50f"; } .bi-reception-0::before { content: "\f510"; } .bi-reception-1::before { content: "\f511"; } .bi-reception-2::before { content: "\f512"; } .bi-reception-3::before { content: "\f513"; } .bi-reception-4::before { content: "\f514"; } .bi-record-btn-fill::before { content: "\f515"; } .bi-record-btn::before { content: "\f516"; } .bi-record-circle-fill::before { content: "\f517"; } .bi-record-circle::before { content: "\f518"; } .bi-record-fill::before { content: "\f519"; } .bi-record::before { content: "\f51a"; } .bi-record2-fill::before { content: "\f51b"; } .bi-record2::before { content: "\f51c"; } .bi-reply-all-fill::before { content: "\f51d"; } .bi-reply-all::before { content: "\f51e"; } .bi-reply-fill::before { content: "\f51f"; } .bi-reply::before { content: "\f520"; } .bi-rss-fill::before { content: "\f521"; } .bi-rss::before { content: "\f522"; } .bi-rulers::before { content: "\f523"; } .bi-save-fill::before { content: "\f524"; } .bi-save::before { content: "\f525"; } .bi-save2-fill::before { content: "\f526"; } .bi-save2::before { content: "\f527"; } .bi-scissors::before { content: "\f528"; } .bi-screwdriver::before { content: "\f529"; } .bi-search::before { content: "\f52a"; } .bi-segmented-nav::before { content: "\f52b"; } .bi-server::before { content: "\f52c"; } .bi-share-fill::before { content: "\f52d"; } .bi-share::before { content: "\f52e"; } .bi-shield-check::before { content: "\f52f"; } .bi-shield-exclamation::before { content: "\f530"; } .bi-shield-fill-check::before { content: "\f531"; } .bi-shield-fill-exclamation::before { content: "\f532"; } .bi-shield-fill-minus::before { content: "\f533"; } .bi-shield-fill-plus::before { content: "\f534"; } .bi-shield-fill-x::before { content: "\f535"; } .bi-shield-fill::before { content: "\f536"; } .bi-shield-lock-fill::before { content: "\f537"; } .bi-shield-lock::before { content: "\f538"; } .bi-shield-minus::before { content: "\f539"; } .bi-shield-plus::before { content: "\f53a"; } .bi-shield-shaded::before { content: "\f53b"; } .bi-shield-slash-fill::before { content: "\f53c"; } .bi-shield-slash::before { content: "\f53d"; } .bi-shield-x::before { content: "\f53e"; } .bi-shield::before { content: "\f53f"; } .bi-shift-fill::before { content: "\f540"; } .bi-shift::before { content: "\f541"; } .bi-shop-window::before { content: "\f542"; } .bi-shop::before { content: "\f543"; } .bi-shuffle::before { content: "\f544"; } .bi-signpost-2-fill::before { content: "\f545"; } .bi-signpost-2::before { content: "\f546"; } .bi-signpost-fill::before { content: "\f547"; } .bi-signpost-split-fill::before { content: "\f548"; } .bi-signpost-split::before { content: "\f549"; } .bi-signpost::before { content: "\f54a"; } .bi-sim-fill::before { content: "\f54b"; } .bi-sim::before { content: "\f54c"; } .bi-skip-backward-btn-fill::before { content: "\f54d"; } .bi-skip-backward-btn::before { content: "\f54e"; } .bi-skip-backward-circle-fill::before { content: "\f54f"; } .bi-skip-backward-circle::before { content: "\f550"; } .bi-skip-backward-fill::before { content: "\f551"; } .bi-skip-backward::before { content: "\f552"; } .bi-skip-end-btn-fill::before { content: "\f553"; } .bi-skip-end-btn::before { content: "\f554"; } .bi-skip-end-circle-fill::before { content: "\f555"; } .bi-skip-end-circle::before { content: "\f556"; } .bi-skip-end-fill::before { content: "\f557"; } .bi-skip-end::before { content: "\f558"; } .bi-skip-forward-btn-fill::before { content: "\f559"; } .bi-skip-forward-btn::before { content: "\f55a"; } .bi-skip-forward-circle-fill::before { content: "\f55b"; } .bi-skip-forward-circle::before { content: "\f55c"; } .bi-skip-forward-fill::before { content: "\f55d"; } .bi-skip-forward::before { content: "\f55e"; } .bi-skip-start-btn-fill::before { content: "\f55f"; } .bi-skip-start-btn::before { content: "\f560"; } .bi-skip-start-circle-fill::before { content: "\f561"; } .bi-skip-start-circle::before { content: "\f562"; } .bi-skip-start-fill::before { content: "\f563"; } .bi-skip-start::before { content: "\f564"; } .bi-slack::before { content: "\f565"; } .bi-slash-circle-fill::before { content: "\f566"; } .bi-slash-circle::before { content: "\f567"; } .bi-slash-square-fill::before { content: "\f568"; } .bi-slash-square::before { content: "\f569"; } .bi-slash::before { content: "\f56a"; } .bi-sliders::before { content: "\f56b"; } .bi-smartwatch::before { content: "\f56c"; } .bi-snow::before { content: "\f56d"; } .bi-snow2::before { content: "\f56e"; } .bi-snow3::before { content: "\f56f"; } .bi-sort-alpha-down-alt::before { content: "\f570"; } .bi-sort-alpha-down::before { content: "\f571"; } .bi-sort-alpha-up-alt::before { content: "\f572"; } .bi-sort-alpha-up::before { content: "\f573"; } .bi-sort-down-alt::before { content: "\f574"; } .bi-sort-down::before { content: "\f575"; } .bi-sort-numeric-down-alt::before { content: "\f576"; } .bi-sort-numeric-down::before { content: "\f577"; } .bi-sort-numeric-up-alt::before { content: "\f578"; } .bi-sort-numeric-up::before { content: "\f579"; } .bi-sort-up-alt::before { content: "\f57a"; } .bi-sort-up::before { content: "\f57b"; } .bi-soundwave::before { content: "\f57c"; } .bi-speaker-fill::before { content: "\f57d"; } .bi-speaker::before { content: "\f57e"; } .bi-speedometer::before { content: "\f57f"; } .bi-speedometer2::before { content: "\f580"; } .bi-spellcheck::before { content: "\f581"; } .bi-square-fill::before { content: "\f582"; } .bi-square-half::before { content: "\f583"; } .bi-square::before { content: "\f584"; } .bi-stack::before { content: "\f585"; } .bi-star-fill::before { content: "\f586"; } .bi-star-half::before { content: "\f587"; } .bi-star::before { content: "\f588"; } .bi-stars::before { content: "\f589"; } .bi-stickies-fill::before { content: "\f58a"; } .bi-stickies::before { content: "\f58b"; } .bi-sticky-fill::before { content: "\f58c"; } .bi-sticky::before { content: "\f58d"; } .bi-stop-btn-fill::before { content: "\f58e"; } .bi-stop-btn::before { content: "\f58f"; } .bi-stop-circle-fill::before { content: "\f590"; } .bi-stop-circle::before { content: "\f591"; } .bi-stop-fill::before { content: "\f592"; } .bi-stop::before { content: "\f593"; } .bi-stoplights-fill::before { content: "\f594"; } .bi-stoplights::before { content: "\f595"; } .bi-stopwatch-fill::before { content: "\f596"; } .bi-stopwatch::before { content: "\f597"; } .bi-subtract::before { content: "\f598"; } .bi-suit-club-fill::before { content: "\f599"; } .bi-suit-club::before { content: "\f59a"; } .bi-suit-diamond-fill::before { content: "\f59b"; } .bi-suit-diamond::before { content: "\f59c"; } .bi-suit-heart-fill::before { content: "\f59d"; } .bi-suit-heart::before { content: "\f59e"; } .bi-suit-spade-fill::before { content: "\f59f"; } .bi-suit-spade::before { content: "\f5a0"; } .bi-sun-fill::before { content: "\f5a1"; } .bi-sun::before { content: "\f5a2"; } .bi-sunglasses::before { content: "\f5a3"; } .bi-sunrise-fill::before { content: "\f5a4"; } .bi-sunrise::before { content: "\f5a5"; } .bi-sunset-fill::before { content: "\f5a6"; } .bi-sunset::before { content: "\f5a7"; } .bi-symmetry-horizontal::before { content: "\f5a8"; } .bi-symmetry-vertical::before { content: "\f5a9"; } .bi-table::before { content: "\f5aa"; } .bi-tablet-fill::before { content: "\f5ab"; } .bi-tablet-landscape-fill::before { content: "\f5ac"; } .bi-tablet-landscape::before { content: "\f5ad"; } .bi-tablet::before { content: "\f5ae"; } .bi-tag-fill::before { content: "\f5af"; } .bi-tag::before { content: "\f5b0"; } .bi-tags-fill::before { content: "\f5b1"; } .bi-tags::before { content: "\f5b2"; } .bi-telegram::before { content: "\f5b3"; } .bi-telephone-fill::before { content: "\f5b4"; } .bi-telephone-forward-fill::before { content: "\f5b5"; } .bi-telephone-forward::before { content: "\f5b6"; } .bi-telephone-inbound-fill::before { content: "\f5b7"; } .bi-telephone-inbound::before { content: "\f5b8"; } .bi-telephone-minus-fill::before { content: "\f5b9"; } .bi-telephone-minus::before { content: "\f5ba"; } .bi-telephone-outbound-fill::before { content: "\f5bb"; } .bi-telephone-outbound::before { content: "\f5bc"; } .bi-telephone-plus-fill::before { content: "\f5bd"; } .bi-telephone-plus::before { content: "\f5be"; } .bi-telephone-x-fill::before { content: "\f5bf"; } .bi-telephone-x::before { content: "\f5c0"; } .bi-telephone::before { content: "\f5c1"; } .bi-terminal-fill::before { content: "\f5c2"; } .bi-terminal::before { content: "\f5c3"; } .bi-text-center::before { content: "\f5c4"; } .bi-text-indent-left::before { content: "\f5c5"; } .bi-text-indent-right::before { content: "\f5c6"; } .bi-text-left::before { content: "\f5c7"; } .bi-text-paragraph::before { content: "\f5c8"; } .bi-text-right::before { content: "\f5c9"; } .bi-textarea-resize::before { content: "\f5ca"; } .bi-textarea-t::before { content: "\f5cb"; } .bi-textarea::before { content: "\f5cc"; } .bi-thermometer-half::before { content: "\f5cd"; } .bi-thermometer-high::before { content: "\f5ce"; } .bi-thermometer-low::before { content: "\f5cf"; } .bi-thermometer-snow::before { content: "\f5d0"; } .bi-thermometer-sun::before { content: "\f5d1"; } .bi-thermometer::before { content: "\f5d2"; } .bi-three-dots-vertical::before { content: "\f5d3"; } .bi-three-dots::before { content: "\f5d4"; } .bi-toggle-off::before { content: "\f5d5"; } .bi-toggle-on::before { content: "\f5d6"; } .bi-toggle2-off::before { content: "\f5d7"; } .bi-toggle2-on::before { content: "\f5d8"; } .bi-toggles::before { content: "\f5d9"; } .bi-toggles2::before { content: "\f5da"; } .bi-tools::before { content: "\f5db"; } .bi-tornado::before { content: "\f5dc"; } .bi-trash-fill::before { content: "\f5dd"; } .bi-trash::before { content: "\f5de"; } .bi-trash2-fill::before { content: "\f5df"; } .bi-trash2::before { content: "\f5e0"; } .bi-tree-fill::before { content: "\f5e1"; } .bi-tree::before { content: "\f5e2"; } .bi-triangle-fill::before { content: "\f5e3"; } .bi-triangle-half::before { content: "\f5e4"; } .bi-triangle::before { content: "\f5e5"; } .bi-trophy-fill::before { content: "\f5e6"; } .bi-trophy::before { content: "\f5e7"; } .bi-tropical-storm::before { content: "\f5e8"; } .bi-truck-flatbed::before { content: "\f5e9"; } .bi-truck::before { content: "\f5ea"; } .bi-tsunami::before { content: "\f5eb"; } .bi-tv-fill::before { content: "\f5ec"; } .bi-tv::before { content: "\f5ed"; } .bi-twitch::before { content: "\f5ee"; } .bi-twitter::before { content: "\f5ef"; } .bi-type-bold::before { content: "\f5f0"; } .bi-type-h1::before { content: "\f5f1"; } .bi-type-h2::before { content: "\f5f2"; } .bi-type-h3::before { content: "\f5f3"; } .bi-type-italic::before { content: "\f5f4"; } .bi-type-strikethrough::before { content: "\f5f5"; } .bi-type-underline::before { content: "\f5f6"; } .bi-type::before { content: "\f5f7"; } .bi-ui-checks-grid::before { content: "\f5f8"; } .bi-ui-checks::before { content: "\f5f9"; } .bi-ui-radios-grid::before { content: "\f5fa"; } .bi-ui-radios::before { content: "\f5fb"; } .bi-umbrella-fill::before { content: "\f5fc"; } .bi-umbrella::before { content: "\f5fd"; } .bi-union::before { content: "\f5fe"; } .bi-unlock-fill::before { content: "\f5ff"; } .bi-unlock::before { content: "\f600"; } .bi-upc-scan::before { content: "\f601"; } .bi-upc::before { content: "\f602"; } .bi-upload::before { content: "\f603"; } .bi-vector-pen::before { content: "\f604"; } .bi-view-list::before { content: "\f605"; } .bi-view-stacked::before { content: "\f606"; } .bi-vinyl-fill::before { content: "\f607"; } .bi-vinyl::before { content: "\f608"; } .bi-voicemail::before { content: "\f609"; } .bi-volume-down-fill::before { content: "\f60a"; } .bi-volume-down::before { content: "\f60b"; } .bi-volume-mute-fill::before { content: "\f60c"; } .bi-volume-mute::before { content: "\f60d"; } .bi-volume-off-fill::before { content: "\f60e"; } .bi-volume-off::before { content: "\f60f"; } .bi-volume-up-fill::before { content: "\f610"; } .bi-volume-up::before { content: "\f611"; } .bi-vr::before { content: "\f612"; } .bi-wallet-fill::before { content: "\f613"; } .bi-wallet::before { content: "\f614"; } .bi-wallet2::before { content: "\f615"; } .bi-watch::before { content: "\f616"; } .bi-water::before { content: "\f617"; } .bi-whatsapp::before { content: "\f618"; } .bi-wifi-1::before { content: "\f619"; } .bi-wifi-2::before { content: "\f61a"; } .bi-wifi-off::before { content: "\f61b"; } .bi-wifi::before { content: "\f61c"; } .bi-wind::before { content: "\f61d"; } .bi-window-dock::before { content: "\f61e"; } .bi-window-sidebar::before { content: "\f61f"; } .bi-window::before { content: "\f620"; } .bi-wrench::before { content: "\f621"; } .bi-x-circle-fill::before { content: "\f622"; } .bi-x-circle::before { content: "\f623"; } .bi-x-diamond-fill::before { content: "\f624"; } .bi-x-diamond::before { content: "\f625"; } .bi-x-octagon-fill::before { content: "\f626"; } .bi-x-octagon::before { content: "\f627"; } .bi-x-square-fill::before { content: "\f628"; } .bi-x-square::before { content: "\f629"; } .bi-x::before { content: "\f62a"; } .bi-youtube::before { content: "\f62b"; } .bi-zoom-in::before { content: "\f62c"; } .bi-zoom-out::before { content: "\f62d"; } .bi-bank::before { content: "\f62e"; } .bi-bank2::before { content: "\f62f"; } .bi-bell-slash-fill::before { content: "\f630"; } .bi-bell-slash::before { content: "\f631"; } .bi-cash-coin::before { content: "\f632"; } .bi-check-lg::before { content: "\f633"; } .bi-coin::before { content: "\f634"; } .bi-currency-bitcoin::before { content: "\f635"; } .bi-currency-dollar::before { content: "\f636"; } .bi-currency-euro::before { content: "\f637"; } .bi-currency-exchange::before { content: "\f638"; } .bi-currency-pound::before { content: "\f639"; } .bi-currency-yen::before { content: "\f63a"; } .bi-dash-lg::before { content: "\f63b"; } .bi-exclamation-lg::before { content: "\f63c"; } .bi-file-earmark-pdf-fill::before { content: "\f63d"; } .bi-file-earmark-pdf::before { content: "\f63e"; } .bi-file-pdf-fill::before { content: "\f63f"; } .bi-file-pdf::before { content: "\f640"; } .bi-gender-ambiguous::before { content: "\f641"; } .bi-gender-female::before { content: "\f642"; } .bi-gender-male::before { content: "\f643"; } .bi-gender-trans::before { content: "\f644"; } .bi-headset-vr::before { content: "\f645"; } .bi-info-lg::before { content: "\f646"; } .bi-mastodon::before { content: "\f647"; } .bi-messenger::before { content: "\f648"; } .bi-piggy-bank-fill::before { content: "\f649"; } .bi-piggy-bank::before { content: "\f64a"; } .bi-pin-map-fill::before { content: "\f64b"; } .bi-pin-map::before { content: "\f64c"; } .bi-plus-lg::before { content: "\f64d"; } .bi-question-lg::before { content: "\f64e"; } .bi-recycle::before { content: "\f64f"; } .bi-reddit::before { content: "\f650"; } .bi-safe-fill::before { content: "\f651"; } .bi-safe2-fill::before { content: "\f652"; } .bi-safe2::before { content: "\f653"; } .bi-sd-card-fill::before { content: "\f654"; } .bi-sd-card::before { content: "\f655"; } .bi-skype::before { content: "\f656"; } .bi-slash-lg::before { content: "\f657"; } .bi-translate::before { content: "\f658"; } .bi-x-lg::before { content: "\f659"; } .bi-safe::before { content: "\f65a"; } .bi-apple::before { content: "\f65b"; } .bi-microsoft::before { content: "\f65d"; } .bi-windows::before { content: "\f65e"; } .bi-behance::before { content: "\f65c"; } .bi-dribbble::before { content: "\f65f"; } .bi-line::before { content: "\f660"; } .bi-medium::before { content: "\f661"; } .bi-paypal::before { content: "\f662"; } .bi-pinterest::before { content: "\f663"; } .bi-signal::before { content: "\f664"; } .bi-snapchat::before { content: "\f665"; } .bi-spotify::before { content: "\f666"; } .bi-stack-overflow::before { content: "\f667"; } .bi-strava::before { content: "\f668"; } .bi-wordpress::before { content: "\f669"; } .bi-vimeo::before { content: "\f66a"; } .bi-activity::before { content: "\f66b"; } .bi-easel2-fill::before { content: "\f66c"; } .bi-easel2::before { content: "\f66d"; } .bi-easel3-fill::before { content: "\f66e"; } .bi-easel3::before { content: "\f66f"; } .bi-fan::before { content: "\f670"; } .bi-fingerprint::before { content: "\f671"; } .bi-graph-down-arrow::before { content: "\f672"; } .bi-graph-up-arrow::before { content: "\f673"; } .bi-hypnotize::before { content: "\f674"; } .bi-magic::before { content: "\f675"; } .bi-person-rolodex::before { content: "\f676"; } .bi-person-video::before { content: "\f677"; } .bi-person-video2::before { content: "\f678"; } .bi-person-video3::before { content: "\f679"; } .bi-person-workspace::before { content: "\f67a"; } .bi-radioactive::before { content: "\f67b"; } .bi-webcam-fill::before { content: "\f67c"; } .bi-webcam::before { content: "\f67d"; } .bi-yin-yang::before { content: "\f67e"; } .bi-bandaid-fill::before { content: "\f680"; } .bi-bandaid::before { content: "\f681"; } .bi-bluetooth::before { content: "\f682"; } .bi-body-text::before { content: "\f683"; } .bi-boombox::before { content: "\f684"; } .bi-boxes::before { content: "\f685"; } .bi-dpad-fill::before { content: "\f686"; } .bi-dpad::before { content: "\f687"; } .bi-ear-fill::before { content: "\f688"; } .bi-ear::before { content: "\f689"; } .bi-envelope-check-fill::before { content: "\f68b"; } .bi-envelope-check::before { content: "\f68c"; } .bi-envelope-dash-fill::before { content: "\f68e"; } .bi-envelope-dash::before { content: "\f68f"; } .bi-envelope-exclamation-fill::before { content: "\f691"; } .bi-envelope-exclamation::before { content: "\f692"; } .bi-envelope-plus-fill::before { content: "\f693"; } .bi-envelope-plus::before { content: "\f694"; } .bi-envelope-slash-fill::before { content: "\f696"; } .bi-envelope-slash::before { content: "\f697"; } .bi-envelope-x-fill::before { content: "\f699"; } .bi-envelope-x::before { content: "\f69a"; } .bi-explicit-fill::before { content: "\f69b"; } .bi-explicit::before { content: "\f69c"; } .bi-git::before { content: "\f69d"; } .bi-infinity::before { content: "\f69e"; } .bi-list-columns-reverse::before { content: "\f69f"; } .bi-list-columns::before { content: "\f6a0"; } .bi-meta::before { content: "\f6a1"; } .bi-nintendo-switch::before { content: "\f6a4"; } .bi-pc-display-horizontal::before { content: "\f6a5"; } .bi-pc-display::before { content: "\f6a6"; } .bi-pc-horizontal::before { content: "\f6a7"; } .bi-pc::before { content: "\f6a8"; } .bi-playstation::before { content: "\f6a9"; } .bi-plus-slash-minus::before { content: "\f6aa"; } .bi-projector-fill::before { content: "\f6ab"; } .bi-projector::before { content: "\f6ac"; } .bi-qr-code-scan::before { content: "\f6ad"; } .bi-qr-code::before { content: "\f6ae"; } .bi-quora::before { content: "\f6af"; } .bi-quote::before { content: "\f6b0"; } .bi-robot::before { content: "\f6b1"; } .bi-send-check-fill::before { content: "\f6b2"; } .bi-send-check::before { content: "\f6b3"; } .bi-send-dash-fill::before { content: "\f6b4"; } .bi-send-dash::before { content: "\f6b5"; } .bi-send-exclamation-fill::before { content: "\f6b7"; } .bi-send-exclamation::before { content: "\f6b8"; } .bi-send-fill::before { content: "\f6b9"; } .bi-send-plus-fill::before { content: "\f6ba"; } .bi-send-plus::before { content: "\f6bb"; } .bi-send-slash-fill::before { content: "\f6bc"; } .bi-send-slash::before { content: "\f6bd"; } .bi-send-x-fill::before { content: "\f6be"; } .bi-send-x::before { content: "\f6bf"; } .bi-send::before { content: "\f6c0"; } .bi-steam::before { content: "\f6c1"; } .bi-terminal-dash::before { content: "\f6c3"; } .bi-terminal-plus::before { content: "\f6c4"; } .bi-terminal-split::before { content: "\f6c5"; } .bi-ticket-detailed-fill::before { content: "\f6c6"; } .bi-ticket-detailed::before { content: "\f6c7"; } .bi-ticket-fill::before { content: "\f6c8"; } .bi-ticket-perforated-fill::before { content: "\f6c9"; } .bi-ticket-perforated::before { content: "\f6ca"; } .bi-ticket::before { content: "\f6cb"; } .bi-tiktok::before { content: "\f6cc"; } .bi-window-dash::before { content: "\f6cd"; } .bi-window-desktop::before { content: "\f6ce"; } .bi-window-fullscreen::before { content: "\f6cf"; } .bi-window-plus::before { content: "\f6d0"; } .bi-window-split::before { content: "\f6d1"; } .bi-window-stack::before { content: "\f6d2"; } .bi-window-x::before { content: "\f6d3"; } .bi-xbox::before { content: "\f6d4"; } .bi-ethernet::before { content: "\f6d5"; } .bi-hdmi-fill::before { content: "\f6d6"; } .bi-hdmi::before { content: "\f6d7"; } .bi-usb-c-fill::before { content: "\f6d8"; } .bi-usb-c::before { content: "\f6d9"; } .bi-usb-fill::before { content: "\f6da"; } .bi-usb-plug-fill::before { content: "\f6db"; } .bi-usb-plug::before { content: "\f6dc"; } .bi-usb-symbol::before { content: "\f6dd"; } .bi-usb::before { content: "\f6de"; } .bi-boombox-fill::before { content: "\f6df"; } .bi-displayport::before { content: "\f6e1"; } .bi-gpu-card::before { content: "\f6e2"; } .bi-memory::before { content: "\f6e3"; } .bi-modem-fill::before { content: "\f6e4"; } .bi-modem::before { content: "\f6e5"; } .bi-motherboard-fill::before { content: "\f6e6"; } .bi-motherboard::before { content: "\f6e7"; } .bi-optical-audio-fill::before { content: "\f6e8"; } .bi-optical-audio::before { content: "\f6e9"; } .bi-pci-card::before { content: "\f6ea"; } .bi-router-fill::before { content: "\f6eb"; } .bi-router::before { content: "\f6ec"; } .bi-thunderbolt-fill::before { content: "\f6ef"; } .bi-thunderbolt::before { content: "\f6f0"; } .bi-usb-drive-fill::before { content: "\f6f1"; } .bi-usb-drive::before { content: "\f6f2"; } .bi-usb-micro-fill::before { content: "\f6f3"; } .bi-usb-micro::before { content: "\f6f4"; } .bi-usb-mini-fill::before { content: "\f6f5"; } .bi-usb-mini::before { content: "\f6f6"; } .bi-cloud-haze2::before { content: "\f6f7"; } .bi-device-hdd-fill::before { content: "\f6f8"; } .bi-device-hdd::before { content: "\f6f9"; } .bi-device-ssd-fill::before { content: "\f6fa"; } .bi-device-ssd::before { content: "\f6fb"; } .bi-displayport-fill::before { content: "\f6fc"; } .bi-mortarboard-fill::before { content: "\f6fd"; } .bi-mortarboard::before { content: "\f6fe"; } .bi-terminal-x::before { content: "\f6ff"; } .bi-arrow-through-heart-fill::before { content: "\f700"; } .bi-arrow-through-heart::before { content: "\f701"; } .bi-badge-sd-fill::before { content: "\f702"; } .bi-badge-sd::before { content: "\f703"; } .bi-bag-heart-fill::before { content: "\f704"; } .bi-bag-heart::before { content: "\f705"; } .bi-balloon-fill::before { content: "\f706"; } .bi-balloon-heart-fill::before { content: "\f707"; } .bi-balloon-heart::before { content: "\f708"; } .bi-balloon::before { content: "\f709"; } .bi-box2-fill::before { content: "\f70a"; } .bi-box2-heart-fill::before { content: "\f70b"; } .bi-box2-heart::before { content: "\f70c"; } .bi-box2::before { content: "\f70d"; } .bi-braces-asterisk::before { content: "\f70e"; } .bi-calendar-heart-fill::before { content: "\f70f"; } .bi-calendar-heart::before { content: "\f710"; } .bi-calendar2-heart-fill::before { content: "\f711"; } .bi-calendar2-heart::before { content: "\f712"; } .bi-chat-heart-fill::before { content: "\f713"; } .bi-chat-heart::before { content: "\f714"; } .bi-chat-left-heart-fill::before { content: "\f715"; } .bi-chat-left-heart::before { content: "\f716"; } .bi-chat-right-heart-fill::before { content: "\f717"; } .bi-chat-right-heart::before { content: "\f718"; } .bi-chat-square-heart-fill::before { content: "\f719"; } .bi-chat-square-heart::before { content: "\f71a"; } .bi-clipboard-check-fill::before { content: "\f71b"; } .bi-clipboard-data-fill::before { content: "\f71c"; } .bi-clipboard-fill::before { content: "\f71d"; } .bi-clipboard-heart-fill::before { content: "\f71e"; } .bi-clipboard-heart::before { content: "\f71f"; } .bi-clipboard-minus-fill::before { content: "\f720"; } .bi-clipboard-plus-fill::before { content: "\f721"; } .bi-clipboard-pulse::before { content: "\f722"; } .bi-clipboard-x-fill::before { content: "\f723"; } .bi-clipboard2-check-fill::before { content: "\f724"; } .bi-clipboard2-check::before { content: "\f725"; } .bi-clipboard2-data-fill::before { content: "\f726"; } .bi-clipboard2-data::before { content: "\f727"; } .bi-clipboard2-fill::before { content: "\f728"; } .bi-clipboard2-heart-fill::before { content: "\f729"; } .bi-clipboard2-heart::before { content: "\f72a"; } .bi-clipboard2-minus-fill::before { content: "\f72b"; } .bi-clipboard2-minus::before { content: "\f72c"; } .bi-clipboard2-plus-fill::before { content: "\f72d"; } .bi-clipboard2-plus::before { content: "\f72e"; } .bi-clipboard2-pulse-fill::before { content: "\f72f"; } .bi-clipboard2-pulse::before { content: "\f730"; } .bi-clipboard2-x-fill::before { content: "\f731"; } .bi-clipboard2-x::before { content: "\f732"; } .bi-clipboard2::before { content: "\f733"; } .bi-emoji-kiss-fill::before { content: "\f734"; } .bi-emoji-kiss::before { content: "\f735"; } .bi-envelope-heart-fill::before { content: "\f736"; } .bi-envelope-heart::before { content: "\f737"; } .bi-envelope-open-heart-fill::before { content: "\f738"; } .bi-envelope-open-heart::before { content: "\f739"; } .bi-envelope-paper-fill::before { content: "\f73a"; } .bi-envelope-paper-heart-fill::before { content: "\f73b"; } .bi-envelope-paper-heart::before { content: "\f73c"; } .bi-envelope-paper::before { content: "\f73d"; } .bi-filetype-aac::before { content: "\f73e"; } .bi-filetype-ai::before { content: "\f73f"; } .bi-filetype-bmp::before { content: "\f740"; } .bi-filetype-cs::before { content: "\f741"; } .bi-filetype-css::before { content: "\f742"; } .bi-filetype-csv::before { content: "\f743"; } .bi-filetype-doc::before { content: "\f744"; } .bi-filetype-docx::before { content: "\f745"; } .bi-filetype-exe::before { content: "\f746"; } .bi-filetype-gif::before { content: "\f747"; } .bi-filetype-heic::before { content: "\f748"; } .bi-filetype-html::before { content: "\f749"; } .bi-filetype-java::before { content: "\f74a"; } .bi-filetype-jpg::before { content: "\f74b"; } .bi-filetype-js::before { content: "\f74c"; } .bi-filetype-jsx::before { content: "\f74d"; } .bi-filetype-key::before { content: "\f74e"; } .bi-filetype-m4p::before { content: "\f74f"; } .bi-filetype-md::before { content: "\f750"; } .bi-filetype-mdx::before { content: "\f751"; } .bi-filetype-mov::before { content: "\f752"; } .bi-filetype-mp3::before { content: "\f753"; } .bi-filetype-mp4::before { content: "\f754"; } .bi-filetype-otf::before { content: "\f755"; } .bi-filetype-pdf::before { content: "\f756"; } .bi-filetype-php::before { content: "\f757"; } .bi-filetype-png::before { content: "\f758"; } .bi-filetype-ppt::before { content: "\f75a"; } .bi-filetype-psd::before { content: "\f75b"; } .bi-filetype-py::before { content: "\f75c"; } .bi-filetype-raw::before { content: "\f75d"; } .bi-filetype-rb::before { content: "\f75e"; } .bi-filetype-sass::before { content: "\f75f"; } .bi-filetype-scss::before { content: "\f760"; } .bi-filetype-sh::before { content: "\f761"; } .bi-filetype-svg::before { content: "\f762"; } .bi-filetype-tiff::before { content: "\f763"; } .bi-filetype-tsx::before { content: "\f764"; } .bi-filetype-ttf::before { content: "\f765"; } .bi-filetype-txt::before { content: "\f766"; } .bi-filetype-wav::before { content: "\f767"; } .bi-filetype-woff::before { content: "\f768"; } .bi-filetype-xls::before { content: "\f76a"; } .bi-filetype-xml::before { content: "\f76b"; } .bi-filetype-yml::before { content: "\f76c"; } .bi-heart-arrow::before { content: "\f76d"; } .bi-heart-pulse-fill::before { content: "\f76e"; } .bi-heart-pulse::before { content: "\f76f"; } .bi-heartbreak-fill::before { content: "\f770"; } .bi-heartbreak::before { content: "\f771"; } .bi-hearts::before { content: "\f772"; } .bi-hospital-fill::before { content: "\f773"; } .bi-hospital::before { content: "\f774"; } .bi-house-heart-fill::before { content: "\f775"; } .bi-house-heart::before { content: "\f776"; } .bi-incognito::before { content: "\f777"; } .bi-magnet-fill::before { content: "\f778"; } .bi-magnet::before { content: "\f779"; } .bi-person-heart::before { content: "\f77a"; } .bi-person-hearts::before { content: "\f77b"; } .bi-phone-flip::before { content: "\f77c"; } .bi-plugin::before { content: "\f77d"; } .bi-postage-fill::before { content: "\f77e"; } .bi-postage-heart-fill::before { content: "\f77f"; } .bi-postage-heart::before { content: "\f780"; } .bi-postage::before { content: "\f781"; } .bi-postcard-fill::before { content: "\f782"; } .bi-postcard-heart-fill::before { content: "\f783"; } .bi-postcard-heart::before { content: "\f784"; } .bi-postcard::before { content: "\f785"; } .bi-search-heart-fill::before { content: "\f786"; } .bi-search-heart::before { content: "\f787"; } .bi-sliders2-vertical::before { content: "\f788"; } .bi-sliders2::before { content: "\f789"; } .bi-trash3-fill::before { content: "\f78a"; } .bi-trash3::before { content: "\f78b"; } .bi-valentine::before { content: "\f78c"; } .bi-valentine2::before { content: "\f78d"; } .bi-wrench-adjustable-circle-fill::before { content: "\f78e"; } .bi-wrench-adjustable-circle::before { content: "\f78f"; } .bi-wrench-adjustable::before { content: "\f790"; } .bi-filetype-json::before { content: "\f791"; } .bi-filetype-pptx::before { content: "\f792"; } .bi-filetype-xlsx::before { content: "\f793"; } .bi-1-circle-fill::before { content: "\f796"; } .bi-1-circle::before { content: "\f797"; } .bi-1-square-fill::before { content: "\f798"; } .bi-1-square::before { content: "\f799"; } .bi-2-circle-fill::before { content: "\f79c"; } .bi-2-circle::before { content: "\f79d"; } .bi-2-square-fill::before { content: "\f79e"; } .bi-2-square::before { content: "\f79f"; } .bi-3-circle-fill::before { content: "\f7a2"; } .bi-3-circle::before { content: "\f7a3"; } .bi-3-square-fill::before { content: "\f7a4"; } .bi-3-square::before { content: "\f7a5"; } .bi-4-circle-fill::before { content: "\f7a8"; } .bi-4-circle::before { content: "\f7a9"; } .bi-4-square-fill::before { content: "\f7aa"; } .bi-4-square::before { content: "\f7ab"; } .bi-5-circle-fill::before { content: "\f7ae"; } .bi-5-circle::before { content: "\f7af"; } .bi-5-square-fill::before { content: "\f7b0"; } .bi-5-square::before { content: "\f7b1"; } .bi-6-circle-fill::before { content: "\f7b4"; } .bi-6-circle::before { content: "\f7b5"; } .bi-6-square-fill::before { content: "\f7b6"; } .bi-6-square::before { content: "\f7b7"; } .bi-7-circle-fill::before { content: "\f7ba"; } .bi-7-circle::before { content: "\f7bb"; } .bi-7-square-fill::before { content: "\f7bc"; } .bi-7-square::before { content: "\f7bd"; } .bi-8-circle-fill::before { content: "\f7c0"; } .bi-8-circle::before { content: "\f7c1"; } .bi-8-square-fill::before { content: "\f7c2"; } .bi-8-square::before { content: "\f7c3"; } .bi-9-circle-fill::before { content: "\f7c6"; } .bi-9-circle::before { content: "\f7c7"; } .bi-9-square-fill::before { content: "\f7c8"; } .bi-9-square::before { content: "\f7c9"; } .bi-airplane-engines-fill::before { content: "\f7ca"; } .bi-airplane-engines::before { content: "\f7cb"; } .bi-airplane-fill::before { content: "\f7cc"; } .bi-airplane::before { content: "\f7cd"; } .bi-alexa::before { content: "\f7ce"; } .bi-alipay::before { content: "\f7cf"; } .bi-android::before { content: "\f7d0"; } .bi-android2::before { content: "\f7d1"; } .bi-box-fill::before { content: "\f7d2"; } .bi-box-seam-fill::before { content: "\f7d3"; } .bi-browser-chrome::before { content: "\f7d4"; } .bi-browser-edge::before { content: "\f7d5"; } .bi-browser-firefox::before { content: "\f7d6"; } .bi-browser-safari::before { content: "\f7d7"; } .bi-c-circle-fill::before { content: "\f7da"; } .bi-c-circle::before { content: "\f7db"; } .bi-c-square-fill::before { content: "\f7dc"; } .bi-c-square::before { content: "\f7dd"; } .bi-capsule-pill::before { content: "\f7de"; } .bi-capsule::before { content: "\f7df"; } .bi-car-front-fill::before { content: "\f7e0"; } .bi-car-front::before { content: "\f7e1"; } .bi-cassette-fill::before { content: "\f7e2"; } .bi-cassette::before { content: "\f7e3"; } .bi-cc-circle-fill::before { content: "\f7e6"; } .bi-cc-circle::before { content: "\f7e7"; } .bi-cc-square-fill::before { content: "\f7e8"; } .bi-cc-square::before { content: "\f7e9"; } .bi-cup-hot-fill::before { content: "\f7ea"; } .bi-cup-hot::before { content: "\f7eb"; } .bi-currency-rupee::before { content: "\f7ec"; } .bi-dropbox::before { content: "\f7ed"; } .bi-escape::before { content: "\f7ee"; } .bi-fast-forward-btn-fill::before { content: "\f7ef"; } .bi-fast-forward-btn::before { content: "\f7f0"; } .bi-fast-forward-circle-fill::before { content: "\f7f1"; } .bi-fast-forward-circle::before { content: "\f7f2"; } .bi-fast-forward-fill::before { content: "\f7f3"; } .bi-fast-forward::before { content: "\f7f4"; } .bi-filetype-sql::before { content: "\f7f5"; } .bi-fire::before { content: "\f7f6"; } .bi-google-play::before { content: "\f7f7"; } .bi-h-circle-fill::before { content: "\f7fa"; } .bi-h-circle::before { content: "\f7fb"; } .bi-h-square-fill::before { content: "\f7fc"; } .bi-h-square::before { content: "\f7fd"; } .bi-indent::before { content: "\f7fe"; } .bi-lungs-fill::before { content: "\f7ff"; } .bi-lungs::before { content: "\f800"; } .bi-microsoft-teams::before { content: "\f801"; } .bi-p-circle-fill::before { content: "\f804"; } .bi-p-circle::before { content: "\f805"; } .bi-p-square-fill::before { content: "\f806"; } .bi-p-square::before { content: "\f807"; } .bi-pass-fill::before { content: "\f808"; } .bi-pass::before { content: "\f809"; } .bi-prescription::before { content: "\f80a"; } .bi-prescription2::before { content: "\f80b"; } .bi-r-circle-fill::before { content: "\f80e"; } .bi-r-circle::before { content: "\f80f"; } .bi-r-square-fill::before { content: "\f810"; } .bi-r-square::before { content: "\f811"; } .bi-repeat-1::before { content: "\f812"; } .bi-repeat::before { content: "\f813"; } .bi-rewind-btn-fill::before { content: "\f814"; } .bi-rewind-btn::before { content: "\f815"; } .bi-rewind-circle-fill::before { content: "\f816"; } .bi-rewind-circle::before { content: "\f817"; } .bi-rewind-fill::before { content: "\f818"; } .bi-rewind::before { content: "\f819"; } .bi-train-freight-front-fill::before { content: "\f81a"; } .bi-train-freight-front::before { content: "\f81b"; } .bi-train-front-fill::before { content: "\f81c"; } .bi-train-front::before { content: "\f81d"; } .bi-train-lightrail-front-fill::before { content: "\f81e"; } .bi-train-lightrail-front::before { content: "\f81f"; } .bi-truck-front-fill::before { content: "\f820"; } .bi-truck-front::before { content: "\f821"; } .bi-ubuntu::before { content: "\f822"; } .bi-unindent::before { content: "\f823"; } .bi-unity::before { content: "\f824"; } .bi-universal-access-circle::before { content: "\f825"; } .bi-universal-access::before { content: "\f826"; } .bi-virus::before { content: "\f827"; } .bi-virus2::before { content: "\f828"; } .bi-wechat::before { content: "\f829"; } .bi-yelp::before { content: "\f82a"; } .bi-sign-stop-fill::before { content: "\f82b"; } .bi-sign-stop-lights-fill::before { content: "\f82c"; } .bi-sign-stop-lights::before { content: "\f82d"; } .bi-sign-stop::before { content: "\f82e"; } .bi-sign-turn-left-fill::before { content: "\f82f"; } .bi-sign-turn-left::before { content: "\f830"; } .bi-sign-turn-right-fill::before { content: "\f831"; } .bi-sign-turn-right::before { content: "\f832"; } .bi-sign-turn-slight-left-fill::before { content: "\f833"; } .bi-sign-turn-slight-left::before { content: "\f834"; } .bi-sign-turn-slight-right-fill::before { content: "\f835"; } .bi-sign-turn-slight-right::before { content: "\f836"; } .bi-sign-yield-fill::before { content: "\f837"; } .bi-sign-yield::before { content: "\f838"; } .bi-ev-station-fill::before { content: "\f839"; } .bi-ev-station::before { content: "\f83a"; } .bi-fuel-pump-diesel-fill::before { content: "\f83b"; } .bi-fuel-pump-diesel::before { content: "\f83c"; } .bi-fuel-pump-fill::before { content: "\f83d"; } .bi-fuel-pump::before { content: "\f83e"; } .bi-0-circle-fill::before { content: "\f83f"; } .bi-0-circle::before { content: "\f840"; } .bi-0-square-fill::before { content: "\f841"; } .bi-0-square::before { content: "\f842"; } .bi-rocket-fill::before { content: "\f843"; } .bi-rocket-takeoff-fill::before { content: "\f844"; } .bi-rocket-takeoff::before { content: "\f845"; } .bi-rocket::before { content: "\f846"; } .bi-stripe::before { content: "\f847"; } .bi-subscript::before { content: "\f848"; } .bi-superscript::before { content: "\f849"; } .bi-trello::before { content: "\f84a"; } .bi-envelope-at-fill::before { content: "\f84b"; } .bi-envelope-at::before { content: "\f84c"; } .bi-regex::before { content: "\f84d"; } .bi-text-wrap::before { content: "\f84e"; } .bi-sign-dead-end-fill::before { content: "\f84f"; } .bi-sign-dead-end::before { content: "\f850"; } .bi-sign-do-not-enter-fill::before { content: "\f851"; } .bi-sign-do-not-enter::before { content: "\f852"; } .bi-sign-intersection-fill::before { content: "\f853"; } .bi-sign-intersection-side-fill::before { content: "\f854"; } .bi-sign-intersection-side::before { content: "\f855"; } .bi-sign-intersection-t-fill::before { content: "\f856"; } .bi-sign-intersection-t::before { content: "\f857"; } .bi-sign-intersection-y-fill::before { content: "\f858"; } .bi-sign-intersection-y::before { content: "\f859"; } .bi-sign-intersection::before { content: "\f85a"; } .bi-sign-merge-left-fill::before { content: "\f85b"; } .bi-sign-merge-left::before { content: "\f85c"; } .bi-sign-merge-right-fill::before { content: "\f85d"; } .bi-sign-merge-right::before { content: "\f85e"; } .bi-sign-no-left-turn-fill::before { content: "\f85f"; } .bi-sign-no-left-turn::before { content: "\f860"; } .bi-sign-no-parking-fill::before { content: "\f861"; } .bi-sign-no-parking::before { content: "\f862"; } .bi-sign-no-right-turn-fill::before { content: "\f863"; } .bi-sign-no-right-turn::before { content: "\f864"; } .bi-sign-railroad-fill::before { content: "\f865"; } .bi-sign-railroad::before { content: "\f866"; } .bi-building-add::before { content: "\f867"; } .bi-building-check::before { content: "\f868"; } .bi-building-dash::before { content: "\f869"; } .bi-building-down::before { content: "\f86a"; } .bi-building-exclamation::before { content: "\f86b"; } .bi-building-fill-add::before { content: "\f86c"; } .bi-building-fill-check::before { content: "\f86d"; } .bi-building-fill-dash::before { content: "\f86e"; } .bi-building-fill-down::before { content: "\f86f"; } .bi-building-fill-exclamation::before { content: "\f870"; } .bi-building-fill-gear::before { content: "\f871"; } .bi-building-fill-lock::before { content: "\f872"; } .bi-building-fill-slash::before { content: "\f873"; } .bi-building-fill-up::before { content: "\f874"; } .bi-building-fill-x::before { content: "\f875"; } .bi-building-fill::before { content: "\f876"; } .bi-building-gear::before { content: "\f877"; } .bi-building-lock::before { content: "\f878"; } .bi-building-slash::before { content: "\f879"; } .bi-building-up::before { content: "\f87a"; } .bi-building-x::before { content: "\f87b"; } .bi-buildings-fill::before { content: "\f87c"; } .bi-buildings::before { content: "\f87d"; } .bi-bus-front-fill::before { content: "\f87e"; } .bi-bus-front::before { content: "\f87f"; } .bi-ev-front-fill::before { content: "\f880"; } .bi-ev-front::before { content: "\f881"; } .bi-globe-americas::before { content: "\f882"; } .bi-globe-asia-australia::before { content: "\f883"; } .bi-globe-central-south-asia::before { content: "\f884"; } .bi-globe-europe-africa::before { content: "\f885"; } .bi-house-add-fill::before { content: "\f886"; } .bi-house-add::before { content: "\f887"; } .bi-house-check-fill::before { content: "\f888"; } .bi-house-check::before { content: "\f889"; } .bi-house-dash-fill::before { content: "\f88a"; } .bi-house-dash::before { content: "\f88b"; } .bi-house-down-fill::before { content: "\f88c"; } .bi-house-down::before { content: "\f88d"; } .bi-house-exclamation-fill::before { content: "\f88e"; } .bi-house-exclamation::before { content: "\f88f"; } .bi-house-gear-fill::before { content: "\f890"; } .bi-house-gear::before { content: "\f891"; } .bi-house-lock-fill::before { content: "\f892"; } .bi-house-lock::before { content: "\f893"; } .bi-house-slash-fill::before { content: "\f894"; } .bi-house-slash::before { content: "\f895"; } .bi-house-up-fill::before { content: "\f896"; } .bi-house-up::before { content: "\f897"; } .bi-house-x-fill::before { content: "\f898"; } .bi-house-x::before { content: "\f899"; } .bi-person-add::before { content: "\f89a"; } .bi-person-down::before { content: "\f89b"; } .bi-person-exclamation::before { content: "\f89c"; } .bi-person-fill-add::before { content: "\f89d"; } .bi-person-fill-check::before { content: "\f89e"; } .bi-person-fill-dash::before { content: "\f89f"; } .bi-person-fill-down::before { content: "\f8a0"; } .bi-person-fill-exclamation::before { content: "\f8a1"; } .bi-person-fill-gear::before { content: "\f8a2"; } .bi-person-fill-lock::before { content: "\f8a3"; } .bi-person-fill-slash::before { content: "\f8a4"; } .bi-person-fill-up::before { content: "\f8a5"; } .bi-person-fill-x::before { content: "\f8a6"; } .bi-person-gear::before { content: "\f8a7"; } .bi-person-lock::before { content: "\f8a8"; } .bi-person-slash::before { content: "\f8a9"; } .bi-person-up::before { content: "\f8aa"; } .bi-scooter::before { content: "\f8ab"; } .bi-taxi-front-fill::before { content: "\f8ac"; } .bi-taxi-front::before { content: "\f8ad"; } .bi-amd::before { content: "\f8ae"; } .bi-database-add::before { content: "\f8af"; } .bi-database-check::before { content: "\f8b0"; } .bi-database-dash::before { content: "\f8b1"; } .bi-database-down::before { content: "\f8b2"; } .bi-database-exclamation::before { content: "\f8b3"; } .bi-database-fill-add::before { content: "\f8b4"; } .bi-database-fill-check::before { content: "\f8b5"; } .bi-database-fill-dash::before { content: "\f8b6"; } .bi-database-fill-down::before { content: "\f8b7"; } .bi-database-fill-exclamation::before { content: "\f8b8"; } .bi-database-fill-gear::before { content: "\f8b9"; } .bi-database-fill-lock::before { content: "\f8ba"; } .bi-database-fill-slash::before { content: "\f8bb"; } .bi-database-fill-up::before { content: "\f8bc"; } .bi-database-fill-x::before { content: "\f8bd"; } .bi-database-fill::before { content: "\f8be"; } .bi-database-gear::before { content: "\f8bf"; } .bi-database-lock::before { content: "\f8c0"; } .bi-database-slash::before { content: "\f8c1"; } .bi-database-up::before { content: "\f8c2"; } .bi-database-x::before { content: "\f8c3"; } .bi-database::before { content: "\f8c4"; } .bi-houses-fill::before { content: "\f8c5"; } .bi-houses::before { content: "\f8c6"; } .bi-nvidia::before { content: "\f8c7"; } .bi-person-vcard-fill::before { content: "\f8c8"; } .bi-person-vcard::before { content: "\f8c9"; } .bi-sina-weibo::before { content: "\f8ca"; } .bi-tencent-qq::before { content: "\f8cb"; } .bi-wikipedia::before { content: "\f8cc"; } .bi-alphabet-uppercase::before { content: "\f2a5"; } .bi-alphabet::before { content: "\f68a"; } .bi-amazon::before { content: "\f68d"; } .bi-arrows-collapse-vertical::before { content: "\f690"; } .bi-arrows-expand-vertical::before { content: "\f695"; } .bi-arrows-vertical::before { content: "\f698"; } .bi-arrows::before { content: "\f6a2"; } .bi-ban-fill::before { content: "\f6a3"; } .bi-ban::before { content: "\f6b6"; } .bi-bing::before { content: "\f6c2"; } .bi-cake::before { content: "\f6e0"; } .bi-cake2::before { content: "\f6ed"; } .bi-cookie::before { content: "\f6ee"; } .bi-copy::before { content: "\f759"; } .bi-crosshair::before { content: "\f769"; } .bi-crosshair2::before { content: "\f794"; } .bi-emoji-astonished-fill::before { content: "\f795"; } .bi-emoji-astonished::before { content: "\f79a"; } .bi-emoji-grimace-fill::before { content: "\f79b"; } .bi-emoji-grimace::before { content: "\f7a0"; } .bi-emoji-grin-fill::before { content: "\f7a1"; } .bi-emoji-grin::before { content: "\f7a6"; } .bi-emoji-surprise-fill::before { content: "\f7a7"; } .bi-emoji-surprise::before { content: "\f7ac"; } .bi-emoji-tear-fill::before { content: "\f7ad"; } .bi-emoji-tear::before { content: "\f7b2"; } .bi-envelope-arrow-down-fill::before { content: "\f7b3"; } .bi-envelope-arrow-down::before { content: "\f7b8"; } .bi-envelope-arrow-up-fill::before { content: "\f7b9"; } .bi-envelope-arrow-up::before { content: "\f7be"; } .bi-feather::before { content: "\f7bf"; } .bi-feather2::before { content: "\f7c4"; } .bi-floppy-fill::before { content: "\f7c5"; } .bi-floppy::before { content: "\f7d8"; } .bi-floppy2-fill::before { content: "\f7d9"; } .bi-floppy2::before { content: "\f7e4"; } .bi-gitlab::before { content: "\f7e5"; } .bi-highlighter::before { content: "\f7f8"; } .bi-marker-tip::before { content: "\f802"; } .bi-nvme-fill::before { content: "\f803"; } .bi-nvme::before { content: "\f80c"; } .bi-opencollective::before { content: "\f80d"; } .bi-pci-card-network::before { content: "\f8cd"; } .bi-pci-card-sound::before { content: "\f8ce"; } .bi-radar::before { content: "\f8cf"; } .bi-send-arrow-down-fill::before { content: "\f8d0"; } .bi-send-arrow-down::before { content: "\f8d1"; } .bi-send-arrow-up-fill::before { content: "\f8d2"; } .bi-send-arrow-up::before { content: "\f8d3"; } .bi-sim-slash-fill::before { content: "\f8d4"; } .bi-sim-slash::before { content: "\f8d5"; } .bi-sourceforge::before { content: "\f8d6"; } .bi-substack::before { content: "\f8d7"; } .bi-threads-fill::before { content: "\f8d8"; } .bi-threads::before { content: "\f8d9"; } .bi-transparency::before { content: "\f8da"; } .bi-twitter-x::before { content: "\f8db"; } .bi-type-h4::before { content: "\f8dc"; } .bi-type-h5::before { content: "\f8dd"; } .bi-type-h6::before { content: "\f8de"; } .bi-backpack-fill::before { content: "\f8df"; } .bi-backpack::before { content: "\f8e0"; } .bi-backpack2-fill::before { content: "\f8e1"; } .bi-backpack2::before { content: "\f8e2"; } .bi-backpack3-fill::before { content: "\f8e3"; } .bi-backpack3::before { content: "\f8e4"; } .bi-backpack4-fill::before { content: "\f8e5"; } .bi-backpack4::before { content: "\f8e6"; } .bi-brilliance::before { content: "\f8e7"; } .bi-cake-fill::before { content: "\f8e8"; } .bi-cake2-fill::before { content: "\f8e9"; } .bi-duffle-fill::before { content: "\f8ea"; } .bi-duffle::before { content: "\f8eb"; } .bi-exposure::before { content: "\f8ec"; } .bi-gender-neuter::before { content: "\f8ed"; } .bi-highlights::before { content: "\f8ee"; } .bi-luggage-fill::before { content: "\f8ef"; } .bi-luggage::before { content: "\f8f0"; } .bi-mailbox-flag::before { content: "\f8f1"; } .bi-mailbox2-flag::before { content: "\f8f2"; } .bi-noise-reduction::before { content: "\f8f3"; } .bi-passport-fill::before { content: "\f8f4"; } .bi-passport::before { content: "\f8f5"; } .bi-person-arms-up::before { content: "\f8f6"; } .bi-person-raised-hand::before { content: "\f8f7"; } .bi-person-standing-dress::before { content: "\f8f8"; } .bi-person-standing::before { content: "\f8f9"; } .bi-person-walking::before { content: "\f8fa"; } .bi-person-wheelchair::before { content: "\f8fb"; } .bi-shadows::before { content: "\f8fc"; } .bi-suitcase-fill::before { content: "\f8fd"; } .bi-suitcase-lg-fill::before { content: "\f8fe"; } .bi-suitcase-lg::before { content: "\f8ff"; } .bi-suitcase::before { content: "豈"; } .bi-suitcase2-fill::before { content: "更"; } .bi-suitcase2::before { content: "車"; } .bi-vignette::before { content: "賈"; } .bi-bluesky::before { content: "\f7f9"; } .bi-tux::before { content: "滑"; } .bi-beaker-fill::before { content: "串"; } .bi-beaker::before { content: "句"; } .bi-flask-fill::before { content: "龜"; } .bi-flask-florence-fill::before { content: "龜"; } .bi-flask-florence::before { content: "契"; } .bi-flask::before { content: "金"; } .bi-leaf-fill::before { content: "喇"; } .bi-leaf::before { content: "奈"; } .bi-measuring-cup-fill::before { content: "懶"; } .bi-measuring-cup::before { content: "癩"; } .bi-unlock2-fill::before { content: "羅"; } .bi-unlock2::before { content: "蘿"; } .bi-battery-low::before { content: "螺"; } .bi-anthropic::before { content: "裸"; } .bi-apple-music::before { content: "邏"; } .bi-claude::before { content: "樂"; } .bi-openai::before { content: "洛"; } .bi-perplexity::before { content: "烙"; } .bi-css::before { content: "珞"; } .bi-javascript::before { content: "落"; } .bi-typescript::before { content: "酪"; } .bi-fork-knife::before { content: "駱"; } .bi-globe-americas-fill::before { content: "亂"; } .bi-globe-asia-australia-fill::before { content: "卵"; } .bi-globe-central-south-asia-fill::before { content: "欄"; } .bi-globe-europe-africa-fill::before { content: "爛"; } /*! * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme=light] { --bs-blue:#0d6efd; --bs-indigo:#6610f2; --bs-purple:#6f42c1; --bs-pink:#d63384; --bs-red:#dc3545; --bs-orange:#fd7e14; --bs-yellow:#ffc107; --bs-green:#198754; --bs-teal:#20c997; --bs-cyan:#0dcaf0; --bs-black:#000; --bs-white:#fff; --bs-gray:#6c757d; --bs-gray-dark:#343a40; --bs-gray-100:#f8f9fa; --bs-gray-200:#e9ecef; --bs-gray-300:#dee2e6; --bs-gray-400:#ced4da; --bs-gray-500:#adb5bd; --bs-gray-600:#6c757d; --bs-gray-700:#495057; --bs-gray-800:#343a40; --bs-gray-900:#212529; --bs-primary:#0d6efd; --bs-secondary:#6c757d; --bs-success:#198754; --bs-info:#0dcaf0; --bs-warning:#ffc107; --bs-danger:#dc3545; --bs-light:#f8f9fa; --bs-dark:#212529; --bs-primary-rgb:13,110,253; --bs-secondary-rgb:108,117,125; --bs-success-rgb:25,135,84; --bs-info-rgb:13,202,240; --bs-warning-rgb:255,193,7; --bs-danger-rgb:220,53,69; --bs-light-rgb:248,249,250; --bs-dark-rgb:33,37,41; --bs-primary-text-emphasis:#052c65; --bs-secondary-text-emphasis:#2b2f32; --bs-success-text-emphasis:#0a3622; --bs-info-text-emphasis:#055160; --bs-warning-text-emphasis:#664d03; --bs-danger-text-emphasis:#58151c; --bs-light-text-emphasis:#495057; --bs-dark-text-emphasis:#495057; --bs-primary-bg-subtle:#cfe2ff; --bs-secondary-bg-subtle:#e2e3e5; --bs-success-bg-subtle:#d1e7dd; --bs-info-bg-subtle:#cff4fc; --bs-warning-bg-subtle:#fff3cd; --bs-danger-bg-subtle:#f8d7da; --bs-light-bg-subtle:#fcfcfd; --bs-dark-bg-subtle:#ced4da; --bs-primary-border-subtle:#9ec5fe; --bs-secondary-border-subtle:#c4c8cb; --bs-success-border-subtle:#a3cfbb; --bs-info-border-subtle:#9eeaf9; --bs-warning-border-subtle:#ffe69c; --bs-danger-border-subtle:#f1aeb5; --bs-light-border-subtle:#e9ecef; --bs-dark-border-subtle:#adb5bd; --bs-white-rgb:255,255,255; --bs-black-rgb:0,0,0; --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family:var(--bs-font-sans-serif); --bs-body-font-size:1rem; --bs-body-font-weight:400; --bs-body-line-height:1.5; --bs-body-color:#212529; --bs-body-color-rgb:33,37,41; --bs-body-bg:#fff; --bs-body-bg-rgb:255,255,255; --bs-emphasis-color:#000; --bs-emphasis-color-rgb:0,0,0; --bs-secondary-color:rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb:33,37,41; --bs-secondary-bg:#e9ecef; --bs-secondary-bg-rgb:233,236,239; --bs-tertiary-color:rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb:33,37,41; --bs-tertiary-bg:#f8f9fa; --bs-tertiary-bg-rgb:248,249,250; --bs-heading-color:inherit; --bs-link-color:#0d6efd; --bs-link-color-rgb:13,110,253; --bs-link-decoration:underline; --bs-link-hover-color:#0a58ca; --bs-link-hover-color-rgb:10,88,202; --bs-code-color:#d63384; --bs-highlight-color:#212529; --bs-highlight-bg:#fff3cd; --bs-border-width:1px; --bs-border-style:solid; --bs-border-color:#dee2e6; --bs-border-color-translucent:rgba(0, 0, 0, 0.175); --bs-border-radius:0.375rem; --bs-border-radius-sm:0.25rem; --bs-border-radius-lg:0.5rem; --bs-border-radius-xl:1rem; --bs-border-radius-xxl:2rem; --bs-border-radius-2xl:var(--bs-border-radius-xxl); --bs-border-radius-pill:50rem; --bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width:0.25rem; --bs-focus-ring-opacity:0.25; --bs-focus-ring-color:rgba(13, 110, 253, 0.25); --bs-form-valid-color:#198754; --bs-form-valid-border-color:#198754; --bs-form-invalid-color:#dc3545; --bs-form-invalid-border-color:#dc3545; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color:#dee2e6; --bs-body-color-rgb:222,226,230; --bs-body-bg:#212529; --bs-body-bg-rgb:33,37,41; --bs-emphasis-color:#fff; --bs-emphasis-color-rgb:255,255,255; --bs-secondary-color:rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb:222,226,230; --bs-secondary-bg:#343a40; --bs-secondary-bg-rgb:52,58,64; --bs-tertiary-color:rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb:222,226,230; --bs-tertiary-bg:#2b3035; --bs-tertiary-bg-rgb:43,48,53; --bs-primary-text-emphasis:#6ea8fe; --bs-secondary-text-emphasis:#a7acb1; --bs-success-text-emphasis:#75b798; --bs-info-text-emphasis:#6edff6; --bs-warning-text-emphasis:#ffda6a; --bs-danger-text-emphasis:#ea868f; --bs-light-text-emphasis:#f8f9fa; --bs-dark-text-emphasis:#dee2e6; --bs-primary-bg-subtle:#031633; --bs-secondary-bg-subtle:#161719; --bs-success-bg-subtle:#051b11; --bs-info-bg-subtle:#032830; --bs-warning-bg-subtle:#332701; --bs-danger-bg-subtle:#2c0b0e; --bs-light-bg-subtle:#343a40; --bs-dark-bg-subtle:#1a1d20; --bs-primary-border-subtle:#084298; --bs-secondary-border-subtle:#41464b; --bs-success-border-subtle:#0f5132; --bs-info-border-subtle:#087990; --bs-warning-border-subtle:#997404; --bs-danger-border-subtle:#842029; --bs-light-border-subtle:#495057; --bs-dark-border-subtle:#343a40; --bs-heading-color:inherit; --bs-link-color:#6ea8fe; --bs-link-hover-color:#8bb9fe; --bs-link-color-rgb:110,168,254; --bs-link-hover-color-rgb:139,185,254; --bs-code-color:#e685b5; --bs-highlight-color:#dee2e6; --bs-highlight-bg:#664d03; --bs-border-color:#495057; --bs-border-color-translucent:rgba(255, 255, 255, 0.15); --bs-form-valid-color:#75b798; --bs-form-valid-border-color:#75b798; --bs-form-invalid-color:#ea868f; --bs-form-invalid-border-color:#ea868f; } *, ::after, ::before { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } .h1, h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { .h1, h1 { font-size: 2.5rem; } } .h2, h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { .h2, h2 { font-size: 2rem; } } .h3, h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { .h3, h3 { font-size: 1.75rem; } } .h4, h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { .h4, h4 { font-size: 1.5rem; } } .h5, h5 { font-size: 1.25rem; } .h6, h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } dl, ol, ul { margin-top: 0; margin-bottom: 1rem; } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } .small, small { font-size: 0.875em; } .mark, mark { padding: 0.1875em; color: var(--bs-highlight-color); background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb:var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } code, kbd, pre, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } tbody, td, tfoot, th, thead, tr { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } button, input, optgroup, select, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button; } [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x:1.5rem; --bs-gutter-y:0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 720px; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } } @media (min-width: 1400px) { .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; } } :root { --bs-breakpoint-xs:0; --bs-breakpoint-sm:576px; --bs-breakpoint-md:768px; --bs-breakpoint-lg:992px; --bs-breakpoint-xl:1200px; --bs-breakpoint-xxl:1400px; } .row { --bs-gutter-x:1.5rem; --bs-gutter-y:0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x:0; } .g-0, .gy-0 { --bs-gutter-y:0; } .g-1, .gx-1 { --bs-gutter-x:0.25rem; } .g-1, .gy-1 { --bs-gutter-y:0.25rem; } .g-2, .gx-2 { --bs-gutter-x:0.5rem; } .g-2, .gy-2 { --bs-gutter-y:0.5rem; } .g-3, .gx-3 { --bs-gutter-x:1rem; } .g-3, .gy-3 { --bs-gutter-y:1rem; } .g-4, .gx-4 { --bs-gutter-x:1.5rem; } .g-4, .gy-4 { --bs-gutter-y:1.5rem; } .g-5, .gx-5 { --bs-gutter-x:3rem; } .g-5, .gy-5 { --bs-gutter-y:3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x:0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y:0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x:0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y:0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x:0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y:0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x:1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y:1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x:1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y:1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x:3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y:3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x:0; } .g-md-0, .gy-md-0 { --bs-gutter-y:0; } .g-md-1, .gx-md-1 { --bs-gutter-x:0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y:0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x:0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y:0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x:1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y:1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x:1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y:1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x:3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y:3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x:0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y:0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x:0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y:0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x:0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y:0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x:1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y:1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x:1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y:1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x:3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y:3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x:0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y:0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x:0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y:0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x:0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y:0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x:1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y:1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x:1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y:1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x:3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y:3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x:0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y:0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x:0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y:0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x:0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y:0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x:1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y:1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x:1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y:1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x:3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y:3rem; } } .table { --bs-table-color-type:initial; --bs-table-bg-type:initial; --bs-table-color-state:initial; --bs-table-bg-state:initial; --bs-table-color:var(--bs-emphasis-color); --bs-table-bg:var(--bs-body-bg); --bs-table-border-color:var(--bs-border-color); --bs-table-accent-bg:transparent; --bs-table-striped-color:var(--bs-emphasis-color); --bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05); --bs-table-active-color:var(--bs-emphasis-color); --bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1); --bs-table-hover-color:var(--bs-emphasis-color); --bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type:var(--bs-table-striped-color); --bs-table-bg-type:var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(2n) { --bs-table-color-type:var(--bs-table-striped-color); --bs-table-bg-type:var(--bs-table-striped-bg); } .table-active { --bs-table-color-state:var(--bs-table-active-color); --bs-table-bg-state:var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state:var(--bs-table-hover-color); --bs-table-bg-state:var(--bs-table-hover-bg); } .table-primary { --bs-table-color:#000; --bs-table-bg:#cfe2ff; --bs-table-border-color:#a6b5cc; --bs-table-striped-bg:#c5d7f2; --bs-table-striped-color:#000; --bs-table-active-bg:#bacbe6; --bs-table-active-color:#000; --bs-table-hover-bg:#bfd1ec; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color:#000; --bs-table-bg:#e2e3e5; --bs-table-border-color:#b5b6b7; --bs-table-striped-bg:#d7d8da; --bs-table-striped-color:#000; --bs-table-active-bg:#cbccce; --bs-table-active-color:#000; --bs-table-hover-bg:#d1d2d4; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color:#000; --bs-table-bg:#d1e7dd; --bs-table-border-color:#a7b9b1; --bs-table-striped-bg:#c7dbd2; --bs-table-striped-color:#000; --bs-table-active-bg:#bcd0c7; --bs-table-active-color:#000; --bs-table-hover-bg:#c1d6cc; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color:#000; --bs-table-bg:#cff4fc; --bs-table-border-color:#a6c3ca; --bs-table-striped-bg:#c5e8ef; --bs-table-striped-color:#000; --bs-table-active-bg:#badce3; --bs-table-active-color:#000; --bs-table-hover-bg:#bfe2e9; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color:#000; --bs-table-bg:#fff3cd; --bs-table-border-color:#ccc2a4; --bs-table-striped-bg:#f2e7c3; --bs-table-striped-color:#000; --bs-table-active-bg:#e6dbb9; --bs-table-active-color:#000; --bs-table-hover-bg:#ece1be; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color:#000; --bs-table-bg:#f8d7da; --bs-table-border-color:#c6acae; --bs-table-striped-bg:#eccccf; --bs-table-striped-color:#000; --bs-table-active-bg:#dfc2c4; --bs-table-active-color:#000; --bs-table-hover-bg:#e5c7ca; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color:#000; --bs-table-bg:#f8f9fa; --bs-table-border-color:#c6c7c8; --bs-table-striped-bg:#ecedee; --bs-table-striped-color:#000; --bs-table-active-bg:#dfe0e1; --bs-table-active-color:#000; --bs-table-hover-bg:#e5e6e7; --bs-table-hover-color:#000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color:#fff; --bs-table-bg:#212529; --bs-table-border-color:#4d5154; --bs-table-striped-bg:#2c3034; --bs-table-striped-color:#fff; --bs-table-active-bg:#373b3e; --bs-table-active-color:#fff; --bs-table-hover-bg:#323539; --bs-table-hover-color:#fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::-moz-placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::-webkit-file-upload-button { -webkit-transition: none; transition: none; } .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::-webkit-file-upload-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; -webkit-margin-end: 0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::-webkit-file-upload-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; -webkit-margin-end: 1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2); } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + var(--bs-border-width) * 2); } .form-select { --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg:var(--bs-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); -webkit-print-color-adjust: exact; color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; --bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check:disabled + .btn, .btn-check[disabled] + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; -webkit-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; -moz-appearance: none; appearance: none; background-color: #0d6efd; border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + var(--bs-border-width) * 2); min-height: calc(3.5rem + var(--bs-border-width) * 2); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder { color: transparent; } .form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder { color: transparent; } .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), .form-floating > .form-control:not(:-moz-placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label { color: #6c757d; } .form-floating > .form-control:disabled ~ label::after, .form-floating > :disabled ~ label::after { background-color: var(--bs-secondary-bg); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip { display: block; } .form-control.is-valid, .was-validated .form-control:valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-valid:focus, .was-validated .form-control:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .form-select.is-valid, .was-validated .form-select:valid { border-color: var(--bs-form-valid-border-color); } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] { --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-select.is-valid:focus, .was-validated .form-select:valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .form-control-color.is-valid, .was-validated .form-control-color:valid { width: calc(3rem + 1.5em + 0.75rem); } .form-check-input.is-valid, .was-validated .form-check-input:valid { border-color: var(--bs-form-valid-border-color); } .form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked { background-color: var(--bs-form-valid-color); } .form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip { display: block; } .form-control.is-invalid, .was-validated .form-control:invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .form-select.is-invalid, .was-validated .form-select:invalid { border-color: var(--bs-form-invalid-border-color); } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-select.is-invalid:focus, .was-validated .form-select:invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .form-control-color.is-invalid, .was-validated .form-control-color:invalid { width: calc(3rem + 1.5em + 0.75rem); } .form-check-input.is-invalid, .was-validated .form-check-input:invalid { border-color: var(--bs-form-invalid-border-color); } .form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked { background-color: var(--bs-form-invalid-color); } .form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid { z-index: 4; } .btn { --bs-btn-padding-x:0.75rem; --bs-btn-padding-y:0.375rem; --bs-btn-font-family: ; --bs-btn-font-size:1rem; --bs-btn-font-weight:400; --bs-btn-line-height:1.5; --bs-btn-color:var(--bs-body-color); --bs-btn-bg:transparent; --bs-btn-border-width:var(--bs-border-width); --bs-btn-border-color:transparent; --bs-btn-border-radius:var(--bs-border-radius); --bs-btn-hover-border-color:transparent; --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity:0.65; --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow); } .btn.disabled, .btn:disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color:#fff; --bs-btn-bg:#0d6efd; --bs-btn-border-color:#0d6efd; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#0b5ed7; --bs-btn-hover-border-color:#0a58ca; --bs-btn-focus-shadow-rgb:49,132,253; --bs-btn-active-color:#fff; --bs-btn-active-bg:#0a58ca; --bs-btn-active-border-color:#0a53be; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#0d6efd; --bs-btn-disabled-border-color:#0d6efd; } .btn-secondary { --bs-btn-color:#fff; --bs-btn-bg:#6c757d; --bs-btn-border-color:#6c757d; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#5c636a; --bs-btn-hover-border-color:#565e64; --bs-btn-focus-shadow-rgb:130,138,145; --bs-btn-active-color:#fff; --bs-btn-active-bg:#565e64; --bs-btn-active-border-color:#51585e; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#6c757d; --bs-btn-disabled-border-color:#6c757d; } .btn-success { --bs-btn-color:#fff; --bs-btn-bg:#198754; --bs-btn-border-color:#198754; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#157347; --bs-btn-hover-border-color:#146c43; --bs-btn-focus-shadow-rgb:60,153,110; --bs-btn-active-color:#fff; --bs-btn-active-bg:#146c43; --bs-btn-active-border-color:#13653f; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#198754; --bs-btn-disabled-border-color:#198754; } .btn-info { --bs-btn-color:#000; --bs-btn-bg:#0dcaf0; --bs-btn-border-color:#0dcaf0; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#31d2f2; --bs-btn-hover-border-color:#25cff2; --bs-btn-focus-shadow-rgb:11,172,204; --bs-btn-active-color:#000; --bs-btn-active-bg:#3dd5f3; --bs-btn-active-border-color:#25cff2; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#000; --bs-btn-disabled-bg:#0dcaf0; --bs-btn-disabled-border-color:#0dcaf0; } .btn-warning { --bs-btn-color:#000; --bs-btn-bg:#ffc107; --bs-btn-border-color:#ffc107; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#ffca2c; --bs-btn-hover-border-color:#ffc720; --bs-btn-focus-shadow-rgb:217,164,6; --bs-btn-active-color:#000; --bs-btn-active-bg:#ffcd39; --bs-btn-active-border-color:#ffc720; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#000; --bs-btn-disabled-bg:#ffc107; --bs-btn-disabled-border-color:#ffc107; } .btn-danger { --bs-btn-color:#fff; --bs-btn-bg:#dc3545; --bs-btn-border-color:#dc3545; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#bb2d3b; --bs-btn-hover-border-color:#b02a37; --bs-btn-focus-shadow-rgb:225,83,97; --bs-btn-active-color:#fff; --bs-btn-active-bg:#b02a37; --bs-btn-active-border-color:#a52834; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#dc3545; --bs-btn-disabled-border-color:#dc3545; } .btn-light { --bs-btn-color:#000; --bs-btn-bg:#f8f9fa; --bs-btn-border-color:#f8f9fa; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#d3d4d5; --bs-btn-hover-border-color:#c6c7c8; --bs-btn-focus-shadow-rgb:211,212,213; --bs-btn-active-color:#000; --bs-btn-active-bg:#c6c7c8; --bs-btn-active-border-color:#babbbc; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#000; --bs-btn-disabled-bg:#f8f9fa; --bs-btn-disabled-border-color:#f8f9fa; } .btn-dark { --bs-btn-color:#fff; --bs-btn-bg:#212529; --bs-btn-border-color:#212529; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#424649; --bs-btn-hover-border-color:#373b3e; --bs-btn-focus-shadow-rgb:66,70,73; --bs-btn-active-color:#fff; --bs-btn-active-bg:#4d5154; --bs-btn-active-border-color:#373b3e; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#fff; --bs-btn-disabled-bg:#212529; --bs-btn-disabled-border-color:#212529; } .btn-outline-primary { --bs-btn-color:#0d6efd; --bs-btn-border-color:#0d6efd; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#0d6efd; --bs-btn-hover-border-color:#0d6efd; --bs-btn-focus-shadow-rgb:13,110,253; --bs-btn-active-color:#fff; --bs-btn-active-bg:#0d6efd; --bs-btn-active-border-color:#0d6efd; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#0d6efd; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#0d6efd; --bs-gradient:none; } .btn-outline-secondary { --bs-btn-color:#6c757d; --bs-btn-border-color:#6c757d; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#6c757d; --bs-btn-hover-border-color:#6c757d; --bs-btn-focus-shadow-rgb:108,117,125; --bs-btn-active-color:#fff; --bs-btn-active-bg:#6c757d; --bs-btn-active-border-color:#6c757d; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#6c757d; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#6c757d; --bs-gradient:none; } .btn-outline-success { --bs-btn-color:#198754; --bs-btn-border-color:#198754; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#198754; --bs-btn-hover-border-color:#198754; --bs-btn-focus-shadow-rgb:25,135,84; --bs-btn-active-color:#fff; --bs-btn-active-bg:#198754; --bs-btn-active-border-color:#198754; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#198754; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#198754; --bs-gradient:none; } .btn-outline-info { --bs-btn-color:#0dcaf0; --bs-btn-border-color:#0dcaf0; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#0dcaf0; --bs-btn-hover-border-color:#0dcaf0; --bs-btn-focus-shadow-rgb:13,202,240; --bs-btn-active-color:#000; --bs-btn-active-bg:#0dcaf0; --bs-btn-active-border-color:#0dcaf0; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#0dcaf0; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#0dcaf0; --bs-gradient:none; } .btn-outline-warning { --bs-btn-color:#ffc107; --bs-btn-border-color:#ffc107; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#ffc107; --bs-btn-hover-border-color:#ffc107; --bs-btn-focus-shadow-rgb:255,193,7; --bs-btn-active-color:#000; --bs-btn-active-bg:#ffc107; --bs-btn-active-border-color:#ffc107; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#ffc107; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#ffc107; --bs-gradient:none; } .btn-outline-danger { --bs-btn-color:#dc3545; --bs-btn-border-color:#dc3545; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#dc3545; --bs-btn-hover-border-color:#dc3545; --bs-btn-focus-shadow-rgb:220,53,69; --bs-btn-active-color:#fff; --bs-btn-active-bg:#dc3545; --bs-btn-active-border-color:#dc3545; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#dc3545; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#dc3545; --bs-gradient:none; } .btn-outline-light { --bs-btn-color:#f8f9fa; --bs-btn-border-color:#f8f9fa; --bs-btn-hover-color:#000; --bs-btn-hover-bg:#f8f9fa; --bs-btn-hover-border-color:#f8f9fa; --bs-btn-focus-shadow-rgb:248,249,250; --bs-btn-active-color:#000; --bs-btn-active-bg:#f8f9fa; --bs-btn-active-border-color:#f8f9fa; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#f8f9fa; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#f8f9fa; --bs-gradient:none; } .btn-outline-dark { --bs-btn-color:#212529; --bs-btn-border-color:#212529; --bs-btn-hover-color:#fff; --bs-btn-hover-bg:#212529; --bs-btn-hover-border-color:#212529; --bs-btn-focus-shadow-rgb:33,37,41; --bs-btn-active-color:#fff; --bs-btn-active-bg:#212529; --bs-btn-active-border-color:#212529; --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color:#212529; --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:#212529; --bs-gradient:none; } .btn-link { --bs-btn-font-weight:400; --bs-btn-color:var(--bs-link-color); --bs-btn-bg:transparent; --bs-btn-border-color:transparent; --bs-btn-hover-color:var(--bs-link-hover-color); --bs-btn-hover-border-color:transparent; --bs-btn-active-color:var(--bs-link-hover-color); --bs-btn-active-border-color:transparent; --bs-btn-disabled-color:#6c757d; --bs-btn-disabled-border-color:transparent; --bs-btn-box-shadow:0 0 0 #000; --bs-btn-focus-shadow-rgb:49,132,253; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-group-lg > .btn, .btn-lg { --bs-btn-padding-y:0.5rem; --bs-btn-padding-x:1rem; --bs-btn-font-size:1.25rem; --bs-btn-border-radius:var(--bs-border-radius-lg); } .btn-group-sm > .btn, .btn-sm { --bs-btn-padding-y:0.25rem; --bs-btn-padding-x:0.5rem; --bs-btn-font-size:0.875rem; --bs-btn-border-radius:var(--bs-border-radius-sm); } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex:1000; --bs-dropdown-min-width:10rem; --bs-dropdown-padding-x:0; --bs-dropdown-padding-y:0.5rem; --bs-dropdown-spacer:0.125rem; --bs-dropdown-font-size:1rem; --bs-dropdown-color:var(--bs-body-color); --bs-dropdown-bg:var(--bs-body-bg); --bs-dropdown-border-color:var(--bs-border-color-translucent); --bs-dropdown-border-radius:var(--bs-border-radius); --bs-dropdown-border-width:var(--bs-border-width); --bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg:var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y:0.5rem; --bs-dropdown-box-shadow:var(--bs-box-shadow); --bs-dropdown-link-color:var(--bs-body-color); --bs-dropdown-link-hover-color:var(--bs-body-color); --bs-dropdown-link-hover-bg:var(--bs-tertiary-bg); --bs-dropdown-link-active-color:#fff; --bs-dropdown-link-active-bg:#0d6efd; --bs-dropdown-link-disabled-color:var(--bs-tertiary-color); --bs-dropdown-item-padding-x:1rem; --bs-dropdown-item-padding-y:0.25rem; --bs-dropdown-header-color:#6c757d; --bs-dropdown-header-padding-x:1rem; --bs-dropdown-header-padding-y:0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position:start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position:end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position:start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position:end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position:start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position:end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position:start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position:end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position:start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position:end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position:start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position:end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:focus, .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color:#dee2e6; --bs-dropdown-bg:#343a40; --bs-dropdown-border-color:var(--bs-border-color-translucent); --bs-dropdown-box-shadow: ; --bs-dropdown-link-color:#dee2e6; --bs-dropdown-link-hover-color:#fff; --bs-dropdown-divider-bg:var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color:#fff; --bs-dropdown-link-active-bg:#0d6efd; --bs-dropdown-link-disabled-color:#adb5bd; --bs-dropdown-header-color:#adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group-vertical > .btn, .btn-group > .btn { position: relative; flex: 1 1 auto; } .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--bs-border-radius); } .btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn { margin-left: calc(var(--bs-border-width) * -1); } .btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1); } .btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --bs-nav-link-padding-x:1rem; --bs-nav-link-padding-y:0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color:var(--bs-link-color); --bs-nav-link-hover-color:var(--bs-link-hover-color); --bs-nav-link-disabled-color:var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: 0 0; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:focus, .nav-link:hover { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width:var(--bs-border-width); --bs-nav-tabs-border-color:var(--bs-border-color); --bs-nav-tabs-border-radius:var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color:var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg:var(--bs-body-bg); --bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius:var(--bs-border-radius); --bs-nav-pills-link-active-color:#fff; --bs-nav-pills-link-active-bg:#0d6efd; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap:1rem; --bs-nav-underline-border-width:0.125rem; --bs-nav-underline-link-active-color:var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:focus, .nav-underline .nav-link:hover { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill .nav-item, .nav-fill > .nav-link { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item, .nav-justified > .nav-link { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x:0; --bs-navbar-padding-y:0.5rem; --bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y:0.3125rem; --bs-navbar-brand-margin-end:1rem; --bs-navbar-brand-font-size:1.25rem; --bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x:0.5rem; --bs-navbar-toggler-padding-y:0.25rem; --bs-navbar-toggler-padding-x:0.75rem; --bs-navbar-toggler-font-size:1.25rem; --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius:var(--bs-border-radius); --bs-navbar-toggler-focus-width:0.25rem; --bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:focus, .navbar-brand:hover { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x:0; --bs-nav-link-padding-y:0.5rem; --bs-nav-link-font-weight: ; --bs-nav-link-color:var(--bs-navbar-color); --bs-nav-link-hover-color:var(--bs-navbar-hover-color); --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:focus, .navbar-text a:hover { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color:rgba(255, 255, 255, 0.55); --bs-navbar-hover-color:rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color:rgba(255, 255, 255, 0.25); --bs-navbar-active-color:#fff; --bs-navbar-brand-color:#fff; --bs-navbar-brand-hover-color:#fff; --bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y:1rem; --bs-card-spacer-x:1rem; --bs-card-title-spacer-y:0.5rem; --bs-card-title-color: ; --bs-card-subtitle-color: ; --bs-card-border-width:var(--bs-border-width); --bs-card-border-color:var(--bs-border-color-translucent); --bs-card-border-radius:var(--bs-border-radius); --bs-card-box-shadow: ; --bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y:0.5rem; --bs-card-cap-padding-x:1rem; --bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color: ; --bs-card-height: ; --bs-card-color: ; --bs-card-bg:var(--bs-body-bg); --bs-card-img-overlay-padding:1rem; --bs-card-group-margin:0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom, .card-img-top { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { border-bottom-left-radius: 0; } } .accordion { --bs-accordion-color:var(--bs-body-color); --bs-accordion-bg:var(--bs-body-bg); --bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease; --bs-accordion-border-color:var(--bs-border-color); --bs-accordion-border-width:var(--bs-border-width); --bs-accordion-border-radius:var(--bs-border-radius); --bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x:1.25rem; --bs-accordion-btn-padding-y:1rem; --bs-accordion-btn-color:var(--bs-body-color); --bs-accordion-btn-bg:var(--bs-accordion-bg); --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width:1.25rem; --bs-accordion-btn-icon-transform:rotate(-180deg); --bs-accordion-btn-icon-transition:transform 0.2s ease-in-out; --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x:1.25rem; --bs-accordion-body-padding-y:1rem; --bs-accordion-active-color:var(--bs-primary-text-emphasis); --bs-accordion-active-bg:var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-top: 0; } .accordion-flush > .accordion-item:last-child { border-bottom: 0; } .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } .accordion-flush > .accordion-item > .accordion-collapse { border-radius: 0; } [data-bs-theme=dark] .accordion-button::after { --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .breadcrumb { --bs-breadcrumb-padding-x:0; --bs-breadcrumb-padding-y:0; --bs-breadcrumb-margin-bottom:1rem; --bs-breadcrumb-bg: ; --bs-breadcrumb-border-radius: ; --bs-breadcrumb-divider-color:var(--bs-secondary-color); --bs-breadcrumb-item-padding-x:0.5rem; --bs-breadcrumb-item-active-color:var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/"); } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x:0.75rem; --bs-pagination-padding-y:0.375rem; --bs-pagination-font-size:1rem; --bs-pagination-color:var(--bs-link-color); --bs-pagination-bg:var(--bs-body-bg); --bs-pagination-border-width:var(--bs-border-width); --bs-pagination-border-color:var(--bs-border-color); --bs-pagination-border-radius:var(--bs-border-radius); --bs-pagination-hover-color:var(--bs-link-hover-color); --bs-pagination-hover-bg:var(--bs-tertiary-bg); --bs-pagination-hover-border-color:var(--bs-border-color); --bs-pagination-focus-color:var(--bs-link-hover-color); --bs-pagination-focus-bg:var(--bs-secondary-bg); --bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color:#fff; --bs-pagination-active-bg:#0d6efd; --bs-pagination-active-border-color:#0d6efd; --bs-pagination-disabled-color:var(--bs-secondary-color); --bs-pagination-disabled-bg:var(--bs-secondary-bg); --bs-pagination-disabled-border-color:var(--bs-border-color); display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } .active > .page-link, .page-link.active { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .disabled > .page-link, .page-link.disabled { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x:1.5rem; --bs-pagination-padding-y:0.75rem; --bs-pagination-font-size:1.25rem; --bs-pagination-border-radius:var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x:0.5rem; --bs-pagination-padding-y:0.25rem; --bs-pagination-font-size:0.875rem; --bs-pagination-border-radius:var(--bs-border-radius-sm); } .badge { --bs-badge-padding-x:0.65em; --bs-badge-padding-y:0.35em; --bs-badge-font-size:0.75em; --bs-badge-font-weight:700; --bs-badge-color:#fff; --bs-badge-border-radius:var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --bs-alert-bg:transparent; --bs-alert-padding-x:1rem; --bs-alert-padding-y:1rem; --bs-alert-margin-bottom:1rem; --bs-alert-color:inherit; --bs-alert-border-color:transparent; --bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius:var(--bs-border-radius); --bs-alert-link-color:inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color:var(--bs-primary-text-emphasis); --bs-alert-bg:var(--bs-primary-bg-subtle); --bs-alert-border-color:var(--bs-primary-border-subtle); --bs-alert-link-color:var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color:var(--bs-secondary-text-emphasis); --bs-alert-bg:var(--bs-secondary-bg-subtle); --bs-alert-border-color:var(--bs-secondary-border-subtle); --bs-alert-link-color:var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color:var(--bs-success-text-emphasis); --bs-alert-bg:var(--bs-success-bg-subtle); --bs-alert-border-color:var(--bs-success-border-subtle); --bs-alert-link-color:var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color:var(--bs-info-text-emphasis); --bs-alert-bg:var(--bs-info-bg-subtle); --bs-alert-border-color:var(--bs-info-border-subtle); --bs-alert-link-color:var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color:var(--bs-warning-text-emphasis); --bs-alert-bg:var(--bs-warning-bg-subtle); --bs-alert-border-color:var(--bs-warning-border-subtle); --bs-alert-link-color:var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color:var(--bs-danger-text-emphasis); --bs-alert-bg:var(--bs-danger-bg-subtle); --bs-alert-border-color:var(--bs-danger-border-subtle); --bs-alert-link-color:var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color:var(--bs-light-text-emphasis); --bs-alert-bg:var(--bs-light-bg-subtle); --bs-alert-border-color:var(--bs-light-border-subtle); --bs-alert-link-color:var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color:var(--bs-dark-text-emphasis); --bs-alert-bg:var(--bs-dark-bg-subtle); --bs-alert-border-color:var(--bs-dark-border-subtle); --bs-alert-link-color:var(--bs-dark-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress, .progress-stacked { --bs-progress-height:1rem; --bs-progress-font-size:0.75rem; --bs-progress-bg:var(--bs-secondary-bg); --bs-progress-border-radius:var(--bs-border-radius); --bs-progress-box-shadow:var(--bs-box-shadow-inset); --bs-progress-bar-color:#fff; --bs-progress-bar-bg:#0d6efd; --bs-progress-bar-transition:width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { --bs-list-group-color:var(--bs-body-color); --bs-list-group-bg:var(--bs-body-bg); --bs-list-group-border-color:var(--bs-border-color); --bs-list-group-border-width:var(--bs-border-width); --bs-list-group-border-radius:var(--bs-border-radius); --bs-list-group-item-padding-x:1rem; --bs-list-group-item-padding-y:0.5rem; --bs-list-group-action-color:var(--bs-secondary-color); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-tertiary-bg); --bs-list-group-action-active-color:var(--bs-body-color); --bs-list-group-action-active-bg:var(--bs-secondary-bg); --bs-list-group-disabled-color:var(--bs-secondary-color); --bs-list-group-disabled-bg:var(--bs-body-bg); --bs-list-group-active-color:#fff; --bs-list-group-active-bg:#0d6efd; --bs-list-group-active-border-color:#0d6efd; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:focus, .list-group-item-action:hover { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { --bs-list-group-color:var(--bs-primary-text-emphasis); --bs-list-group-bg:var(--bs-primary-bg-subtle); --bs-list-group-border-color:var(--bs-primary-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-primary-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-primary-border-subtle); --bs-list-group-active-color:var(--bs-primary-bg-subtle); --bs-list-group-active-bg:var(--bs-primary-text-emphasis); --bs-list-group-active-border-color:var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color:var(--bs-secondary-text-emphasis); --bs-list-group-bg:var(--bs-secondary-bg-subtle); --bs-list-group-border-color:var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-secondary-border-subtle); --bs-list-group-active-color:var(--bs-secondary-bg-subtle); --bs-list-group-active-bg:var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color:var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color:var(--bs-success-text-emphasis); --bs-list-group-bg:var(--bs-success-bg-subtle); --bs-list-group-border-color:var(--bs-success-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-success-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-success-border-subtle); --bs-list-group-active-color:var(--bs-success-bg-subtle); --bs-list-group-active-bg:var(--bs-success-text-emphasis); --bs-list-group-active-border-color:var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color:var(--bs-info-text-emphasis); --bs-list-group-bg:var(--bs-info-bg-subtle); --bs-list-group-border-color:var(--bs-info-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-info-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-info-border-subtle); --bs-list-group-active-color:var(--bs-info-bg-subtle); --bs-list-group-active-bg:var(--bs-info-text-emphasis); --bs-list-group-active-border-color:var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color:var(--bs-warning-text-emphasis); --bs-list-group-bg:var(--bs-warning-bg-subtle); --bs-list-group-border-color:var(--bs-warning-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-warning-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-warning-border-subtle); --bs-list-group-active-color:var(--bs-warning-bg-subtle); --bs-list-group-active-bg:var(--bs-warning-text-emphasis); --bs-list-group-active-border-color:var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color:var(--bs-danger-text-emphasis); --bs-list-group-bg:var(--bs-danger-bg-subtle); --bs-list-group-border-color:var(--bs-danger-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-danger-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-danger-border-subtle); --bs-list-group-active-color:var(--bs-danger-bg-subtle); --bs-list-group-active-bg:var(--bs-danger-text-emphasis); --bs-list-group-active-border-color:var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color:var(--bs-light-text-emphasis); --bs-list-group-bg:var(--bs-light-bg-subtle); --bs-list-group-border-color:var(--bs-light-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-light-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-light-border-subtle); --bs-list-group-active-color:var(--bs-light-bg-subtle); --bs-list-group-active-bg:var(--bs-light-text-emphasis); --bs-list-group-active-border-color:var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color:var(--bs-dark-text-emphasis); --bs-list-group-bg:var(--bs-dark-bg-subtle); --bs-list-group-border-color:var(--bs-dark-border-subtle); --bs-list-group-action-hover-color:var(--bs-emphasis-color); --bs-list-group-action-hover-bg:var(--bs-dark-border-subtle); --bs-list-group-action-active-color:var(--bs-emphasis-color); --bs-list-group-action-active-bg:var(--bs-dark-border-subtle); --bs-list-group-active-color:var(--bs-dark-bg-subtle); --bs-list-group-active-bg:var(--bs-dark-text-emphasis); --bs-list-group-active-border-color:var(--bs-dark-text-emphasis); } .btn-close { --bs-btn-close-color:#000; --bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity:0.5; --bs-btn-close-hover-opacity:0.75; --bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity:1; --bs-btn-close-disabled-opacity:0.25; --bs-btn-close-white-filter:invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close.disabled, .btn-close:disabled { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { filter: var(--bs-btn-close-white-filter); } [data-bs-theme=dark] .btn-close { filter: var(--bs-btn-close-white-filter); } .toast { --bs-toast-zindex:1090; --bs-toast-padding-x:0.75rem; --bs-toast-padding-y:0.5rem; --bs-toast-spacing:1.5rem; --bs-toast-max-width:350px; --bs-toast-font-size:0.875rem; --bs-toast-color: ; --bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width:var(--bs-border-width); --bs-toast-border-color:var(--bs-border-color-translucent); --bs-toast-border-radius:var(--bs-border-radius); --bs-toast-box-shadow:var(--bs-box-shadow); --bs-toast-header-color:var(--bs-secondary-color); --bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color:var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex:1090; position: absolute; z-index: var(--bs-toast-zindex); width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .modal { --bs-modal-zindex:1055; --bs-modal-width:500px; --bs-modal-padding:1rem; --bs-modal-margin:0.5rem; --bs-modal-color: ; --bs-modal-bg:var(--bs-body-bg); --bs-modal-border-color:var(--bs-border-color-translucent); --bs-modal-border-width:var(--bs-border-width); --bs-modal-border-radius:var(--bs-border-radius-lg); --bs-modal-box-shadow:var(--bs-box-shadow-sm); --bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x:1rem; --bs-modal-header-padding-y:1rem; --bs-modal-header-padding:1rem 1rem; --bs-modal-header-border-color:var(--bs-border-color); --bs-modal-header-border-width:var(--bs-border-width); --bs-modal-title-line-height:1.5; --bs-modal-footer-gap:0.5rem; --bs-modal-footer-bg: ; --bs-modal-footer-border-color:var(--bs-border-color); --bs-modal-footer-border-width:var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex:1050; --bs-backdrop-bg:#000; --bs-backdrop-opacity:0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin:1.75rem; --bs-modal-box-shadow:var(--bs-box-shadow); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width:300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width:800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width:1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-footer, .modal-fullscreen .modal-header { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex:1080; --bs-tooltip-max-width:200px; --bs-tooltip-padding-x:0.5rem; --bs-tooltip-padding-y:0.25rem; --bs-tooltip-margin: ; --bs-tooltip-font-size:0.875rem; --bs-tooltip-color:var(--bs-body-bg); --bs-tooltip-bg:var(--bs-emphasis-color); --bs-tooltip-border-radius:var(--bs-border-radius); --bs-tooltip-opacity:0.9; --bs-tooltip-arrow-width:0.8rem; --bs-tooltip-arrow-height:0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex:1070; --bs-popover-max-width:276px; --bs-popover-font-size:0.875rem; --bs-popover-bg:var(--bs-body-bg); --bs-popover-border-width:var(--bs-border-width); --bs-popover-border-color:var(--bs-border-color-translucent); --bs-popover-border-radius:var(--bs-border-radius-lg); --bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow:var(--bs-box-shadow); --bs-popover-header-padding-x:1rem; --bs-popover-header-padding-y:0.5rem; --bs-popover-header-font-size:1rem; --bs-popover-header-color:inherit; --bs-popover-header-bg:var(--bs-secondary-bg); --bs-popover-body-padding-x:1rem; --bs-popover-body-padding-y:1rem; --bs-popover-body-color:var(--bs-body-color); --bs-popover-arrow-width:1rem; --bs-popover-arrow-height:0.5rem; --bs-popover-arrow-border:var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item-next, .carousel-item-prev, .carousel-item.active { display: block; } .active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) { transform: translateX(100%); } .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start { transition: none; } } .carousel-control-next, .carousel-control-prev { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: 0 0; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-next, .carousel-control-prev { transition: none; } } .carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon { filter: invert(1) grayscale(100); } [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { background-color: #000; } [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { color: #000; } .spinner-border, .spinner-grow { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { --bs-spinner-width:2rem; --bs-spinner-height:2rem; --bs-spinner-vertical-align:-0.125em; --bs-spinner-border-width:0.25em; --bs-spinner-animation-speed:0.75s; --bs-spinner-animation-name:spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width:1rem; --bs-spinner-height:1rem; --bs-spinner-border-width:0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width:2rem; --bs-spinner-height:2rem; --bs-spinner-vertical-align:-0.125em; --bs-spinner-animation-speed:0.75s; --bs-spinner-animation-name:spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width:1rem; --bs-spinner-height:1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed:1.5s; } } .offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl { --bs-offcanvas-zindex:1045; --bs-offcanvas-width:400px; --bs-offcanvas-height:30vh; --bs-offcanvas-padding-x:1rem; --bs-offcanvas-padding-y:1rem; --bs-offcanvas-color:var(--bs-body-color); --bs-offcanvas-bg:var(--bs-body-bg); --bs-offcanvas-border-width:var(--bs-border-width); --bs-offcanvas-border-color:var(--bs-border-color-translucent); --bs-offcanvas-box-shadow:var(--bs-box-shadow-sm); --bs-offcanvas-transition:transform 0.3s ease-in-out; --bs-offcanvas-title-line-height:1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing { transform: none; } .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.show:not(.hiding), .offcanvas-md.showing { transform: none; } .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing { transform: none; } .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing { transform: none; } .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing { transform: none; } .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height:auto; --bs-offcanvas-border-width:0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.show:not(.hiding), .offcanvas.showing { transform: none; } .offcanvas.hiding, .offcanvas.show, .offcanvas.showing { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto; } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); -webkit-mask-size: 200% 100%; mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { -webkit-mask-position: -200% 0%; mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:focus, .link-primary:hover { color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:focus, .link-secondary:hover { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:focus, .link-success:hover { color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:focus, .link-info:hover { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:focus, .link-warning:hover { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:focus, .link-danger:hover { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:focus, .link-light:hover { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:focus, .link-dark:hover { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:focus, .link-body-emphasis:hover { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:focus-visible > .bi, .icon-link-hover:hover > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio:100%; } .ratio-4x3 { --bs-aspect-ratio:75%; } .ratio-16x9 { --bs-aspect-ratio:56.25%; } .ratio-21x9 { --bs-aspect-ratio:42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--bs-border-width); min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-none { -o-object-fit: none !important; object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--bs-box-shadow) !important; } .shadow-sm { box-shadow: var(--bs-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--bs-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-secondary { --bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-success { --bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-info { --bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-warning { --bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-danger { --bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-light { --bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); } .focus-ring-dark { --bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: -webkit-sticky !important; position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity:1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity:1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity:1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity:1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity:1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity:1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity:1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity:1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity:1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity:1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity:0.1; } .border-opacity-25 { --bs-border-opacity:0.25; } .border-opacity-50 { --bs-border-opacity:0.5; } .border-opacity-75 { --bs-border-opacity:0.75; } .border-opacity-100 { --bs-border-opacity:1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-break { word-wrap: break-word !important; word-break: break-word !important; } .text-primary { --bs-text-opacity:1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity:1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity:1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity:1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity:1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity:1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity:1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity:1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity:1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity:1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity:1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity:1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity:1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity:1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity:1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity:1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity:1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity:1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity:0.25; } .text-opacity-50 { --bs-text-opacity:0.5; } .text-opacity-75 { --bs-text-opacity:0.75; } .text-opacity-100 { --bs-text-opacity:1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity:0.1; } .link-opacity-10-hover:hover { --bs-link-opacity:0.1; } .link-opacity-25 { --bs-link-opacity:0.25; } .link-opacity-25-hover:hover { --bs-link-opacity:0.25; } .link-opacity-50 { --bs-link-opacity:0.5; } .link-opacity-50-hover:hover { --bs-link-opacity:0.5; } .link-opacity-75 { --bs-link-opacity:0.75; } .link-opacity-75-hover:hover { --bs-link-opacity:0.75; } .link-opacity-100 { --bs-link-opacity:1; } .link-opacity-100-hover:hover { --bs-link-opacity:1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity:1; -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity:0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity:0; } .link-underline-opacity-10 { --bs-link-underline-opacity:0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity:0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity:0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity:0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity:0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity:0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity:0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity:0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity:1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity:1; } .bg-primary { --bs-bg-opacity:1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity:1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity:1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity:1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity:1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity:1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity:1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity:1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity:1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity:1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity:1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity:1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity:1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity:1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity:0.1; } .bg-opacity-25 { --bs-bg-opacity:0.25; } .bg-opacity-50 { --bs-bg-opacity:0.5; } .bg-opacity-75 { --bs-bg-opacity:0.75; } .bg-opacity-100 { --bs-bg-opacity:1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { -webkit-user-select: all !important; -moz-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; -moz-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; -moz-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-sm-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-sm-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-sm-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-sm-none { -o-object-fit: none !important; object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-sm-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-sm-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-sm-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-sm-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-sm-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-md-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-md-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-md-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-md-none { -o-object-fit: none !important; object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-md-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-md-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-md-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-md-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-md-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-lg-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-lg-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-lg-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-lg-none { -o-object-fit: none !important; object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-lg-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-lg-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-lg-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-lg-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-lg-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { -o-object-fit: contain !important; object-fit: contain !important; } .object-fit-xxl-cover { -o-object-fit: cover !important; object-fit: cover !important; } .object-fit-xxl-fill { -o-object-fit: fill !important; object-fit: fill !important; } .object-fit-xxl-scale { -o-object-fit: scale-down !important; object-fit: scale-down !important; } .object-fit-xxl-none { -o-object-fit: none !important; object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { -moz-column-gap: 0 !important; column-gap: 0 !important; } .column-gap-xxl-1 { -moz-column-gap: 0.25rem !important; column-gap: 0.25rem !important; } .column-gap-xxl-2 { -moz-column-gap: 0.5rem !important; column-gap: 0.5rem !important; } .column-gap-xxl-3 { -moz-column-gap: 1rem !important; column-gap: 1rem !important; } .column-gap-xxl-4 { -moz-column-gap: 1.5rem !important; column-gap: 1.5rem !important; } .column-gap-xxl-5 { -moz-column-gap: 3rem !important; column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } .highlight table td { padding: 5px; } .highlight table pre { margin: 0; } .highlight, .highlight .w { color: #24292f; background-color: #f6f8fa; } .highlight .k, .highlight .kd, .highlight .kn, .highlight .kp, .highlight .kr, .highlight .kt, .highlight .kv { color: #cf222e; } .highlight .gr { color: #f6f8fa; } .highlight .gd { color: #82071e; background-color: #ffebe9; } .highlight .nb { color: #953800; } .highlight .nc { color: #953800; } .highlight .no { color: #953800; } .highlight .nn { color: #953800; } .highlight .sr { color: #116329; } .highlight .na { color: #116329; } .highlight .nt { color: #116329; } .highlight .gi { color: #116329; background-color: #dafbe1; } .highlight .ges { font-weight: bold; font-style: italic; } .highlight .kc { color: #0550ae; } .highlight .l, .highlight .ld, .highlight .m, .highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .il, .highlight .mo, .highlight .mx { color: #0550ae; } .highlight .sb { color: #0550ae; } .highlight .bp { color: #0550ae; } .highlight .ne { color: #0550ae; } .highlight .nl { color: #0550ae; } .highlight .py { color: #0550ae; } .highlight .nv, .highlight .vc, .highlight .vg, .highlight .vi, .highlight .vm { color: #0550ae; } .highlight .o, .highlight .ow { color: #0550ae; } .highlight .gh { color: #0550ae; font-weight: bold; } .highlight .gu { color: #0550ae; font-weight: bold; } .highlight .s, .highlight .sa, .highlight .sc, .highlight .dl, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .sx, .highlight .s1, .highlight .ss { color: #0a3069; } .highlight .nd { color: #8250df; } .highlight .nf, .highlight .fm { color: #8250df; } .highlight .err { color: #f6f8fa; background-color: #82071e; } .highlight .c, .highlight .ch, .highlight .cd, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1, .highlight .cs { color: #6e7781; } .highlight .gl { color: #6e7781; } .highlight .gt { color: #6e7781; } .highlight .ni { color: #24292f; } .highlight .si { color: #24292f; } .highlight .ge { color: #24292f; font-style: italic; } .highlight .gs { color: #24292f; font-weight: bold; } /*# sourceMappingURL=/assets/application-d2a98f8e.css.map */