@charset "UTF-8";
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
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
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
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
----------------------------------------
*/
/*
----------------------------------------
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
decalarations 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
  .ttf, .woff, and .woff2
  ExampleSerif-Normal.ttf
  ExampleSerif-Normal.woff
  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
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
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
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
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
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
UTILITIES SETTINGS
----------------------------------------
Read more about settings and
USWDS utilities in the documentation:
https://designsystem.digital.gov/utilities
----------------------------------------
*/
/*
----------------------------------------
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
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.12.1
----------------------------------------
COMPONENT SETTINGS
----------------------------------------
Read more about settings and
USWDS style tokens in the documentation:
https://designsystem.digital.gov/design-tokens
----------------------------------------
*/
/*
========================================
Functions
----------------------------------------
*/
/*
========================================
General-purpose functions
----------------------------------------
*/
/*
----------------------------------------
uswds-error()
----------------------------------------
Allow the system to pass an error as text
to test error states in unit testing
----------------------------------------
*/
/*
----------------------------------------
error-not-token()
----------------------------------------
Returns a common not-a-token error.
----------------------------------------
*/
/*
----------------------------------------
map-deep-get()
----------------------------------------
@author Hugo Giraudel
@access public
@param {Map} $map - Map
@param {Arglist} $keys - Key chain
@return {*} - Desired value
----------------------------------------
*/
/*
----------------------------------------
strip-unit()
----------------------------------------
Remove the unit of a length
@author Hugo Giraudel
@param {Number} $number - Number to remove unit from
@return {Number} - Unitless number
----------------------------------------
*/
/*
----------------------------------------
multi-cat()
----------------------------------------
Concatenate two lists
----------------------------------------
*/
/*
----------------------------------------
map-collect()
----------------------------------------
Collect multiple maps into a single
large map
source: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe
----------------------------------------
*/
/*
----------------------------------------
smart-quote()
----------------------------------------
Quotes strings
Inspects `px`, `xs`, and `xl` numbers
Leaves bools as is
----------------------------------------
*/
/*
----------------------------------------
remove()
----------------------------------------
Remove a value from a list
----------------------------------------
*/
/*
----------------------------------------
strunquote()
----------------------------------------
Unquote a string
----------------------------------------
*/
/*
----------------------------------------
to-map()
----------------------------------------
Convert a single value to a USWDS
value map.

Candidate for deprecation if we remove
isReadable
----------------------------------------
*/
/*
----------------------------------------
base-to-map()
----------------------------------------
Convert a single base to a USWDS
value map.

Candidate for deprecation if we remove
isReadable
----------------------------------------
*/
/*
----------------------------------------
ns()
----------------------------------------
Add a namesspace of $type if that
namespace is set to output
----------------------------------------
*/
/*
----------------------------------------
de-list()
----------------------------------------
Transform a one-element list or arglist
into that single element.
----------------------------------------
(1) => 1
((1)) => (1)
----------------------------------------
*/
/*
----------------------------------------
unpack()
----------------------------------------
Create lists of single items from lists
of lists.
----------------------------------------
(1, (2.1, 2.2), 3) -->
(1, 2.1, 2.2, 3)
----------------------------------------
*/
/*
----------------------------------------
get-last()
----------------------------------------
Return the last item of a list,
Return null if the value is null
----------------------------------------
*/
/*
----------------------------------------
has-important()
----------------------------------------
Check to see if `!important` is
being passed in a mixin's props
----------------------------------------
*/
/*
----------------------------------------
append-important()
----------------------------------------
Append `!important` to a list
----------------------------------------
*/
/*
----------------------------------------
spacing-multiple()
----------------------------------------
Converts a spacing unit multiple into
the desired final units (currently rem)
----------------------------------------
*/
/*
----------------------------------------
rem-to-px()
----------------------------------------
Converts a value in rem to a value in px
----------------------------------------
*/
/*
----------------------------------------
rem-to-user-em()
----------------------------------------
Converts a value in rem to a value in
[user-settings] em for use in media
queries
----------------------------------------
*/
/*
----------------------------------------
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.
----------------------------------------
*/
/*
----------------------------------------
cap-height()
----------------------------------------
Get the cap height of a valid typeface
----------------------------------------
*/
/*
----------------------------------------
px-to-rem()
----------------------------------------
Converts a value in px to a value in rem
----------------------------------------
*/
/*
----------------------------------------
normalize-type-scale()
----------------------------------------
Normalizes a specific face's optical size
to a set target
----------------------------------------
*/
/*
----------------------------------------
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.
----------------------------------------
*/
/*
----------------------------------------
line-height()
lh()
----------------------------------------
Get a normalized line-height from
a family and a line-height scale unit
----------------------------------------
*/
/*
----------------------------------------
convert-to-font-type()
----------------------------------------
Converts a font-role token into a
font-type token. Leaves font-type tokens
unchanged.
----------------------------------------
*/
/*
----------------------------------------
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.
----------------------------------------
*/
/*
----------------------------------------
get-system-color()
----------------------------------------
Derive a system color from its
family, value, and vivid or a passed
variable that is, itself, a list
----------------------------------------
*/
/*
----------------------------------------
system-type-scale()
----------------------------------------
Get a value from the system type scale
----------------------------------------
*/
/*
----------------------------------------
calc-gap-offset()
----------------------------------------
Calculate a valid uswds unit that is
half the width of a given unit, for
calculating gap offset in the layout
grid.
----------------------------------------
*/
/*
----------------------------------------
get-standard-values()
----------------------------------------
Gets a map of USWDS standard values
for a property
----------------------------------------
*/
/*
----------------------------------------
number-to-token()
----------------------------------------
Converts an integer or numeric value
into a system value

Ex: 0.5   --> '05'
    -1px  --> 'neg-1px'
----------------------------------------
*/
/*
----------------------------------------
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))
----------------------------------------
*/
/*
----------------------------------------
get-uswds-value()
----------------------------------------
Finds and outputs a value from the
USWDS standard values.

Used to build other standard utility
functions and mixins.
----------------------------------------
*/
/*
----------------------------------------
pow()
----------------------------------------
Raises a unitless number to the power
of another unitless number

Includes helper functions
----------------------------------------
*/
/*
----------------------------------------
decompose-color-token()
----------------------------------------
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 'false'
----------------------------------------
*/
/*
----------------------------------------
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.
----------------------------------------
*/
/*
----------------------------------------
str-split()
----------------------------------------
Split a string at a given separator
and convert into a lisrt of substrings
----------------------------------------
*/
/*
----------------------------------------
str-replace()
----------------------------------------
Replace any substring with another
string
----------------------------------------
*/
/*
----------------------------------------
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-assignment()
----------------------------------------
Get the system token equivalent of any
theme color token
----------------------------------------
*/
/*
----------------------------------------
is-color-token()
----------------------------------------
Returns whether a given string is a
USWDS color token.
----------------------------------------
*/
/*
----------------------------------------
calculate-grade()
----------------------------------------
Derive the grade equivalent any color,
even non-token colors
----------------------------------------
*/
/*
----------------------------------------
color()
----------------------------------------
Derive a color from a color shortcode
----------------------------------------
*/
/*
----------------------------------------
advanced-color()
----------------------------------------
Derive a color from a color triplet:
[family], [grade], [variant]
----------------------------------------
*/
/*
----------------------------------------
units()
----------------------------------------
Converts a spacing unit into
the desired final units (currently rem)
----------------------------------------
*/
/*
----------------------------------------
get-palettes()
----------------------------------------
Build a single map of plugin values
from a list of plugin keys.
----------------------------------------
*/
/*
----------------------------------------
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
----------------------------------------
*/
/*
----------------------------------------
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
----------------------------------------
*/
/*
----------------------------------------
get-default()
----------------------------------------
Returns the default value from a map
of project defaults

get-default("bg-color")
> $theme-body-background-color
----------------------------------------
*/
/*
----------------------------------------
get-color-token-from-bg()
----------------------------------------
Returns an accessible foreground color
token, given a background, preferred
color, fallback color, and WCAG target

returns: color-token

get-color-token-from-bg(
  "black",
  "red-60",
  "red-10",
  "AA")
> "red-10"
----------------------------------------
*/
/*
----------------------------------------
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"
----------------------------------------
*/
/*
----------------------------------------
color-token-type()
----------------------------------------
Returns the type of a color token.

Returns: "system" | "theme"
----------------------------------------
*/
/*
----------------------------------------
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-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"
----------------------------------------
*/
/*
----------------------------------------
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"
----------------------------------------
*/
/*
----------------------------------------
wcag-magic-number()
----------------------------------------
Returns the magic number of a specific
wcag grade:

"AA"
"AA-Large"
"AAA"

wcag-magic-number("AA")
> 50
----------------------------------------
*/
/*
----------------------------------------
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
----------------------------------------
*/
/*
========================================
core/units
----------------------------------------
The master palettes of
- colors
- whitespace
- typescale
----------------------------------------
This file is not meant to be modified
by USWDS project teams. Change your
project values in
project/uswds-project-settings
----------------------------------------
*/
/*
----------------------------------------
Spacing grid multiplier
----------------------------------------
*/
/*
----------------------------------------
Spacing grid
----------------------------------------
*/
/*
----------------------------------------
Breakpoints
----------------------------------------
*/
/*
----------------------------------------
Units
----------------------------------------
*/
/*
----------------------------------------
Layout grid widths
----------------------------------------
*/
/*
----------------------------------------
Font stacks
----------------------------------------
*/
/*
----------------------------------------
Typeface
----------------------------------------
*/
/*
----------------------------------------
Typescale
----------------------------------------
*/
/*
----------------------------------------
Measure
----------------------------------------
*/
/*
----------------------------------------
Line height
----------------------------------------
*/
/*
----------------------------------------
Base cap height
----------------------------------------
500px 'N' height measured in Sketch.
Used for normalizing font sizes.
Current normalized to Apple system
fonts.
----------------------------------------
*/
/*
----------------------------------------
Luminance ranges
----------------------------------------
*/
/*
----------------------------------------
Colors
----------------------------------------
*/
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.0 Variables
Use for computed variables or any
not meant to be set by system users
directly.
----------------------------------------
*/
/*
----------------------------------------
Touch target size
----------------------------------------
*/
/*
----------------------------------------
Namespace
----------------------------------------
*/
/*
----------------------------------------
Separator
----------------------------------------
*/
/*
----------------------------------------
Spacing
----------------------------------------
All spacing values that can be called
by units()
----------------------------------------
*/
/*
----------------------------------------
Project fonts
----------------------------------------
Collects font settings in a map for
looping.
----------------------------------------
*/
/*
----------------------------------------
Font stack
----------------------------------------
Compute the project font stack based on
the project fonts and the font
definition values set in
core/_font-definitions
----------------------------------------
*/
/*
----------------------------------------
Cap heights
----------------------------------------
Collect project cap heights
----------------------------------------
*/
/*
----------------------------------------
Theme color families and grades
----------------------------------------
*/
/*
----------------------------------------
Theme color map
----------------------------------------
*/
/*
----------------------------------------
Theme color shortcodes
----------------------------------------
*/
/*
----------------------------------------
System magic numbers for color contrast
----------------------------------------
*/
/*
----------------------------------------
Build the project type scale map
----------------------------------------
*/
/*
----------------------------------------
Border-radius
----------------------------------------
*/
/*
----------------------------------------
Column gaps
----------------------------------------
*/
/*
----------------------------------------
Grid
----------------------------------------
*/
/*
----------------------------------------
Aspect Ratios
----------------------------------------
*/
/*
----------------------------------------
Easing
----------------------------------------
*/
/*
----------------------------------------
Project defaults
----------------------------------------
*/
/*
----------------------------------------
USWDS Properties
----------------------------------------
*/
/*
----------------------------------------
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 */
.usa-list {
  margin-bottom: 1em ;
  margin-top: 1em ;
  line-height: 1.5;
  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: 68ex; }
  .usa-list li:last-child {
    margin-bottom: 0; }

.usa-table {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.5 ;
  border-collapse: collapse;
  border-spacing: 0;
  color: #1b1b1b;
  margin: 1.25rem 0;
  text-align: left; }
  .usa-table thead th {
    background-clip: padding-box;
    color: #1b1b1b;
    font-weight: 700;
    line-height: 1.3; }
  .usa-table thead th,
  .usa-table thead td {
    background-color: #dfe1e2;
    color: #1b1b1b; }
  .usa-table tbody th {
    text-align: left; }
  .usa-table th,
  .usa-table td {
    background-color: white;
    border: 1px solid #1b1b1b;
    font-weight: normal;
    padding: 0.5rem 1rem; }
  .usa-table caption {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    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 {
      -moz-osx-font-smoothing: inherit;
      -webkit-font-smoothing: inherit;
      color: #005ea2;
      text-decoration: underline;
      background-color: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      font-weight: normal;
      margin: 0;
      padding: 0;
      text-align: left;
      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: #162e51; }
      .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: 0; }
      .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:disabled.usa-button--hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled:hover, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled.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:disabled.usa-button--active, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled:active, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled.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:disabled.usa-focus, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled:focus, .usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled.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.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:disabled.usa-button--hover, .usa-table th[data-sortable][aria-sort="none"] .usa-table__header__button.usa-button--disabled:hover, .usa-table th[data-sortable][aria-sort="none"] .usa-table__header__button.usa-button--disabled.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:disabled.usa-button--active, .usa-table th[data-sortable][aria-sort="none"] .usa-table__header__button.usa-button--disabled:active, .usa-table th[data-sortable][aria-sort="none"] .usa-table__header__button.usa-button--disabled.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:disabled.usa-focus, .usa-table th[data-sortable][aria-sort="none"] .usa-table__header__button.usa-button--disabled:focus, .usa-table th[data-sortable][aria-sort="none"] .usa-table__header__button.usa-button--disabled.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.usa-button--disabled {
        -moz-osx-font-smoothing: inherit;
        -webkit-font-smoothing: inherit;
        background-color: transparent;
        box-shadow: none;
        text-decoration: underline; }
      .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.usa-button--disabled, .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.usa-button--disabled {
        color: #c9c9c9; }
      .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: #162e51; }
      .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: #71767a; }
      .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: #1b1b1b; }
    .usa-table th[data-sortable][aria-sort="descending"] {
      background-color: #97d4ea; }
      .usa-table th[data-sortable][aria-sort="descending"] .usa-table__header__button {
        -moz-osx-font-smoothing: inherit;
        -webkit-font-smoothing: inherit;
        color: #005ea2;
        text-decoration: underline;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        font-weight: normal;
        margin: 0;
        padding: 0;
        text-align: left;
        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: #162e51; }
        .usa-table th[data-sortable][aria-sort="descending"] .usa-table__header__button:focus {
          outline: 0.25rem solid #2491ff;
          outline-offset: 0; }
        .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:disabled.usa-button--hover, .usa-table th[data-sortable][aria-sort="descending"] .usa-table__header__button.usa-button--disabled:hover, .usa-table th[data-sortable][aria-sort="descending"] .usa-table__header__button.usa-button--disabled.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:disabled.usa-button--active, .usa-table th[data-sortable][aria-sort="descending"] .usa-table__header__button.usa-button--disabled:active, .usa-table th[data-sortable][aria-sort="descending"] .usa-table__header__button.usa-button--disabled.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:disabled.usa-focus, .usa-table th[data-sortable][aria-sort="descending"] .usa-table__header__button.usa-button--disabled:focus, .usa-table th[data-sortable][aria-sort="descending"] .usa-table__header__button.usa-button--disabled.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.usa-button--disabled {
          -moz-osx-font-smoothing: inherit;
          -webkit-font-smoothing: inherit;
          background-color: transparent;
          box-shadow: none;
          text-decoration: underline; }
        .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.usa-button--disabled {
          color: #c9c9c9; }
        .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: #162e51; }
        .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"] {
      background-color: #97d4ea; }
      .usa-table th[data-sortable][aria-sort="ascending"] .usa-table__header__button {
        -moz-osx-font-smoothing: inherit;
        -webkit-font-smoothing: inherit;
        color: #005ea2;
        text-decoration: underline;
        background-color: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        font-weight: normal;
        margin: 0;
        padding: 0;
        text-align: left;
        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: #162e51; }
        .usa-table th[data-sortable][aria-sort="ascending"] .usa-table__header__button:focus {
          outline: 0.25rem solid #2491ff;
          outline-offset: 0; }
        .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:disabled.usa-button--hover, .usa-table th[data-sortable][aria-sort="ascending"] .usa-table__header__button.usa-button--disabled:hover, .usa-table th[data-sortable][aria-sort="ascending"] .usa-table__header__button.usa-button--disabled.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:disabled.usa-button--active, .usa-table th[data-sortable][aria-sort="ascending"] .usa-table__header__button.usa-button--disabled:active, .usa-table th[data-sortable][aria-sort="ascending"] .usa-table__header__button.usa-button--disabled.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:disabled.usa-focus, .usa-table th[data-sortable][aria-sort="ascending"] .usa-table__header__button.usa-button--disabled:focus, .usa-table th[data-sortable][aria-sort="ascending"] .usa-table__header__button.usa-button--disabled.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.usa-button--disabled {
          -moz-osx-font-smoothing: inherit;
          -webkit-font-smoothing: inherit;
          background-color: transparent;
          box-shadow: none;
          text-decoration: underline; }
        .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.usa-button--disabled {
          color: #c9c9c9; }
        .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: #162e51; }
        .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 thead th {
  background-color: transparent;
  border-top: 0;
  color: #1b1b1b; }
  .usa-table--borderless thead th[aria-sort] {
    color: #1b1b1b; }

.usa-table--borderless thead th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon > g.unsorted {
  fill: #1b1b1b; }

.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,
.usa-table--striped tbody tr:nth-child(odd) th {
  background-color: #f0f0f0;
  color: #1b1b1b; }
  .usa-table--striped tbody tr:nth-child(odd) td[data-sort-active],
  .usa-table--striped tbody tr:nth-child(odd) th[data-sort-active] {
    background-color: #c3ebfa;
    color: #1b1b1b; }

.width-mobile .usa-table--stacked thead {
  display: none; }

.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;
  display: block;
  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 0;
    padding: 0.75rem 1rem 0.25rem; }

.width-mobile .usa-table--stacked-header thead {
  display: none; }

.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;
  display: block;
  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 0;
    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: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.1 ;
  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-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; }

/*  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.
*/
/*  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 */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* 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; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * 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. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 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
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * 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; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* 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 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  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.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-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.
 */
[type="search"]::-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 Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* stylelint-disable */
@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"), url(../fonts/roboto-mono/roboto-mono-v5-latin-300.woff) format("woff"), url(../fonts/roboto-mono/roboto-mono-v5-latin-300.ttf) format("truetype"); }

@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"), url(../fonts/roboto-mono/roboto-mono-v5-latin-regular.woff) format("woff"), url(../fonts/roboto-mono/roboto-mono-v5-latin-regular.ttf) format("truetype"); }

@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"), url(../fonts/roboto-mono/roboto-mono-v5-latin-700.woff) format("woff"), url(../fonts/roboto-mono/roboto-mono-v5-latin-700.ttf) format("truetype"); }

@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"), url(../fonts/roboto-mono/roboto-mono-v5-latin-300italic.woff) format("woff"), url(../fonts/roboto-mono/roboto-mono-v5-latin-300italic.ttf) format("truetype"); }

@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"), url(../fonts/roboto-mono/roboto-mono-v5-latin-italic.woff) format("woff"), url(../fonts/roboto-mono/roboto-mono-v5-latin-italic.ttf) format("truetype"); }

@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"), url(../fonts/roboto-mono/roboto-mono-v5-latin-700italic.woff) format("woff"), url(../fonts/roboto-mono/roboto-mono-v5-latin-700italic.ttf) format("truetype"); }

@font-face {
  font-family: Source Sans Pro Web;
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: url(../fonts/source-sans-pro/sourcesanspro-light-webfont.woff2) format("woff2"), url(../fonts/source-sans-pro/sourcesanspro-light-webfont.woff) format("woff"), url(../fonts/source-sans-pro/sourcesanspro-light-webfont.ttf) format("truetype"); }

@font-face {
  font-family: Source Sans Pro Web;
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url(../fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2) format("woff2"), url(../fonts/source-sans-pro/sourcesanspro-regular-webfont.woff) format("woff"), url(../fonts/source-sans-pro/sourcesanspro-regular-webfont.ttf) format("truetype"); }

@font-face {
  font-family: Source Sans Pro Web;
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url(../fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2) format("woff2"), url(../fonts/source-sans-pro/sourcesanspro-bold-webfont.woff) format("woff"), url(../fonts/source-sans-pro/sourcesanspro-bold-webfont.ttf) format("truetype"); }

@font-face {
  font-family: Source Sans Pro Web;
  font-style: italic;
  font-weight: 300;
  font-display: fallback;
  src: url(../fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff2) format("woff2"), url(../fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.woff) format("woff"), url(../fonts/source-sans-pro/sourcesanspro-lightitalic-webfont.ttf) format("truetype"); }

@font-face {
  font-family: Source Sans Pro Web;
  font-style: italic;
  font-weight: 400;
  font-display: fallback;
  src: url(../fonts/source-sans-pro/sourcesanspro-italic-webfont.woff2) format("woff2"), url(../fonts/source-sans-pro/sourcesanspro-italic-webfont.woff) format("woff"), url(../fonts/source-sans-pro/sourcesanspro-italic-webfont.ttf) format("truetype"); }

@font-face {
  font-family: Source Sans Pro Web;
  font-style: italic;
  font-weight: 700;
  font-display: fallback;
  src: url(../fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff2) format("woff2"), url(../fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.woff) format("woff"), url(../fonts/source-sans-pro/sourcesanspro-bolditalic-webfont.ttf) format("truetype"); }

@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"), url(../fonts/merriweather/Latin-Merriweather-Light.woff) format("woff"), url(../fonts/merriweather/Latin-Merriweather-Light.ttf) format("truetype"); }

@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"), url(../fonts/merriweather/Latin-Merriweather-Regular.woff) format("woff"), url(../fonts/merriweather/Latin-Merriweather-Regular.ttf) format("truetype"); }

@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"), url(../fonts/merriweather/Latin-Merriweather-Bold.woff) format("woff"), url(../fonts/merriweather/Latin-Merriweather-Bold.ttf) format("truetype"); }

@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"), url(../fonts/merriweather/Latin-Merriweather-LightItalic.woff) format("woff"), url(../fonts/merriweather/Latin-Merriweather-LightItalic.ttf) format("truetype"); }

@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"), url(../fonts/merriweather/Latin-Merriweather-Italic.woff) format("woff"), url(../fonts/merriweather/Latin-Merriweather-Italic.ttf) format("truetype"); }

@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"), url(../fonts/merriweather/Latin-Merriweather-BoldItalic.woff) format("woff"), url(../fonts/merriweather/Latin-Merriweather-BoldItalic.ttf) format("truetype"); }

/* stylelint-enable */
input:not([disabled]):focus,
select:not([disabled]):focus,
textarea:not([disabled]):focus,
button:not([disabled]):focus {
  outline: 0.25rem solid #2491ff;
  outline-offset: 0; }

iframe:focus,
[href]:focus,
[tabindex]:focus,
[contentEditable="true"]:focus {
  outline: 0.25rem solid #2491ff;
  outline-offset: 0; }

.usa-focus {
  outline: 0.25rem solid #2491ff;
  outline-offset: 0; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  font-feature-settings: "kern" 1;
  font-kerning: normal;
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 100%; }

cite,
var,
address,
dfn {
  font-style: normal; }

/*
----------------------------------------
Set basic font rules for the font
utilities to reference.
----------------------------------------
*/
[class*="font-mono-"] {
  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace; }

[class*="font-sans-"] {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; }

[class*="font-serif-"] {
  font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; }

[class*="font-ui-"] {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; }

[class*="font-heading-"] {
  font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; }

[class*="font-body-"] {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; }

[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; }

/*
========================================
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
----------------------------------------
*/
/*
========================================
STANDARD PLUGINS
----------------------------------------
These plugins collect standard property
values as plugin
----------------------------------------
*/
/*
========================================
PALETTE REGISTRY
----------------------------------------
This map collects the
available utility palettes
----------------------------------------
*/
/*
========================================
ASPECT
----------------------------------------
usage:
  .aspect-[value]
----------------------------------------
output:
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 100%;
----------------------------------------
example:
  .aspect-16x9
----------------------------------------
*/
/*
========================================
LIST RESET
----------------------------------------
usage:
  .list-reset
----------------------------------------
output:
  list-style: none;
  padding-left: 0;
----------------------------------------
example:
  .list-reset {
    list-style: none;
    padding-left: 0; }
----------------------------------------
*/
/*
========================================
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; }
----------------------------------------
*/
/*
========================================
background-color
----------------------------------------
usage:
  .bg-[key]
----------------------------------------
output:
  background-color: [value];
----------------------------------------
example:
  .bg-red-50v {
    background-color: #be4900; }
----------------------------------------
*/
/*
========================================
border
----------------------------------------
Also applies `solid`
Needs to come before other border utils
----------------------------------------
usage:
  .border-[modifier]*-[key]
----------------------------------------
output:
  border-[modifier]: [value];
----------------------------------------
example:
  .border-t-1px {
    border-top: 1px solid; }

  .border-0 {
    border: none; }
----------------------------------------
*/
/*
========================================
background-color
----------------------------------------
usage:
  .border-[color]
----------------------------------------
output:
  border[-color]: [color];
----------------------------------------
example:
  .border-red {
    border-color: #be4900; }
----------------------------------------
*/
/*
========================================
border-radius
----------------------------------------
usage:
  .border-radius-[key]
----------------------------------------
output:
  border-radius: [value];
----------------------------------------
example:
  .border-radius-0 {
    border-radius: 0; }

  .border-radius-pill {
    border-radius: 10em; }
----------------------------------------
*/
/*
========================================
border-style
----------------------------------------
usage:
  .border[-modifier]*-[key]
----------------------------------------
output:
  border-style: [value];
----------------------------------------
example:
  .border-dotted {
    border-style: dotted; }
----------------------------------------
*/
/*
========================================
border-width
----------------------------------------
usage:
  .border-[modifier]*-width-[key]
----------------------------------------
output:
  border-[modifier]-width: [value];
----------------------------------------
example:
  .border-top-width-1px {
    border-top-width: 1px; }
----------------------------------------
*/
/*
========================================
.bottom
----------------------------------------
property: bottom
----------------------------------------
usage:
  .bottom-[key]
----------------------------------------
output:
  bottom: [value];
----------------------------------------
example:
  .bottom-n2px {
    bottom: -2px; }
----------------------------------------
*/
/*
========================================
box-shadow
----------------------------------------
usage:
  .box-shadow-[value]
----------------------------------------
output:
  box-shadow: [value];
----------------------------------------
example:
  .box-shadow-1 {
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.10); }
----------------------------------------
*/
/*
========================================
circle
----------------------------------------
usage:
  .circle-[key]
----------------------------------------
output:
  height: [value];
  width: [value];
  border-radius: 50%;
----------------------------------------
example:
  .circle-6 {
    height: 3rem;
    width: 3rem; }
----------------------------------------
*/
/*
========================================
.clearfix
----------------------------------------
usage:
  .clearfix
----------------------------------------
example:
  .clearfix::after {
    clear: both;
    content: "";
    display: block; }
----------------------------------------
*/
/*
========================================
color
----------------------------------------
usage:
  .color-[key]
----------------------------------------
output:
  color: [value];
----------------------------------------
example:
  .color-black-100 {
    color: #000; }
----------------------------------------
*/
/*
========================================
color
----------------------------------------
usage:
  .cursor-[key]
----------------------------------------
output:
  cursor: [value];
----------------------------------------
example:
  .cursor-pointer {
    cursor: pointer; }
----------------------------------------
*/
/*
========================================
display
----------------------------------------
usage:
  .display-[key]
----------------------------------------
output:
  display: [value]
----------------------------------------
example:
  .display-none {
    display: none; }
----------------------------------------
*/
/*
========================================
float
----------------------------------------
usage:
  .float-[value]
----------------------------------------
output:
  float: [value];
----------------------------------------
example:
  .float-left {
    float: left; }
----------------------------------------
*/
/*
========================================
flex
----------------------------------------
usage:
  .flex-[key]
----------------------------------------
output:
  flex: [value];
----------------------------------------
example:
  .flex-1 {
    flex: 1 0 0; }

  .flex-fill {
    flex: 1 0 0; }

  .flex-auto {
    flex: none; }
----------------------------------------
*/
/*
========================================
flex-direction
----------------------------------------
usage:
  .flex-direction-[value]
----------------------------------------
output:
  flex-direction: [value]
----------------------------------------
example:
  .flex-direction-row {
    flex-direction: row; }
----------------------------------------
*/
/*
========================================
flex-wrap
----------------------------------------
usage:
  .flex-wrap-[key]
----------------------------------------
output:
  flex-wrap: [value];
----------------------------------------
example:
  .flex-wrap {
    flex-wrap: wrap; }
----------------------------------------
*/
/*
========================================
font
----------------------------------------
sets font-size and font-family
----------------------------------------
usage:
  .size-[key]-[key]
----------------------------------------
output:
  font-family: [value];
  font-size: [value];
----------------------------------------
example:
  .size-sans-s3 {
    font-face: '18Franklin-webfont',
                system,
                -apple-system,
                BlinkMacSystemFont,
                'Roboto',
                'Helvetica Neue',
                'Helvetica',
                'Arial',
                sans-serif;
    font-size: 1rem; }
----------------------------------------
*/
/*
========================================
font-family
----------------------------------------
usage:
  .family-[key]
----------------------------------------
output:
  font-family: [value]
----------------------------------------
example:
  .family-sans {
    font-family: 'United Sans webfont',
                system,
                -apple-system,
                BlinkMacSystemFont,
                'Roboto',
                'Helvetica Neue',
                'Helvetica',
                'Arial',
                sans-serif; }
----------------------------------------
*/
/*
========================================
font-feature-settings
----------------------------------------
usage:
  .text-[key]
----------------------------------------
output:
  font-feature-settings: [value];
----------------------------------------
example:
  .text-tabular {
    font-feature-settings:
      'tnum' 1, 'kern' 1; }
----------------------------------------
*/
/*
========================================
font-style
----------------------------------------
usage:
  .text-italic
----------------------------------------
output:
  font-style: italic;
----------------------------------------
example:
  .text-italic {
    font-style: italic; }
  .text-no-italic {
    font-style: normal; }
----------------------------------------
*/
/*
========================================
font-weight
----------------------------------------
usage:
  .text-[key]
----------------------------------------
output:
  font-weight: [value];
----------------------------------------
example:
  .text-300 {
    font-weight: 300; }
----------------------------------------
*/
/*
========================================
height
----------------------------------------
usage:
  .height-[value]
----------------------------------------
output:
  height: [value];
----------------------------------------
example:
  .height-33ct {
    height: 33.33333333%; }
----------------------------------------
*/
/*
========================================
.justify-content
----------------------------------------
property: justify-content
----------------------------------------
usage:
  .flex-justify-[key]
----------------------------------------
output:
  justify-content: [value];
----------------------------------------
example:
  .flex-justify-start {
    justify-content: flex-start; }
----------------------------------------
*/
/*
========================================
.left
----------------------------------------
property: left
----------------------------------------
usage:
  .left-[key]
----------------------------------------
output:
  left: [value];
----------------------------------------
example:
  .left-n2px {
    left: -2px; }
----------------------------------------
*/
/*
========================================
letter-spacing
----------------------------------------
usage:
  .text-ls-[key]
----------------------------------------
output:
  letter-spacing: [value];
----------------------------------------
example:
  .text-ls-2 {
    letter-spacing: .1em; }
----------------------------------------
*/
/*
========================================
line-height
----------------------------------------
usage:
  .line-height-[value]
----------------------------------------
output:
  line-height: [value];
----------------------------------------
example:
  .line-height-sans-2 {
    line-height: 1.15; }
----------------------------------------
*/
/*
========================================
margin
----------------------------------------
usage:
  .margin-[modifier]*-[key]
----------------------------------------
output:
  margin: [value]
----------------------------------------
example:
  .margin-x-auto {
    margin-left: auto;
    margin-right: auto; }

  .margin-g105 {
    margin: .75rem; }
----------------------------------------
*/
/*
========================================
max-height
----------------------------------------
usage:
  .maxh[key]
----------------------------------------
output:
  max-height: [value];
----------------------------------------
example:
  .maxh-viewport {
    max-height: 100vh; }
----------------------------------------
*/
/*
========================================
max-width
----------------------------------------
usage:
  .maxw-[key]
----------------------------------------
output:
  max-width: [value];
----------------------------------------
example:
  .maxw-desktop {
    max-width: 960px; }
----------------------------------------
*/
/*
========================================
.measure
----------------------------------------
property: max-width
----------------------------------------
usage:
  .measure-[key]
----------------------------------------
output:
  max-width: [value];
----------------------------------------
example:
  .measure-4 {
    max-width: 68ex; }
----------------------------------------
*/
/*
========================================
min-height
----------------------------------------
usage:
  .minh-[key]
----------------------------------------
output:
  min-height: [value];
----------------------------------------
example:
  .minh-card {
    min-height: 200px; }
----------------------------------------
*/
/*
========================================
min-width
----------------------------------------
usage:
  .minw-[key]
----------------------------------------
output:
  min-width: [value];
----------------------------------------
example:
  .minw-desktop {
    min-width: 960px; }
----------------------------------------
*/
/*
========================================
opacity
----------------------------------------
usage:
  .opacity-[key]
----------------------------------------
output:
  opacity: [value];
----------------------------------------
example:
  .opacity-0 {
    opacity: 0; }
----------------------------------------
*/
/*
========================================
outline
----------------------------------------
sets width and style:solid
----------------------------------------
usage:
  .outline-[modifier]
----------------------------------------
output:
  outline: [modifier] solid;
----------------------------------------
example:
  .outline-g05 {
    outline: 4px solid }
----------------------------------------
*/
/*
========================================
outline-color
----------------------------------------
usage:
  .outline-color-[key]
----------------------------------------
output:
  outline-color: [value];
----------------------------------------
example:
  .outline-color-yellow-50 {
    outline-color: #91721f; }
----------------------------------------
*/
/*
========================================
overflow
----------------------------------------
usage:
  .overflow-[modifier]
----------------------------------------
output:
  overflow[-modifier]: [value] solid;
----------------------------------------
example:
  .overflow-y-hidden {
    overflow-y: hidden; }
----------------------------------------
*/
/*
========================================
order
----------------------------------------
usage:
  .order-[key]
----------------------------------------
output:
  order: [value]
----------------------------------------
example:
  .order-first {
    order: -1; }

  .order-2 {
    order: 2; }
----------------------------------------
*/
/*
========================================
padding
----------------------------------------
usage:
  .padding-[modifier]*-[value]
----------------------------------------
output:
  padding: [value]
----------------------------------------
example:
  .padding-0 {
    padding: none; }

  .padding-bottom-1px {
    padding-bottom: 1px; }
----------------------------------------
*/
/*
========================================
PIN
----------------------------------------
usage:
  .pin-all
----------------------------------------
output:
  bottom: 0
  left:0
  right: 0
  top: 0
----------------------------------------
example:
  .pin-all
----------------------------------------
*/
/*
========================================
position
----------------------------------------
usage:
  .position-[key]
----------------------------------------
output:
  position: [value];
----------------------------------------
example:
  .position-absolute {
    position: absolute; }
----------------------------------------
*/
/*
========================================
.right
----------------------------------------
property: right
----------------------------------------
usage:
  .right-[key]
----------------------------------------
output:
  right: [value];
----------------------------------------
example:
  .right-n2px {
    right: -2px; }
----------------------------------------
*/
/*
========================================
SQUARE
----------------------------------------
usage:
  .square-[key]
----------------------------------------
output:
  height: [value];
  width: [value];
----------------------------------------
example:
  .square-g6 {
    height: 3rem;
    width: 3rem; }
----------------------------------------
*/
/*
========================================
text-align
----------------------------------------
usage:
  .text-[key]
----------------------------------------
output:
  align: [value];
----------------------------------------
example:
  .text-left {
    align: left; }
----------------------------------------
*/
/*
========================================
text-decoration
----------------------------------------
usage:
  .text-[key]
----------------------------------------
output:
  text-decoration: [value]
----------------------------------------
example:
  .text-no-underline {
    text-decoration: none; }
----------------------------------------
*/
/*
========================================
text-decoration-color
----------------------------------------
usage:
  .text-decoration-color-[key]
----------------------------------------
output:
  text-decoration-color: [value]
----------------------------------------
example:
  .text-decoration-color-black {
    text-decoration-color: #000; }
----------------------------------------
*/
/*
========================================
text-indent
----------------------------------------
usage:
  .text-indent-[key]
----------------------------------------
output:
  align: [value];
----------------------------------------
example:
  .text-indent-0 {
    text-ident: 0; }
----------------------------------------
*/
/*
========================================
text-transform
----------------------------------------
usage:
  .text-[value]
----------------------------------------
output:
  text-transform: value;
----------------------------------------
example:
  .text-uppercase {
    text-transform: uppercase; }
----------------------------------------
*/
/*
========================================
.top
----------------------------------------
property: top
----------------------------------------
usage:
  .top-[key]
----------------------------------------
output:
  top: [value];
----------------------------------------
example:
  .top-n2px {
    top: -2px; }
----------------------------------------
*/
/*
========================================
vertical-align
----------------------------------------
usage:
  .vertical-align-[value]
----------------------------------------
output:
  vertical-align: [value]
----------------------------------------
example:
  .vertical-align-top {
    vertical-align: top; }
----------------------------------------
*/
/*
========================================
white-space
----------------------------------------
usage:
  text-[key]
----------------------------------------
output:
  white-space: [value];
----------------------------------------
example:
  .text-pre-wrap {
    white-space: pre-wrap; }
----------------------------------------
*/
/*
========================================
width
----------------------------------------
usage:
  .width-[key]
----------------------------------------
output:
  width: [value];
----------------------------------------
example:
  .width-75ct {
    width: 75%; }
----------------------------------------
*/
/*
========================================
z-index
----------------------------------------
usage:
  z-[key]
----------------------------------------
output:
  z-index: [value];
----------------------------------------
example:
  .z-100 {
    z-index: 100; }
  .z-top {
    z-index: 9999; }
----------------------------------------
*/
.add-aspect-9x16 {
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  padding: 0 0 177.77778%;
  position: relative; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.add-aspect-1x1 {
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  padding: 0 0 100%;
  position: relative; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.add-aspect-4x3 {
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  padding: 0 0 75%;
  position: relative; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.add-aspect-16x9 {
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  padding: 0 0 56.25%;
  position: relative; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.add-aspect-2x1 {
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
  padding: 0 0 50%;
  position: relative; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.add-list-reset {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  list-style: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-align-start {
  align-items: flex-start; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-align-end {
  align-items: flex-end; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-align-center {
  align-items: center; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-align-stretch {
  align-items: stretch; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-align-baseline {
  align-items: baseline; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-align-self-start {
  align-self: flex-start; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-align-self-end {
  align-self: flex-end; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-align-self-center {
  align-self: center; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-align-self-stretch {
  align-self: stretch; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-align-self-baseline {
  align-self: baseline; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-transparent {
  background-color: transparent; }

.hover\:bg-transparent:hover {
  background-color: transparent; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black {
  background-color: black; }

.hover\:bg-black:hover {
  background-color: black; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white {
  background-color: white; }

.hover\:bg-white:hover {
  background-color: white; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-base-lightest {
  background-color: #f0f0f0; }

.hover\:bg-base-lightest:hover {
  background-color: #f0f0f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-base-lighter {
  background-color: #dfe1e2; }

.hover\:bg-base-lighter:hover {
  background-color: #dfe1e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-base-light {
  background-color: #a9aeb1; }

.hover\:bg-base-light:hover {
  background-color: #a9aeb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-base {
  background-color: #71767a; }

.hover\:bg-base:hover {
  background-color: #71767a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-base-dark {
  background-color: #565c65; }

.hover\:bg-base-dark:hover {
  background-color: #565c65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-base-darker {
  background-color: #3d4551; }

.hover\:bg-base-darker:hover {
  background-color: #3d4551; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-base-darkest {
  background-color: #1b1b1b; }

.hover\:bg-base-darkest:hover {
  background-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-ink {
  background-color: #1b1b1b; }

.hover\:bg-ink:hover {
  background-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-primary-lighter {
  background-color: #d9e8f6; }

.hover\:bg-primary-lighter:hover {
  background-color: #d9e8f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-primary-light {
  background-color: #73b3e7; }

.hover\:bg-primary-light:hover {
  background-color: #73b3e7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-primary {
  background-color: #005ea2; }

.hover\:bg-primary:hover {
  background-color: #005ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-primary-vivid {
  background-color: #0050d8; }

.hover\:bg-primary-vivid:hover {
  background-color: #0050d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-primary-dark {
  background-color: #1a4480; }

.hover\:bg-primary-dark:hover {
  background-color: #1a4480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-primary-darker {
  background-color: #162e51; }

.hover\:bg-primary-darker:hover {
  background-color: #162e51; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-secondary-lighter {
  background-color: #f3e1e4; }

.hover\:bg-secondary-lighter:hover {
  background-color: #f3e1e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-secondary-light {
  background-color: #f2938c; }

.hover\:bg-secondary-light:hover {
  background-color: #f2938c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-secondary {
  background-color: #d83933; }

.hover\:bg-secondary:hover {
  background-color: #d83933; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-secondary-vivid {
  background-color: #e41d3d; }

.hover\:bg-secondary-vivid:hover {
  background-color: #e41d3d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-secondary-dark {
  background-color: #b50909; }

.hover\:bg-secondary-dark:hover {
  background-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-secondary-darker {
  background-color: #8b0a03; }

.hover\:bg-secondary-darker:hover {
  background-color: #8b0a03; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-accent-warm-darker {
  background-color: #775540; }

.hover\:bg-accent-warm-darker:hover {
  background-color: #775540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-accent-warm-dark {
  background-color: #c05600; }

.hover\:bg-accent-warm-dark:hover {
  background-color: #c05600; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-accent-warm {
  background-color: #fa9441; }

.hover\:bg-accent-warm:hover {
  background-color: #fa9441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-accent-warm-light {
  background-color: #ffbc78; }

.hover\:bg-accent-warm-light:hover {
  background-color: #ffbc78; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-accent-warm-lighter {
  background-color: #f2e4d4; }

.hover\:bg-accent-warm-lighter:hover {
  background-color: #f2e4d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-accent-cool-darker {
  background-color: #07648d; }

.hover\:bg-accent-cool-darker:hover {
  background-color: #07648d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-accent-cool-dark {
  background-color: #28a0cb; }

.hover\:bg-accent-cool-dark:hover {
  background-color: #28a0cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-accent-cool {
  background-color: #00bde3; }

.hover\:bg-accent-cool:hover {
  background-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-accent-cool-light {
  background-color: #97d4ea; }

.hover\:bg-accent-cool-light:hover {
  background-color: #97d4ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-accent-cool-lighter {
  background-color: #e1f3f8; }

.hover\:bg-accent-cool-lighter:hover {
  background-color: #e1f3f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-5 {
  background-color: #f0f0f0; }

.hover\:bg-gray-5:hover {
  background-color: #f0f0f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-10 {
  background-color: #e6e6e6; }

.hover\:bg-gray-10:hover {
  background-color: #e6e6e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-30 {
  background-color: #adadad; }

.hover\:bg-gray-30:hover {
  background-color: #adadad; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-50 {
  background-color: #757575; }

.hover\:bg-gray-50:hover {
  background-color: #757575; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-70 {
  background-color: #454545; }

.hover\:bg-gray-70:hover {
  background-color: #454545; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-90 {
  background-color: #1b1b1b; }

.hover\:bg-gray-90:hover {
  background-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-error-lighter {
  background-color: #f4e3db; }

.hover\:bg-error-lighter:hover {
  background-color: #f4e3db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-error-light {
  background-color: #f39268; }

.hover\:bg-error-light:hover {
  background-color: #f39268; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-error {
  background-color: #d54309; }

.hover\:bg-error:hover {
  background-color: #d54309; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-error-dark {
  background-color: #b50909; }

.hover\:bg-error-dark:hover {
  background-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-error-darker {
  background-color: #6f3331; }

.hover\:bg-error-darker:hover {
  background-color: #6f3331; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-warning-lighter {
  background-color: #faf3d1; }

.hover\:bg-warning-lighter:hover {
  background-color: #faf3d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-warning-light {
  background-color: #fee685; }

.hover\:bg-warning-light:hover {
  background-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-warning {
  background-color: #ffbe2e; }

.hover\:bg-warning:hover {
  background-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-warning-dark {
  background-color: #e5a000; }

.hover\:bg-warning-dark:hover {
  background-color: #e5a000; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-warning-darker {
  background-color: #936f38; }

.hover\:bg-warning-darker:hover {
  background-color: #936f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-success-lighter {
  background-color: #ecf3ec; }

.hover\:bg-success-lighter:hover {
  background-color: #ecf3ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-success-light {
  background-color: #70e17b; }

.hover\:bg-success-light:hover {
  background-color: #70e17b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-success {
  background-color: #00a91c; }

.hover\:bg-success:hover {
  background-color: #00a91c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-success-dark {
  background-color: #008817; }

.hover\:bg-success-dark:hover {
  background-color: #008817; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-success-darker {
  background-color: #216e1f; }

.hover\:bg-success-darker:hover {
  background-color: #216e1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-info-lighter {
  background-color: #e7f6f8; }

.hover\:bg-info-lighter:hover {
  background-color: #e7f6f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-info-light {
  background-color: #99deea; }

.hover\:bg-info-light:hover {
  background-color: #99deea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-info {
  background-color: #00bde3; }

.hover\:bg-info:hover {
  background-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-info-dark {
  background-color: #009ec1; }

.hover\:bg-info-dark:hover {
  background-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-info-darker {
  background-color: #2e6276; }

.hover\:bg-info-darker:hover {
  background-color: #2e6276; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-disabled-light {
  background-color: #e6e6e6; }

.hover\:bg-disabled-light:hover {
  background-color: #e6e6e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-disabled {
  background-color: #c9c9c9; }

.hover\:bg-disabled:hover {
  background-color: #c9c9c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-disabled-dark {
  background-color: #adadad; }

.hover\:bg-disabled-dark:hover {
  background-color: #adadad; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-emergency {
  background-color: #9c3d10; }

.hover\:bg-emergency:hover {
  background-color: #9c3d10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-emergency-dark {
  background-color: #332d29; }

.hover\:bg-emergency-dark:hover {
  background-color: #332d29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red {
  background-color: #e52207; }

.hover\:bg-red:hover {
  background-color: #e52207; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange {
  background-color: #e66f0e; }

.hover\:bg-orange:hover {
  background-color: #e66f0e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold {
  background-color: #ffbe2e; }

.hover\:bg-gold:hover {
  background-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow {
  background-color: #fee685; }

.hover\:bg-yellow:hover {
  background-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green {
  background-color: #538200; }

.hover\:bg-green:hover {
  background-color: #538200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint {
  background-color: #04c585; }

.hover\:bg-mint:hover {
  background-color: #04c585; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan {
  background-color: #009ec1; }

.hover\:bg-cyan:hover {
  background-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue {
  background-color: #0076d6; }

.hover\:bg-blue:hover {
  background-color: #0076d6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo {
  background-color: #676cc8; }

.hover\:bg-indigo:hover {
  background-color: #676cc8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet {
  background-color: #8168b3; }

.hover\:bg-violet:hover {
  background-color: #8168b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta {
  background-color: #d72d79; }

.hover\:bg-magenta:hover {
  background-color: #d72d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black-transparent-5 {
  background-color: rgba(0, 0, 0, 0.01); }

.hover\:bg-black-transparent-5:hover {
  background-color: rgba(0, 0, 0, 0.01); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black-transparent-10 {
  background-color: rgba(0, 0, 0, 0.1); }

.hover\:bg-black-transparent-10:hover {
  background-color: rgba(0, 0, 0, 0.1); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black-transparent-20 {
  background-color: rgba(0, 0, 0, 0.2); }

.hover\:bg-black-transparent-20:hover {
  background-color: rgba(0, 0, 0, 0.2); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black-transparent-30 {
  background-color: rgba(0, 0, 0, 0.3); }

.hover\:bg-black-transparent-30:hover {
  background-color: rgba(0, 0, 0, 0.3); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black-transparent-40 {
  background-color: rgba(0, 0, 0, 0.4); }

.hover\:bg-black-transparent-40:hover {
  background-color: rgba(0, 0, 0, 0.4); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black-transparent-50 {
  background-color: rgba(0, 0, 0, 0.5); }

.hover\:bg-black-transparent-50:hover {
  background-color: rgba(0, 0, 0, 0.5); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black-transparent-60 {
  background-color: rgba(0, 0, 0, 0.6); }

.hover\:bg-black-transparent-60:hover {
  background-color: rgba(0, 0, 0, 0.6); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black-transparent-70 {
  background-color: rgba(0, 0, 0, 0.7); }

.hover\:bg-black-transparent-70:hover {
  background-color: rgba(0, 0, 0, 0.7); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black-transparent-80 {
  background-color: rgba(0, 0, 0, 0.8); }

.hover\:bg-black-transparent-80:hover {
  background-color: rgba(0, 0, 0, 0.8); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-black-transparent-90 {
  background-color: rgba(0, 0, 0, 0.9); }

.hover\:bg-black-transparent-90:hover {
  background-color: rgba(0, 0, 0, 0.9); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-1 {
  background-color: #fbfcfd; }

.hover\:bg-gray-cool-1:hover {
  background-color: #fbfcfd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-2 {
  background-color: #f7f9fa; }

.hover\:bg-gray-cool-2:hover {
  background-color: #f7f9fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-3 {
  background-color: #f5f6f7; }

.hover\:bg-gray-cool-3:hover {
  background-color: #f5f6f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-4 {
  background-color: #f1f3f6; }

.hover\:bg-gray-cool-4:hover {
  background-color: #f1f3f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-5 {
  background-color: #edeff0; }

.hover\:bg-gray-cool-5:hover {
  background-color: #edeff0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-10 {
  background-color: #dfe1e2; }

.hover\:bg-gray-cool-10:hover {
  background-color: #dfe1e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-20 {
  background-color: #c6cace; }

.hover\:bg-gray-cool-20:hover {
  background-color: #c6cace; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-30 {
  background-color: #a9aeb1; }

.hover\:bg-gray-cool-30:hover {
  background-color: #a9aeb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-40 {
  background-color: #8d9297; }

.hover\:bg-gray-cool-40:hover {
  background-color: #8d9297; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-50 {
  background-color: #71767a; }

.hover\:bg-gray-cool-50:hover {
  background-color: #71767a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-60 {
  background-color: #565c65; }

.hover\:bg-gray-cool-60:hover {
  background-color: #565c65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-70 {
  background-color: #3d4551; }

.hover\:bg-gray-cool-70:hover {
  background-color: #3d4551; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-80 {
  background-color: #2d2e2f; }

.hover\:bg-gray-cool-80:hover {
  background-color: #2d2e2f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-cool-90 {
  background-color: #1c1d1f; }

.hover\:bg-gray-cool-90:hover {
  background-color: #1c1d1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-1 {
  background-color: #fcfcfc; }

.hover\:bg-gray-1:hover {
  background-color: #fcfcfc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-2 {
  background-color: #f9f9f9; }

.hover\:bg-gray-2:hover {
  background-color: #f9f9f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-3 {
  background-color: #f6f6f6; }

.hover\:bg-gray-3:hover {
  background-color: #f6f6f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-4 {
  background-color: #f3f3f3; }

.hover\:bg-gray-4:hover {
  background-color: #f3f3f3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-20 {
  background-color: #c9c9c9; }

.hover\:bg-gray-20:hover {
  background-color: #c9c9c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-40 {
  background-color: #919191; }

.hover\:bg-gray-40:hover {
  background-color: #919191; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-60 {
  background-color: #5c5c5c; }

.hover\:bg-gray-60:hover {
  background-color: #5c5c5c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-80 {
  background-color: #2e2e2e; }

.hover\:bg-gray-80:hover {
  background-color: #2e2e2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-1 {
  background-color: #fcfcfb; }

.hover\:bg-gray-warm-1:hover {
  background-color: #fcfcfb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-2 {
  background-color: #f9f9f7; }

.hover\:bg-gray-warm-2:hover {
  background-color: #f9f9f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-3 {
  background-color: #f6f6f2; }

.hover\:bg-gray-warm-3:hover {
  background-color: #f6f6f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-4 {
  background-color: #f5f5f0; }

.hover\:bg-gray-warm-4:hover {
  background-color: #f5f5f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-5 {
  background-color: #f0f0ec; }

.hover\:bg-gray-warm-5:hover {
  background-color: #f0f0ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-10 {
  background-color: #e6e6e2; }

.hover\:bg-gray-warm-10:hover {
  background-color: #e6e6e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-20 {
  background-color: #cac9c0; }

.hover\:bg-gray-warm-20:hover {
  background-color: #cac9c0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-30 {
  background-color: #afaea2; }

.hover\:bg-gray-warm-30:hover {
  background-color: #afaea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-40 {
  background-color: #929285; }

.hover\:bg-gray-warm-40:hover {
  background-color: #929285; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-50 {
  background-color: #76766a; }

.hover\:bg-gray-warm-50:hover {
  background-color: #76766a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-60 {
  background-color: #5d5d52; }

.hover\:bg-gray-warm-60:hover {
  background-color: #5d5d52; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-70 {
  background-color: #454540; }

.hover\:bg-gray-warm-70:hover {
  background-color: #454540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-80 {
  background-color: #2e2e2a; }

.hover\:bg-gray-warm-80:hover {
  background-color: #2e2e2a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gray-warm-90 {
  background-color: #171716; }

.hover\:bg-gray-warm-90:hover {
  background-color: #171716; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-5 {
  background-color: #e7f2f5; }

.hover\:bg-blue-cool-5:hover {
  background-color: #e7f2f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-10 {
  background-color: #dae9ee; }

.hover\:bg-blue-cool-10:hover {
  background-color: #dae9ee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-20 {
  background-color: #adcfdc; }

.hover\:bg-blue-cool-20:hover {
  background-color: #adcfdc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-30 {
  background-color: #82b4c9; }

.hover\:bg-blue-cool-30:hover {
  background-color: #82b4c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-40 {
  background-color: #6499af; }

.hover\:bg-blue-cool-40:hover {
  background-color: #6499af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-50 {
  background-color: #3a7d95; }

.hover\:bg-blue-cool-50:hover {
  background-color: #3a7d95; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-60 {
  background-color: #2e6276; }

.hover\:bg-blue-cool-60:hover {
  background-color: #2e6276; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-70 {
  background-color: #224a58; }

.hover\:bg-blue-cool-70:hover {
  background-color: #224a58; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-80 {
  background-color: #14333d; }

.hover\:bg-blue-cool-80:hover {
  background-color: #14333d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-90 {
  background-color: #0f191c; }

.hover\:bg-blue-cool-90:hover {
  background-color: #0f191c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-5v {
  background-color: #e1f3f8; }

.hover\:bg-blue-cool-5v:hover {
  background-color: #e1f3f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-10v {
  background-color: #c3ebfa; }

.hover\:bg-blue-cool-10v:hover {
  background-color: #c3ebfa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-20v {
  background-color: #97d4ea; }

.hover\:bg-blue-cool-20v:hover {
  background-color: #97d4ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-30v {
  background-color: #59b9de; }

.hover\:bg-blue-cool-30v:hover {
  background-color: #59b9de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-40v {
  background-color: #28a0cb; }

.hover\:bg-blue-cool-40v:hover {
  background-color: #28a0cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-50v {
  background-color: #0d7ea2; }

.hover\:bg-blue-cool-50v:hover {
  background-color: #0d7ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-60v {
  background-color: #07648d; }

.hover\:bg-blue-cool-60v:hover {
  background-color: #07648d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-70v {
  background-color: #074b69; }

.hover\:bg-blue-cool-70v:hover {
  background-color: #074b69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-cool-80v {
  background-color: #002d3f; }

.hover\:bg-blue-cool-80v:hover {
  background-color: #002d3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-5 {
  background-color: #eff6fb; }

.hover\:bg-blue-5:hover {
  background-color: #eff6fb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-10 {
  background-color: #d9e8f6; }

.hover\:bg-blue-10:hover {
  background-color: #d9e8f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-20 {
  background-color: #aacdec; }

.hover\:bg-blue-20:hover {
  background-color: #aacdec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-30 {
  background-color: #73b3e7; }

.hover\:bg-blue-30:hover {
  background-color: #73b3e7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-40 {
  background-color: #4f97d1; }

.hover\:bg-blue-40:hover {
  background-color: #4f97d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-50 {
  background-color: #2378c3; }

.hover\:bg-blue-50:hover {
  background-color: #2378c3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-60 {
  background-color: #2c608a; }

.hover\:bg-blue-60:hover {
  background-color: #2c608a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-70 {
  background-color: #274863; }

.hover\:bg-blue-70:hover {
  background-color: #274863; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-80 {
  background-color: #1f303e; }

.hover\:bg-blue-80:hover {
  background-color: #1f303e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-90 {
  background-color: #11181d; }

.hover\:bg-blue-90:hover {
  background-color: #11181d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-5v {
  background-color: #e8f5ff; }

.hover\:bg-blue-5v:hover {
  background-color: #e8f5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-10v {
  background-color: #cfe8ff; }

.hover\:bg-blue-10v:hover {
  background-color: #cfe8ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-20v {
  background-color: #a1d3ff; }

.hover\:bg-blue-20v:hover {
  background-color: #a1d3ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-30v {
  background-color: #58b4ff; }

.hover\:bg-blue-30v:hover {
  background-color: #58b4ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-40v {
  background-color: #2491ff; }

.hover\:bg-blue-40v:hover {
  background-color: #2491ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-50v {
  background-color: #0076d6; }

.hover\:bg-blue-50v:hover {
  background-color: #0076d6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-60v {
  background-color: #005ea2; }

.hover\:bg-blue-60v:hover {
  background-color: #005ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-70v {
  background-color: #0b4778; }

.hover\:bg-blue-70v:hover {
  background-color: #0b4778; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-80v {
  background-color: #112f4e; }

.hover\:bg-blue-80v:hover {
  background-color: #112f4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-5 {
  background-color: #ecf1f7; }

.hover\:bg-blue-warm-5:hover {
  background-color: #ecf1f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-10 {
  background-color: #e1e7f1; }

.hover\:bg-blue-warm-10:hover {
  background-color: #e1e7f1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-20 {
  background-color: #bbcae4; }

.hover\:bg-blue-warm-20:hover {
  background-color: #bbcae4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-30 {
  background-color: #98afd2; }

.hover\:bg-blue-warm-30:hover {
  background-color: #98afd2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-40 {
  background-color: #7292c7; }

.hover\:bg-blue-warm-40:hover {
  background-color: #7292c7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-50 {
  background-color: #4a77b4; }

.hover\:bg-blue-warm-50:hover {
  background-color: #4a77b4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-60 {
  background-color: #345d96; }

.hover\:bg-blue-warm-60:hover {
  background-color: #345d96; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-70 {
  background-color: #2f4668; }

.hover\:bg-blue-warm-70:hover {
  background-color: #2f4668; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-80 {
  background-color: #252f3e; }

.hover\:bg-blue-warm-80:hover {
  background-color: #252f3e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-90 {
  background-color: #13171f; }

.hover\:bg-blue-warm-90:hover {
  background-color: #13171f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-5v {
  background-color: #edf5ff; }

.hover\:bg-blue-warm-5v:hover {
  background-color: #edf5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-10v {
  background-color: #d4e5ff; }

.hover\:bg-blue-warm-10v:hover {
  background-color: #d4e5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-20v {
  background-color: #adcdff; }

.hover\:bg-blue-warm-20v:hover {
  background-color: #adcdff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-30v {
  background-color: #81aefc; }

.hover\:bg-blue-warm-30v:hover {
  background-color: #81aefc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-40v {
  background-color: #5994f6; }

.hover\:bg-blue-warm-40v:hover {
  background-color: #5994f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-50v {
  background-color: #2672de; }

.hover\:bg-blue-warm-50v:hover {
  background-color: #2672de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-60v {
  background-color: #0050d8; }

.hover\:bg-blue-warm-60v:hover {
  background-color: #0050d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-70v {
  background-color: #1a4480; }

.hover\:bg-blue-warm-70v:hover {
  background-color: #1a4480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-blue-warm-80v {
  background-color: #162e51; }

.hover\:bg-blue-warm-80v:hover {
  background-color: #162e51; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-5 {
  background-color: #e7f6f8; }

.hover\:bg-cyan-5:hover {
  background-color: #e7f6f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-10 {
  background-color: #ccecf2; }

.hover\:bg-cyan-10:hover {
  background-color: #ccecf2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-20 {
  background-color: #99deea; }

.hover\:bg-cyan-20:hover {
  background-color: #99deea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-30 {
  background-color: #5dc0d1; }

.hover\:bg-cyan-30:hover {
  background-color: #5dc0d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-40 {
  background-color: #449dac; }

.hover\:bg-cyan-40:hover {
  background-color: #449dac; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-50 {
  background-color: #168092; }

.hover\:bg-cyan-50:hover {
  background-color: #168092; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-60 {
  background-color: #2a646d; }

.hover\:bg-cyan-60:hover {
  background-color: #2a646d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-70 {
  background-color: #2c4a4e; }

.hover\:bg-cyan-70:hover {
  background-color: #2c4a4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-80 {
  background-color: #203133; }

.hover\:bg-cyan-80:hover {
  background-color: #203133; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-90 {
  background-color: #111819; }

.hover\:bg-cyan-90:hover {
  background-color: #111819; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-5v {
  background-color: #e5faff; }

.hover\:bg-cyan-5v:hover {
  background-color: #e5faff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-10v {
  background-color: #a8f2ff; }

.hover\:bg-cyan-10v:hover {
  background-color: #a8f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-20v {
  background-color: #52daf2; }

.hover\:bg-cyan-20v:hover {
  background-color: #52daf2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-30v {
  background-color: #00bde3; }

.hover\:bg-cyan-30v:hover {
  background-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-40v {
  background-color: #009ec1; }

.hover\:bg-cyan-40v:hover {
  background-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-50v {
  background-color: #0081a1; }

.hover\:bg-cyan-50v:hover {
  background-color: #0081a1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-60v {
  background-color: #00687d; }

.hover\:bg-cyan-60v:hover {
  background-color: #00687d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-70v {
  background-color: #0e4f5c; }

.hover\:bg-cyan-70v:hover {
  background-color: #0e4f5c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-cyan-80v {
  background-color: #093b44; }

.hover\:bg-cyan-80v:hover {
  background-color: #093b44; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-5 {
  background-color: #f5f0e6; }

.hover\:bg-gold-5:hover {
  background-color: #f5f0e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-10 {
  background-color: #f1e5cd; }

.hover\:bg-gold-10:hover {
  background-color: #f1e5cd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-20 {
  background-color: #dec69a; }

.hover\:bg-gold-20:hover {
  background-color: #dec69a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-30 {
  background-color: #c7a97b; }

.hover\:bg-gold-30:hover {
  background-color: #c7a97b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-40 {
  background-color: #ad8b65; }

.hover\:bg-gold-40:hover {
  background-color: #ad8b65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-50 {
  background-color: #8e704f; }

.hover\:bg-gold-50:hover {
  background-color: #8e704f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-60 {
  background-color: #6b5947; }

.hover\:bg-gold-60:hover {
  background-color: #6b5947; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-70 {
  background-color: #4d4438; }

.hover\:bg-gold-70:hover {
  background-color: #4d4438; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-80 {
  background-color: #322d26; }

.hover\:bg-gold-80:hover {
  background-color: #322d26; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-90 {
  background-color: #191714; }

.hover\:bg-gold-90:hover {
  background-color: #191714; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-5v {
  background-color: #fef0c8; }

.hover\:bg-gold-5v:hover {
  background-color: #fef0c8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-10v {
  background-color: #ffe396; }

.hover\:bg-gold-10v:hover {
  background-color: #ffe396; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-20v {
  background-color: #ffbe2e; }

.hover\:bg-gold-20v:hover {
  background-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-30v {
  background-color: #e5a000; }

.hover\:bg-gold-30v:hover {
  background-color: #e5a000; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-40v {
  background-color: #c2850c; }

.hover\:bg-gold-40v:hover {
  background-color: #c2850c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-50v {
  background-color: #936f38; }

.hover\:bg-gold-50v:hover {
  background-color: #936f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-60v {
  background-color: #7a591a; }

.hover\:bg-gold-60v:hover {
  background-color: #7a591a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-70v {
  background-color: #5c410a; }

.hover\:bg-gold-70v:hover {
  background-color: #5c410a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-gold-80v {
  background-color: #3b2b15; }

.hover\:bg-gold-80v:hover {
  background-color: #3b2b15; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-5 {
  background-color: #ecf3ec; }

.hover\:bg-green-cool-5:hover {
  background-color: #ecf3ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-10 {
  background-color: #dbebde; }

.hover\:bg-green-cool-10:hover {
  background-color: #dbebde; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-20 {
  background-color: #b4d0b9; }

.hover\:bg-green-cool-20:hover {
  background-color: #b4d0b9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-30 {
  background-color: #86b98e; }

.hover\:bg-green-cool-30:hover {
  background-color: #86b98e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-40 {
  background-color: #5e9f69; }

.hover\:bg-green-cool-40:hover {
  background-color: #5e9f69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-50 {
  background-color: #4d8055; }

.hover\:bg-green-cool-50:hover {
  background-color: #4d8055; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-60 {
  background-color: #446443; }

.hover\:bg-green-cool-60:hover {
  background-color: #446443; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-70 {
  background-color: #37493b; }

.hover\:bg-green-cool-70:hover {
  background-color: #37493b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-80 {
  background-color: #28312a; }

.hover\:bg-green-cool-80:hover {
  background-color: #28312a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-90 {
  background-color: #1a1f1a; }

.hover\:bg-green-cool-90:hover {
  background-color: #1a1f1a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-5v {
  background-color: #e3f5e1; }

.hover\:bg-green-cool-5v:hover {
  background-color: #e3f5e1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-10v {
  background-color: #b7f5bd; }

.hover\:bg-green-cool-10v:hover {
  background-color: #b7f5bd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-20v {
  background-color: #70e17b; }

.hover\:bg-green-cool-20v:hover {
  background-color: #70e17b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-30v {
  background-color: #21c834; }

.hover\:bg-green-cool-30v:hover {
  background-color: #21c834; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-40v {
  background-color: #00a91c; }

.hover\:bg-green-cool-40v:hover {
  background-color: #00a91c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-50v {
  background-color: #008817; }

.hover\:bg-green-cool-50v:hover {
  background-color: #008817; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-60v {
  background-color: #216e1f; }

.hover\:bg-green-cool-60v:hover {
  background-color: #216e1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-70v {
  background-color: #154c21; }

.hover\:bg-green-cool-70v:hover {
  background-color: #154c21; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-cool-80v {
  background-color: #19311e; }

.hover\:bg-green-cool-80v:hover {
  background-color: #19311e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-5 {
  background-color: #eaf4dd; }

.hover\:bg-green-5:hover {
  background-color: #eaf4dd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-10 {
  background-color: #dfeacd; }

.hover\:bg-green-10:hover {
  background-color: #dfeacd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-20 {
  background-color: #b8d293; }

.hover\:bg-green-20:hover {
  background-color: #b8d293; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-30 {
  background-color: #9bb672; }

.hover\:bg-green-30:hover {
  background-color: #9bb672; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-40 {
  background-color: #7d9b4e; }

.hover\:bg-green-40:hover {
  background-color: #7d9b4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-50 {
  background-color: #607f35; }

.hover\:bg-green-50:hover {
  background-color: #607f35; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-60 {
  background-color: #4c6424; }

.hover\:bg-green-60:hover {
  background-color: #4c6424; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-70 {
  background-color: #3c4a29; }

.hover\:bg-green-70:hover {
  background-color: #3c4a29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-80 {
  background-color: #293021; }

.hover\:bg-green-80:hover {
  background-color: #293021; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-90 {
  background-color: #161814; }

.hover\:bg-green-90:hover {
  background-color: #161814; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-5v {
  background-color: #ddf9c7; }

.hover\:bg-green-5v:hover {
  background-color: #ddf9c7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-10v {
  background-color: #c5ee93; }

.hover\:bg-green-10v:hover {
  background-color: #c5ee93; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-20v {
  background-color: #98d035; }

.hover\:bg-green-20v:hover {
  background-color: #98d035; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-30v {
  background-color: #7fb135; }

.hover\:bg-green-30v:hover {
  background-color: #7fb135; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-40v {
  background-color: #719f2a; }

.hover\:bg-green-40v:hover {
  background-color: #719f2a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-50v {
  background-color: #538200; }

.hover\:bg-green-50v:hover {
  background-color: #538200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-60v {
  background-color: #466c04; }

.hover\:bg-green-60v:hover {
  background-color: #466c04; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-70v {
  background-color: #2f4a0b; }

.hover\:bg-green-70v:hover {
  background-color: #2f4a0b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-80v {
  background-color: #243413; }

.hover\:bg-green-80v:hover {
  background-color: #243413; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-5 {
  background-color: #f1f4d7; }

.hover\:bg-green-warm-5:hover {
  background-color: #f1f4d7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-10 {
  background-color: #e7eab7; }

.hover\:bg-green-warm-10:hover {
  background-color: #e7eab7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-20 {
  background-color: #cbd17a; }

.hover\:bg-green-warm-20:hover {
  background-color: #cbd17a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-30 {
  background-color: #a6b557; }

.hover\:bg-green-warm-30:hover {
  background-color: #a6b557; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-40 {
  background-color: #8a984b; }

.hover\:bg-green-warm-40:hover {
  background-color: #8a984b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-50 {
  background-color: #6f7a41; }

.hover\:bg-green-warm-50:hover {
  background-color: #6f7a41; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-60 {
  background-color: #5a5f38; }

.hover\:bg-green-warm-60:hover {
  background-color: #5a5f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-70 {
  background-color: #45472f; }

.hover\:bg-green-warm-70:hover {
  background-color: #45472f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-80 {
  background-color: #2d2f21; }

.hover\:bg-green-warm-80:hover {
  background-color: #2d2f21; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-90 {
  background-color: #171712; }

.hover\:bg-green-warm-90:hover {
  background-color: #171712; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-5v {
  background-color: #f5fbc1; }

.hover\:bg-green-warm-5v:hover {
  background-color: #f5fbc1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-10v {
  background-color: #e7f434; }

.hover\:bg-green-warm-10v:hover {
  background-color: #e7f434; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-20v {
  background-color: #c5d30a; }

.hover\:bg-green-warm-20v:hover {
  background-color: #c5d30a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-30v {
  background-color: #a3b72c; }

.hover\:bg-green-warm-30v:hover {
  background-color: #a3b72c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-40v {
  background-color: #7e9c1d; }

.hover\:bg-green-warm-40v:hover {
  background-color: #7e9c1d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-50v {
  background-color: #6a7d00; }

.hover\:bg-green-warm-50v:hover {
  background-color: #6a7d00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-60v {
  background-color: #5a6613; }

.hover\:bg-green-warm-60v:hover {
  background-color: #5a6613; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-70v {
  background-color: #4b4e10; }

.hover\:bg-green-warm-70v:hover {
  background-color: #4b4e10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-green-warm-80v {
  background-color: #38380b; }

.hover\:bg-green-warm-80v:hover {
  background-color: #38380b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-5 {
  background-color: #eef0f9; }

.hover\:bg-indigo-cool-5:hover {
  background-color: #eef0f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-10 {
  background-color: #e1e6f9; }

.hover\:bg-indigo-cool-10:hover {
  background-color: #e1e6f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-20 {
  background-color: #bbc8f5; }

.hover\:bg-indigo-cool-20:hover {
  background-color: #bbc8f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-30 {
  background-color: #96abee; }

.hover\:bg-indigo-cool-30:hover {
  background-color: #96abee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-40 {
  background-color: #6b8ee8; }

.hover\:bg-indigo-cool-40:hover {
  background-color: #6b8ee8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-50 {
  background-color: #496fd8; }

.hover\:bg-indigo-cool-50:hover {
  background-color: #496fd8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-60 {
  background-color: #3f57a6; }

.hover\:bg-indigo-cool-60:hover {
  background-color: #3f57a6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-70 {
  background-color: #374274; }

.hover\:bg-indigo-cool-70:hover {
  background-color: #374274; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-80 {
  background-color: #292d42; }

.hover\:bg-indigo-cool-80:hover {
  background-color: #292d42; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-90 {
  background-color: #151622; }

.hover\:bg-indigo-cool-90:hover {
  background-color: #151622; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-5v {
  background-color: #edf0ff; }

.hover\:bg-indigo-cool-5v:hover {
  background-color: #edf0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-10v {
  background-color: #dee5ff; }

.hover\:bg-indigo-cool-10v:hover {
  background-color: #dee5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-20v {
  background-color: #b8c8ff; }

.hover\:bg-indigo-cool-20v:hover {
  background-color: #b8c8ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-30v {
  background-color: #94adff; }

.hover\:bg-indigo-cool-30v:hover {
  background-color: #94adff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-40v {
  background-color: #628ef4; }

.hover\:bg-indigo-cool-40v:hover {
  background-color: #628ef4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-50v {
  background-color: #4866ff; }

.hover\:bg-indigo-cool-50v:hover {
  background-color: #4866ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-60v {
  background-color: #3e4ded; }

.hover\:bg-indigo-cool-60v:hover {
  background-color: #3e4ded; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-70v {
  background-color: #222fbf; }

.hover\:bg-indigo-cool-70v:hover {
  background-color: #222fbf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-cool-80v {
  background-color: #1b2b85; }

.hover\:bg-indigo-cool-80v:hover {
  background-color: #1b2b85; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-5 {
  background-color: #efeff8; }

.hover\:bg-indigo-5:hover {
  background-color: #efeff8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-10 {
  background-color: #e5e4fa; }

.hover\:bg-indigo-10:hover {
  background-color: #e5e4fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-20 {
  background-color: #c5c5f3; }

.hover\:bg-indigo-20:hover {
  background-color: #c5c5f3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-30 {
  background-color: #a5a8eb; }

.hover\:bg-indigo-30:hover {
  background-color: #a5a8eb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-40 {
  background-color: #8889db; }

.hover\:bg-indigo-40:hover {
  background-color: #8889db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-50 {
  background-color: #676cc8; }

.hover\:bg-indigo-50:hover {
  background-color: #676cc8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-60 {
  background-color: #4d52af; }

.hover\:bg-indigo-60:hover {
  background-color: #4d52af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-70 {
  background-color: #3d4076; }

.hover\:bg-indigo-70:hover {
  background-color: #3d4076; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-80 {
  background-color: #2b2c40; }

.hover\:bg-indigo-80:hover {
  background-color: #2b2c40; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-90 {
  background-color: #16171f; }

.hover\:bg-indigo-90:hover {
  background-color: #16171f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-5v {
  background-color: #f0f0ff; }

.hover\:bg-indigo-5v:hover {
  background-color: #f0f0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-10v {
  background-color: #e0e0ff; }

.hover\:bg-indigo-10v:hover {
  background-color: #e0e0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-20v {
  background-color: #ccceff; }

.hover\:bg-indigo-20v:hover {
  background-color: #ccceff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-30v {
  background-color: #a3a7fa; }

.hover\:bg-indigo-30v:hover {
  background-color: #a3a7fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-40v {
  background-color: #8289ff; }

.hover\:bg-indigo-40v:hover {
  background-color: #8289ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-50v {
  background-color: #656bd7; }

.hover\:bg-indigo-50v:hover {
  background-color: #656bd7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-60v {
  background-color: #4a50c4; }

.hover\:bg-indigo-60v:hover {
  background-color: #4a50c4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-70v {
  background-color: #3333a3; }

.hover\:bg-indigo-70v:hover {
  background-color: #3333a3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-80v {
  background-color: #212463; }

.hover\:bg-indigo-80v:hover {
  background-color: #212463; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-5 {
  background-color: #f1eff7; }

.hover\:bg-indigo-warm-5:hover {
  background-color: #f1eff7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-10 {
  background-color: #e7e3fa; }

.hover\:bg-indigo-warm-10:hover {
  background-color: #e7e3fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-20 {
  background-color: #cbc4f2; }

.hover\:bg-indigo-warm-20:hover {
  background-color: #cbc4f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-30 {
  background-color: #afa5e8; }

.hover\:bg-indigo-warm-30:hover {
  background-color: #afa5e8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-40 {
  background-color: #9287d8; }

.hover\:bg-indigo-warm-40:hover {
  background-color: #9287d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-50 {
  background-color: #7665d1; }

.hover\:bg-indigo-warm-50:hover {
  background-color: #7665d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-60 {
  background-color: #5e519e; }

.hover\:bg-indigo-warm-60:hover {
  background-color: #5e519e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-70 {
  background-color: #453c7b; }

.hover\:bg-indigo-warm-70:hover {
  background-color: #453c7b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-80 {
  background-color: #2e2c40; }

.hover\:bg-indigo-warm-80:hover {
  background-color: #2e2c40; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-90 {
  background-color: #18161d; }

.hover\:bg-indigo-warm-90:hover {
  background-color: #18161d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-5v {
  background-color: #f5f2ff; }

.hover\:bg-indigo-warm-5v:hover {
  background-color: #f5f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-10v {
  background-color: #e4deff; }

.hover\:bg-indigo-warm-10v:hover {
  background-color: #e4deff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-20v {
  background-color: #cfc4fd; }

.hover\:bg-indigo-warm-20v:hover {
  background-color: #cfc4fd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-30v {
  background-color: #b69fff; }

.hover\:bg-indigo-warm-30v:hover {
  background-color: #b69fff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-40v {
  background-color: #967efb; }

.hover\:bg-indigo-warm-40v:hover {
  background-color: #967efb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-50v {
  background-color: #745fe9; }

.hover\:bg-indigo-warm-50v:hover {
  background-color: #745fe9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-60v {
  background-color: #5942d2; }

.hover\:bg-indigo-warm-60v:hover {
  background-color: #5942d2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-70v {
  background-color: #3d2c9d; }

.hover\:bg-indigo-warm-70v:hover {
  background-color: #3d2c9d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-indigo-warm-80v {
  background-color: #261f5b; }

.hover\:bg-indigo-warm-80v:hover {
  background-color: #261f5b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-5 {
  background-color: #f9f0f2; }

.hover\:bg-magenta-5:hover {
  background-color: #f9f0f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-10 {
  background-color: #f6e1e8; }

.hover\:bg-magenta-10:hover {
  background-color: #f6e1e8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-20 {
  background-color: #f0bbcc; }

.hover\:bg-magenta-20:hover {
  background-color: #f0bbcc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-30 {
  background-color: #e895b3; }

.hover\:bg-magenta-30:hover {
  background-color: #e895b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-40 {
  background-color: #e0699f; }

.hover\:bg-magenta-40:hover {
  background-color: #e0699f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-50 {
  background-color: #c84281; }

.hover\:bg-magenta-50:hover {
  background-color: #c84281; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-60 {
  background-color: #8b4566; }

.hover\:bg-magenta-60:hover {
  background-color: #8b4566; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-70 {
  background-color: #66364b; }

.hover\:bg-magenta-70:hover {
  background-color: #66364b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-80 {
  background-color: #402731; }

.hover\:bg-magenta-80:hover {
  background-color: #402731; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-90 {
  background-color: #1b1617; }

.hover\:bg-magenta-90:hover {
  background-color: #1b1617; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-5v {
  background-color: #f9f0f2; }

.hover\:bg-magenta-5v:hover {
  background-color: #f9f0f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-10v {
  background-color: #ffddea; }

.hover\:bg-magenta-10v:hover {
  background-color: #ffddea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-20v {
  background-color: #ffb4cf; }

.hover\:bg-magenta-20v:hover {
  background-color: #ffb4cf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-30v {
  background-color: #ff87b2; }

.hover\:bg-magenta-30v:hover {
  background-color: #ff87b2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-40v {
  background-color: #fd4496; }

.hover\:bg-magenta-40v:hover {
  background-color: #fd4496; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-50v {
  background-color: #d72d79; }

.hover\:bg-magenta-50v:hover {
  background-color: #d72d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-60v {
  background-color: #ab2165; }

.hover\:bg-magenta-60v:hover {
  background-color: #ab2165; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-70v {
  background-color: #731f44; }

.hover\:bg-magenta-70v:hover {
  background-color: #731f44; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-magenta-80v {
  background-color: #4f172e; }

.hover\:bg-magenta-80v:hover {
  background-color: #4f172e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-5 {
  background-color: #e0f7f6; }

.hover\:bg-mint-cool-5:hover {
  background-color: #e0f7f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-10 {
  background-color: #c4eeeb; }

.hover\:bg-mint-cool-10:hover {
  background-color: #c4eeeb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-20 {
  background-color: #9bd4cf; }

.hover\:bg-mint-cool-20:hover {
  background-color: #9bd4cf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-30 {
  background-color: #6fbab3; }

.hover\:bg-mint-cool-30:hover {
  background-color: #6fbab3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-40 {
  background-color: #4f9e99; }

.hover\:bg-mint-cool-40:hover {
  background-color: #4f9e99; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-50 {
  background-color: #40807e; }

.hover\:bg-mint-cool-50:hover {
  background-color: #40807e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-60 {
  background-color: #376462; }

.hover\:bg-mint-cool-60:hover {
  background-color: #376462; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-70 {
  background-color: #2a4b45; }

.hover\:bg-mint-cool-70:hover {
  background-color: #2a4b45; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-80 {
  background-color: #203131; }

.hover\:bg-mint-cool-80:hover {
  background-color: #203131; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-90 {
  background-color: #111818; }

.hover\:bg-mint-cool-90:hover {
  background-color: #111818; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-5v {
  background-color: #d5fbf3; }

.hover\:bg-mint-cool-5v:hover {
  background-color: #d5fbf3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-10v {
  background-color: #7efbe1; }

.hover\:bg-mint-cool-10v:hover {
  background-color: #7efbe1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-20v {
  background-color: #29e1cb; }

.hover\:bg-mint-cool-20v:hover {
  background-color: #29e1cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-30v {
  background-color: #1dc2ae; }

.hover\:bg-mint-cool-30v:hover {
  background-color: #1dc2ae; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-40v {
  background-color: #00a398; }

.hover\:bg-mint-cool-40v:hover {
  background-color: #00a398; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-50v {
  background-color: #008480; }

.hover\:bg-mint-cool-50v:hover {
  background-color: #008480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-60v {
  background-color: #0f6460; }

.hover\:bg-mint-cool-60v:hover {
  background-color: #0f6460; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-70v {
  background-color: #0b4b3f; }

.hover\:bg-mint-cool-70v:hover {
  background-color: #0b4b3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-cool-80v {
  background-color: #123131; }

.hover\:bg-mint-cool-80v:hover {
  background-color: #123131; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-5 {
  background-color: #dbf6ed; }

.hover\:bg-mint-5:hover {
  background-color: #dbf6ed; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-10 {
  background-color: #c7efe2; }

.hover\:bg-mint-10:hover {
  background-color: #c7efe2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-20 {
  background-color: #92d9bb; }

.hover\:bg-mint-20:hover {
  background-color: #92d9bb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-30 {
  background-color: #5abf95; }

.hover\:bg-mint-30:hover {
  background-color: #5abf95; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-40 {
  background-color: #34a37e; }

.hover\:bg-mint-40:hover {
  background-color: #34a37e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-50 {
  background-color: #2e8367; }

.hover\:bg-mint-50:hover {
  background-color: #2e8367; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-60 {
  background-color: #286846; }

.hover\:bg-mint-60:hover {
  background-color: #286846; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-70 {
  background-color: #204e34; }

.hover\:bg-mint-70:hover {
  background-color: #204e34; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-80 {
  background-color: #193324; }

.hover\:bg-mint-80:hover {
  background-color: #193324; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-90 {
  background-color: #0d1a12; }

.hover\:bg-mint-90:hover {
  background-color: #0d1a12; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-5v {
  background-color: #c9fbeb; }

.hover\:bg-mint-5v:hover {
  background-color: #c9fbeb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-10v {
  background-color: #83fcd4; }

.hover\:bg-mint-10v:hover {
  background-color: #83fcd4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-20v {
  background-color: #0ceda6; }

.hover\:bg-mint-20v:hover {
  background-color: #0ceda6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-30v {
  background-color: #04c585; }

.hover\:bg-mint-30v:hover {
  background-color: #04c585; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-40v {
  background-color: #00a871; }

.hover\:bg-mint-40v:hover {
  background-color: #00a871; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-50v {
  background-color: #008659; }

.hover\:bg-mint-50v:hover {
  background-color: #008659; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-60v {
  background-color: #146947; }

.hover\:bg-mint-60v:hover {
  background-color: #146947; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-70v {
  background-color: #0c4e29; }

.hover\:bg-mint-70v:hover {
  background-color: #0c4e29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-mint-80v {
  background-color: #0d351e; }

.hover\:bg-mint-80v:hover {
  background-color: #0d351e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-5 {
  background-color: #f6efe9; }

.hover\:bg-orange-5:hover {
  background-color: #f6efe9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-10 {
  background-color: #f2e4d4; }

.hover\:bg-orange-10:hover {
  background-color: #f2e4d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-20 {
  background-color: #f3bf90; }

.hover\:bg-orange-20:hover {
  background-color: #f3bf90; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-30 {
  background-color: #f09860; }

.hover\:bg-orange-30:hover {
  background-color: #f09860; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-40 {
  background-color: #dd7533; }

.hover\:bg-orange-40:hover {
  background-color: #dd7533; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-50 {
  background-color: #a86437; }

.hover\:bg-orange-50:hover {
  background-color: #a86437; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-60 {
  background-color: #775540; }

.hover\:bg-orange-60:hover {
  background-color: #775540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-70 {
  background-color: #524236; }

.hover\:bg-orange-70:hover {
  background-color: #524236; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-80 {
  background-color: #332d27; }

.hover\:bg-orange-80:hover {
  background-color: #332d27; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-90 {
  background-color: #1b1614; }

.hover\:bg-orange-90:hover {
  background-color: #1b1614; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-5v {
  background-color: #fef2e4; }

.hover\:bg-orange-5v:hover {
  background-color: #fef2e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-10v {
  background-color: #fce2c5; }

.hover\:bg-orange-10v:hover {
  background-color: #fce2c5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-20v {
  background-color: #ffbc78; }

.hover\:bg-orange-20v:hover {
  background-color: #ffbc78; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-30v {
  background-color: #fa9441; }

.hover\:bg-orange-30v:hover {
  background-color: #fa9441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-40v {
  background-color: #e66f0e; }

.hover\:bg-orange-40v:hover {
  background-color: #e66f0e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-50v {
  background-color: #c05600; }

.hover\:bg-orange-50v:hover {
  background-color: #c05600; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-60v {
  background-color: #8c471c; }

.hover\:bg-orange-60v:hover {
  background-color: #8c471c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-70v {
  background-color: #5f3617; }

.hover\:bg-orange-70v:hover {
  background-color: #5f3617; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-80v {
  background-color: #352313; }

.hover\:bg-orange-80v:hover {
  background-color: #352313; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-5 {
  background-color: #faeee5; }

.hover\:bg-orange-warm-5:hover {
  background-color: #faeee5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-10 {
  background-color: #fbe0d0; }

.hover\:bg-orange-warm-10:hover {
  background-color: #fbe0d0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-20 {
  background-color: #f7bca2; }

.hover\:bg-orange-warm-20:hover {
  background-color: #f7bca2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-30 {
  background-color: #f3966d; }

.hover\:bg-orange-warm-30:hover {
  background-color: #f3966d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-40 {
  background-color: #e17141; }

.hover\:bg-orange-warm-40:hover {
  background-color: #e17141; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-50 {
  background-color: #bd5727; }

.hover\:bg-orange-warm-50:hover {
  background-color: #bd5727; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-60 {
  background-color: #914734; }

.hover\:bg-orange-warm-60:hover {
  background-color: #914734; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-70 {
  background-color: #633a32; }

.hover\:bg-orange-warm-70:hover {
  background-color: #633a32; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-80 {
  background-color: #3d2925; }

.hover\:bg-orange-warm-80:hover {
  background-color: #3d2925; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-90 {
  background-color: #1c1615; }

.hover\:bg-orange-warm-90:hover {
  background-color: #1c1615; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-5v {
  background-color: #fff3ea; }

.hover\:bg-orange-warm-5v:hover {
  background-color: #fff3ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-10v {
  background-color: #ffe2d1; }

.hover\:bg-orange-warm-10v:hover {
  background-color: #ffe2d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-20v {
  background-color: #fbbaa7; }

.hover\:bg-orange-warm-20v:hover {
  background-color: #fbbaa7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-30v {
  background-color: #fc906d; }

.hover\:bg-orange-warm-30v:hover {
  background-color: #fc906d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-40v {
  background-color: #ff580a; }

.hover\:bg-orange-warm-40v:hover {
  background-color: #ff580a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-50v {
  background-color: #cf4900; }

.hover\:bg-orange-warm-50v:hover {
  background-color: #cf4900; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-60v {
  background-color: #a72f10; }

.hover\:bg-orange-warm-60v:hover {
  background-color: #a72f10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-70v {
  background-color: #782312; }

.hover\:bg-orange-warm-70v:hover {
  background-color: #782312; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-orange-warm-80v {
  background-color: #3d231d; }

.hover\:bg-orange-warm-80v:hover {
  background-color: #3d231d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-5 {
  background-color: #f8eff1; }

.hover\:bg-red-cool-5:hover {
  background-color: #f8eff1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-10 {
  background-color: #f3e1e4; }

.hover\:bg-red-cool-10:hover {
  background-color: #f3e1e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-20 {
  background-color: #ecbec6; }

.hover\:bg-red-cool-20:hover {
  background-color: #ecbec6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-30 {
  background-color: #e09aa6; }

.hover\:bg-red-cool-30:hover {
  background-color: #e09aa6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-40 {
  background-color: #e16b80; }

.hover\:bg-red-cool-40:hover {
  background-color: #e16b80; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-50 {
  background-color: #cd425b; }

.hover\:bg-red-cool-50:hover {
  background-color: #cd425b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-60 {
  background-color: #9e394b; }

.hover\:bg-red-cool-60:hover {
  background-color: #9e394b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-70 {
  background-color: #68363f; }

.hover\:bg-red-cool-70:hover {
  background-color: #68363f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-80 {
  background-color: #40282c; }

.hover\:bg-red-cool-80:hover {
  background-color: #40282c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-90 {
  background-color: #1e1517; }

.hover\:bg-red-cool-90:hover {
  background-color: #1e1517; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-5v {
  background-color: #fff2f5; }

.hover\:bg-red-cool-5v:hover {
  background-color: #fff2f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-10v {
  background-color: #f8dfe2; }

.hover\:bg-red-cool-10v:hover {
  background-color: #f8dfe2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-20v {
  background-color: #f8b9c5; }

.hover\:bg-red-cool-20v:hover {
  background-color: #f8b9c5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-30v {
  background-color: #fd8ba0; }

.hover\:bg-red-cool-30v:hover {
  background-color: #fd8ba0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-40v {
  background-color: #f45d79; }

.hover\:bg-red-cool-40v:hover {
  background-color: #f45d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-50v {
  background-color: #e41d3d; }

.hover\:bg-red-cool-50v:hover {
  background-color: #e41d3d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-60v {
  background-color: #b21d38; }

.hover\:bg-red-cool-60v:hover {
  background-color: #b21d38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-70v {
  background-color: #822133; }

.hover\:bg-red-cool-70v:hover {
  background-color: #822133; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-cool-80v {
  background-color: #4f1c24; }

.hover\:bg-red-cool-80v:hover {
  background-color: #4f1c24; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-5 {
  background-color: #f9eeee; }

.hover\:bg-red-5:hover {
  background-color: #f9eeee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-10 {
  background-color: #f8e1de; }

.hover\:bg-red-10:hover {
  background-color: #f8e1de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-20 {
  background-color: #f7bbb1; }

.hover\:bg-red-20:hover {
  background-color: #f7bbb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-30 {
  background-color: #f2938c; }

.hover\:bg-red-30:hover {
  background-color: #f2938c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-40 {
  background-color: #e9695f; }

.hover\:bg-red-40:hover {
  background-color: #e9695f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-50 {
  background-color: #d83933; }

.hover\:bg-red-50:hover {
  background-color: #d83933; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-60 {
  background-color: #a23737; }

.hover\:bg-red-60:hover {
  background-color: #a23737; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-70 {
  background-color: #6f3331; }

.hover\:bg-red-70:hover {
  background-color: #6f3331; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-80 {
  background-color: #3e2927; }

.hover\:bg-red-80:hover {
  background-color: #3e2927; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-90 {
  background-color: #1b1616; }

.hover\:bg-red-90:hover {
  background-color: #1b1616; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-5v {
  background-color: #fff3f2; }

.hover\:bg-red-5v:hover {
  background-color: #fff3f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-10v {
  background-color: #fde0db; }

.hover\:bg-red-10v:hover {
  background-color: #fde0db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-20v {
  background-color: #fdb8ae; }

.hover\:bg-red-20v:hover {
  background-color: #fdb8ae; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-30v {
  background-color: #ff8d7b; }

.hover\:bg-red-30v:hover {
  background-color: #ff8d7b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-40v {
  background-color: #fb5a47; }

.hover\:bg-red-40v:hover {
  background-color: #fb5a47; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-50v {
  background-color: #e52207; }

.hover\:bg-red-50v:hover {
  background-color: #e52207; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-60v {
  background-color: #b50909; }

.hover\:bg-red-60v:hover {
  background-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-70v {
  background-color: #8b0a03; }

.hover\:bg-red-70v:hover {
  background-color: #8b0a03; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-80v {
  background-color: #5c1111; }

.hover\:bg-red-80v:hover {
  background-color: #5c1111; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-5 {
  background-color: #f6efea; }

.hover\:bg-red-warm-5:hover {
  background-color: #f6efea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-10 {
  background-color: #f4e3db; }

.hover\:bg-red-warm-10:hover {
  background-color: #f4e3db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-20 {
  background-color: #ecc0a7; }

.hover\:bg-red-warm-20:hover {
  background-color: #ecc0a7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-30 {
  background-color: #dca081; }

.hover\:bg-red-warm-30:hover {
  background-color: #dca081; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-40 {
  background-color: #d27a56; }

.hover\:bg-red-warm-40:hover {
  background-color: #d27a56; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-50 {
  background-color: #c3512c; }

.hover\:bg-red-warm-50:hover {
  background-color: #c3512c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-60 {
  background-color: #805039; }

.hover\:bg-red-warm-60:hover {
  background-color: #805039; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-70 {
  background-color: #524236; }

.hover\:bg-red-warm-70:hover {
  background-color: #524236; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-80 {
  background-color: #332d29; }

.hover\:bg-red-warm-80:hover {
  background-color: #332d29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-90 {
  background-color: #1f1c18; }

.hover\:bg-red-warm-90:hover {
  background-color: #1f1c18; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-5v {
  background-color: #fff5ee; }

.hover\:bg-red-warm-5v:hover {
  background-color: #fff5ee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-10v {
  background-color: #fce1d4; }

.hover\:bg-red-warm-10v:hover {
  background-color: #fce1d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-20v {
  background-color: #f6bd9c; }

.hover\:bg-red-warm-20v:hover {
  background-color: #f6bd9c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-30v {
  background-color: #f39268; }

.hover\:bg-red-warm-30v:hover {
  background-color: #f39268; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-40v {
  background-color: #ef5e25; }

.hover\:bg-red-warm-40v:hover {
  background-color: #ef5e25; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-50v {
  background-color: #d54309; }

.hover\:bg-red-warm-50v:hover {
  background-color: #d54309; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-60v {
  background-color: #9c3d10; }

.hover\:bg-red-warm-60v:hover {
  background-color: #9c3d10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-70v {
  background-color: #63340f; }

.hover\:bg-red-warm-70v:hover {
  background-color: #63340f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-red-warm-80v {
  background-color: #3e2a1e; }

.hover\:bg-red-warm-80v:hover {
  background-color: #3e2a1e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-5 {
  background-color: #f4f1f9; }

.hover\:bg-violet-5:hover {
  background-color: #f4f1f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-10 {
  background-color: #ebe3f9; }

.hover\:bg-violet-10:hover {
  background-color: #ebe3f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-20 {
  background-color: #d0c3e9; }

.hover\:bg-violet-20:hover {
  background-color: #d0c3e9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-30 {
  background-color: #b8a2e3; }

.hover\:bg-violet-30:hover {
  background-color: #b8a2e3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-40 {
  background-color: #9d84d2; }

.hover\:bg-violet-40:hover {
  background-color: #9d84d2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-50 {
  background-color: #8168b3; }

.hover\:bg-violet-50:hover {
  background-color: #8168b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-60 {
  background-color: #665190; }

.hover\:bg-violet-60:hover {
  background-color: #665190; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-70 {
  background-color: #4c3d69; }

.hover\:bg-violet-70:hover {
  background-color: #4c3d69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-80 {
  background-color: #312b3f; }

.hover\:bg-violet-80:hover {
  background-color: #312b3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-90 {
  background-color: #18161d; }

.hover\:bg-violet-90:hover {
  background-color: #18161d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-5v {
  background-color: #f7f2ff; }

.hover\:bg-violet-5v:hover {
  background-color: #f7f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-10v {
  background-color: #ede3ff; }

.hover\:bg-violet-10v:hover {
  background-color: #ede3ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-20v {
  background-color: #d5bfff; }

.hover\:bg-violet-20v:hover {
  background-color: #d5bfff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-30v {
  background-color: #c39deb; }

.hover\:bg-violet-30v:hover {
  background-color: #c39deb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-40v {
  background-color: #ad79e9; }

.hover\:bg-violet-40v:hover {
  background-color: #ad79e9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-50v {
  background-color: #9355dc; }

.hover\:bg-violet-50v:hover {
  background-color: #9355dc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-60v {
  background-color: #783cb9; }

.hover\:bg-violet-60v:hover {
  background-color: #783cb9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-70v {
  background-color: #54278f; }

.hover\:bg-violet-70v:hover {
  background-color: #54278f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-80v {
  background-color: #39215e; }

.hover\:bg-violet-80v:hover {
  background-color: #39215e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-5 {
  background-color: #f8f0f9; }

.hover\:bg-violet-warm-5:hover {
  background-color: #f8f0f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-10 {
  background-color: #f6dff8; }

.hover\:bg-violet-warm-10:hover {
  background-color: #f6dff8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-20 {
  background-color: #e2bee4; }

.hover\:bg-violet-warm-20:hover {
  background-color: #e2bee4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-30 {
  background-color: #d29ad8; }

.hover\:bg-violet-warm-30:hover {
  background-color: #d29ad8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-40 {
  background-color: #bf77c8; }

.hover\:bg-violet-warm-40:hover {
  background-color: #bf77c8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-50 {
  background-color: #b04abd; }

.hover\:bg-violet-warm-50:hover {
  background-color: #b04abd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-60 {
  background-color: #864381; }

.hover\:bg-violet-warm-60:hover {
  background-color: #864381; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-70 {
  background-color: #5c395a; }

.hover\:bg-violet-warm-70:hover {
  background-color: #5c395a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-80 {
  background-color: #382936; }

.hover\:bg-violet-warm-80:hover {
  background-color: #382936; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-90 {
  background-color: #1b151b; }

.hover\:bg-violet-warm-90:hover {
  background-color: #1b151b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-5v {
  background-color: #fef2ff; }

.hover\:bg-violet-warm-5v:hover {
  background-color: #fef2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-10v {
  background-color: #fbdcff; }

.hover\:bg-violet-warm-10v:hover {
  background-color: #fbdcff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-20v {
  background-color: #f4b2ff; }

.hover\:bg-violet-warm-20v:hover {
  background-color: #f4b2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-30v {
  background-color: #ee83ff; }

.hover\:bg-violet-warm-30v:hover {
  background-color: #ee83ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-40v {
  background-color: #d85bef; }

.hover\:bg-violet-warm-40v:hover {
  background-color: #d85bef; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-50v {
  background-color: #be32d0; }

.hover\:bg-violet-warm-50v:hover {
  background-color: #be32d0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-60v {
  background-color: #93348c; }

.hover\:bg-violet-warm-60v:hover {
  background-color: #93348c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-70v {
  background-color: #711e6c; }

.hover\:bg-violet-warm-70v:hover {
  background-color: #711e6c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-violet-warm-80v {
  background-color: #481441; }

.hover\:bg-violet-warm-80v:hover {
  background-color: #481441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white-transparent-5 {
  background-color: rgba(255, 255, 255, 0.01); }

.hover\:bg-white-transparent-5:hover {
  background-color: rgba(255, 255, 255, 0.01); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white-transparent-10 {
  background-color: rgba(255, 255, 255, 0.1); }

.hover\:bg-white-transparent-10:hover {
  background-color: rgba(255, 255, 255, 0.1); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white-transparent-20 {
  background-color: rgba(255, 255, 255, 0.2); }

.hover\:bg-white-transparent-20:hover {
  background-color: rgba(255, 255, 255, 0.2); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white-transparent-30 {
  background-color: rgba(255, 255, 255, 0.3); }

.hover\:bg-white-transparent-30:hover {
  background-color: rgba(255, 255, 255, 0.3); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white-transparent-40 {
  background-color: rgba(255, 255, 255, 0.4); }

.hover\:bg-white-transparent-40:hover {
  background-color: rgba(255, 255, 255, 0.4); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white-transparent-50 {
  background-color: rgba(255, 255, 255, 0.5); }

.hover\:bg-white-transparent-50:hover {
  background-color: rgba(255, 255, 255, 0.5); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white-transparent-60 {
  background-color: rgba(255, 255, 255, 0.6); }

.hover\:bg-white-transparent-60:hover {
  background-color: rgba(255, 255, 255, 0.6); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white-transparent-70 {
  background-color: rgba(255, 255, 255, 0.7); }

.hover\:bg-white-transparent-70:hover {
  background-color: rgba(255, 255, 255, 0.7); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white-transparent-80 {
  background-color: rgba(255, 255, 255, 0.8); }

.hover\:bg-white-transparent-80:hover {
  background-color: rgba(255, 255, 255, 0.8); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-white-transparent-90 {
  background-color: rgba(255, 255, 255, 0.9); }

.hover\:bg-white-transparent-90:hover {
  background-color: rgba(255, 255, 255, 0.9); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-5 {
  background-color: #faf3d1; }

.hover\:bg-yellow-5:hover {
  background-color: #faf3d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-10 {
  background-color: #f5e6af; }

.hover\:bg-yellow-10:hover {
  background-color: #f5e6af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-20 {
  background-color: #e6c74c; }

.hover\:bg-yellow-20:hover {
  background-color: #e6c74c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-30 {
  background-color: #c9ab48; }

.hover\:bg-yellow-30:hover {
  background-color: #c9ab48; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-40 {
  background-color: #a88f48; }

.hover\:bg-yellow-40:hover {
  background-color: #a88f48; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-50 {
  background-color: #8a7237; }

.hover\:bg-yellow-50:hover {
  background-color: #8a7237; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-60 {
  background-color: #6b5a39; }

.hover\:bg-yellow-60:hover {
  background-color: #6b5a39; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-70 {
  background-color: #504332; }

.hover\:bg-yellow-70:hover {
  background-color: #504332; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-80 {
  background-color: #332d27; }

.hover\:bg-yellow-80:hover {
  background-color: #332d27; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-90 {
  background-color: #1a1614; }

.hover\:bg-yellow-90:hover {
  background-color: #1a1614; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-5v {
  background-color: #fff5c2; }

.hover\:bg-yellow-5v:hover {
  background-color: #fff5c2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-10v {
  background-color: #fee685; }

.hover\:bg-yellow-10v:hover {
  background-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-20v {
  background-color: #face00; }

.hover\:bg-yellow-20v:hover {
  background-color: #face00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-30v {
  background-color: #ddaa01; }

.hover\:bg-yellow-30v:hover {
  background-color: #ddaa01; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-40v {
  background-color: #b38c00; }

.hover\:bg-yellow-40v:hover {
  background-color: #b38c00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-50v {
  background-color: #947100; }

.hover\:bg-yellow-50v:hover {
  background-color: #947100; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-60v {
  background-color: #776017; }

.hover\:bg-yellow-60v:hover {
  background-color: #776017; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-70v {
  background-color: #5c4809; }

.hover\:bg-yellow-70v:hover {
  background-color: #5c4809; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bg-yellow-80v {
  background-color: #422d19; }

.hover\:bg-yellow-80v:hover {
  background-color: #422d19; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-1px {
  border: 1px solid; }

.hover\:border-1px:hover {
  border: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-1px {
  border-top: 1px solid;
  border-bottom: 1px solid; }

.hover\:border-y-1px:hover {
  border-top: 1px solid;
  border-bottom: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-1px {
  border-left: 1px solid;
  border-right: 1px solid; }

.hover\:border-x-1px:hover {
  border-left: 1px solid;
  border-right: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-1px {
  border-top: 1px solid; }

.hover\:border-top-1px:hover {
  border-top: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-1px {
  border-right: 1px solid; }

.hover\:border-right-1px:hover {
  border-right: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-1px {
  border-bottom: 1px solid; }

.hover\:border-bottom-1px:hover {
  border-bottom: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-1px {
  border-left: 1px solid; }

.hover\:border-left-1px:hover {
  border-left: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-2px {
  border: 2px solid; }

.hover\:border-2px:hover {
  border: 2px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-2px {
  border-top: 2px solid;
  border-bottom: 2px solid; }

.hover\:border-y-2px:hover {
  border-top: 2px solid;
  border-bottom: 2px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-2px {
  border-left: 2px solid;
  border-right: 2px solid; }

.hover\:border-x-2px:hover {
  border-left: 2px solid;
  border-right: 2px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-2px {
  border-top: 2px solid; }

.hover\:border-top-2px:hover {
  border-top: 2px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-2px {
  border-right: 2px solid; }

.hover\:border-right-2px:hover {
  border-right: 2px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-2px {
  border-bottom: 2px solid; }

.hover\:border-bottom-2px:hover {
  border-bottom: 2px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-2px {
  border-left: 2px solid; }

.hover\:border-left-2px:hover {
  border-left: 2px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-05 {
  border: 0.25rem solid; }

.hover\:border-05:hover {
  border: 0.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-05 {
  border-top: 0.25rem solid; }

.hover\:border-top-05:hover {
  border-top: 0.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-05 {
  border-right: 0.25rem solid; }

.hover\:border-right-05:hover {
  border-right: 0.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-05 {
  border-bottom: 0.25rem solid; }

.hover\:border-bottom-05:hover {
  border-bottom: 0.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-05 {
  border-left: 0.25rem solid; }

.hover\:border-left-05:hover {
  border-left: 0.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-1 {
  border: 0.5rem solid; }

.hover\:border-1:hover {
  border: 0.5rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-1 {
  border-top: 0.5rem solid; }

.hover\:border-top-1:hover {
  border-top: 0.5rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-1 {
  border-right: 0.5rem solid; }

.hover\:border-right-1:hover {
  border-right: 0.5rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-1 {
  border-bottom: 0.5rem solid; }

.hover\:border-bottom-1:hover {
  border-bottom: 0.5rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-1 {
  border-left: 0.5rem solid; }

.hover\:border-left-1:hover {
  border-left: 0.5rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-105 {
  border: 0.75rem solid; }

.hover\:border-105:hover {
  border: 0.75rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-105 {
  border-top: 0.75rem solid; }

.hover\:border-top-105:hover {
  border-top: 0.75rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-105 {
  border-right: 0.75rem solid; }

.hover\:border-right-105:hover {
  border-right: 0.75rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-105 {
  border-bottom: 0.75rem solid; }

.hover\:border-bottom-105:hover {
  border-bottom: 0.75rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-105 {
  border-left: 0.75rem solid; }

.hover\:border-left-105:hover {
  border-left: 0.75rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-2 {
  border: 1rem solid; }

.hover\:border-2:hover {
  border: 1rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-2 {
  border-top: 1rem solid;
  border-bottom: 1rem solid; }

.hover\:border-y-2:hover {
  border-top: 1rem solid;
  border-bottom: 1rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-2 {
  border-left: 1rem solid;
  border-right: 1rem solid; }

.hover\:border-x-2:hover {
  border-left: 1rem solid;
  border-right: 1rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-2 {
  border-top: 1rem solid; }

.hover\:border-top-2:hover {
  border-top: 1rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-2 {
  border-right: 1rem solid; }

.hover\:border-right-2:hover {
  border-right: 1rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-2 {
  border-bottom: 1rem solid; }

.hover\:border-bottom-2:hover {
  border-bottom: 1rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-2 {
  border-left: 1rem solid; }

.hover\:border-left-2:hover {
  border-left: 1rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-205 {
  border: 1.25rem solid; }

.hover\:border-205:hover {
  border: 1.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-205 {
  border-top: 1.25rem solid; }

.hover\:border-top-205:hover {
  border-top: 1.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-205 {
  border-right: 1.25rem solid; }

.hover\:border-right-205:hover {
  border-right: 1.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-205 {
  border-bottom: 1.25rem solid; }

.hover\:border-bottom-205:hover {
  border-bottom: 1.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-205 {
  border-left: 1.25rem solid; }

.hover\:border-left-205:hover {
  border-left: 1.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-3 {
  border: 1.5rem solid; }

.hover\:border-3:hover {
  border: 1.5rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-3 {
  border-top: 1.5rem solid; }

.hover\:border-top-3:hover {
  border-top: 1.5rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-3 {
  border-right: 1.5rem solid; }

.hover\:border-right-3:hover {
  border-right: 1.5rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-3 {
  border-bottom: 1.5rem solid; }

.hover\:border-bottom-3:hover {
  border-bottom: 1.5rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-3 {
  border-left: 1.5rem solid; }

.hover\:border-left-3:hover {
  border-left: 1.5rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-0 {
  border: 0 solid; }

.hover\:border-0:hover {
  border: 0 solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-0 {
  border-top: 0 solid;
  border-bottom: 0 solid; }

.hover\:border-y-0:hover {
  border-top: 0 solid;
  border-bottom: 0 solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-0 {
  border-left: 0 solid;
  border-right: 0 solid; }

.hover\:border-x-0:hover {
  border-left: 0 solid;
  border-right: 0 solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-0 {
  border-top: 0 solid; }

.hover\:border-top-0:hover {
  border-top: 0 solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-0 {
  border-right: 0 solid; }

.hover\:border-right-0:hover {
  border-right: 0 solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-0 {
  border-bottom: 0 solid; }

.hover\:border-bottom-0:hover {
  border-bottom: 0 solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-0 {
  border-left: 0 solid; }

.hover\:border-left-0:hover {
  border-left: 0 solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border {
  border: 1px solid; }

.hover\:border:hover {
  border: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y {
  border-top: 1px solid;
  border-bottom: 1px solid; }

.hover\:border-y:hover {
  border-top: 1px solid;
  border-bottom: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x {
  border-left: 1px solid;
  border-right: 1px solid; }

.hover\:border-x:hover {
  border-left: 1px solid;
  border-right: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top {
  border-top: 1px solid; }

.hover\:border-top:hover {
  border-top: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right {
  border-right: 1px solid; }

.hover\:border-right:hover {
  border-right: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom {
  border-bottom: 1px solid; }

.hover\:border-bottom:hover {
  border-bottom: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left {
  border-left: 1px solid; }

.hover\:border-left:hover {
  border-left: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-transparent {
  border-color: transparent; }

.hover\:border-transparent:hover {
  border-color: transparent; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black {
  border-color: black; }

.hover\:border-black:hover {
  border-color: black; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white {
  border-color: white; }

.hover\:border-white:hover {
  border-color: white; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-base-lightest {
  border-color: #f0f0f0; }

.hover\:border-base-lightest:hover {
  border-color: #f0f0f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-base-lighter {
  border-color: #dfe1e2; }

.hover\:border-base-lighter:hover {
  border-color: #dfe1e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-base-light {
  border-color: #a9aeb1; }

.hover\:border-base-light:hover {
  border-color: #a9aeb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-base {
  border-color: #71767a; }

.hover\:border-base:hover {
  border-color: #71767a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-base-dark {
  border-color: #565c65; }

.hover\:border-base-dark:hover {
  border-color: #565c65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-base-darker {
  border-color: #3d4551; }

.hover\:border-base-darker:hover {
  border-color: #3d4551; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-base-darkest {
  border-color: #1b1b1b; }

.hover\:border-base-darkest:hover {
  border-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-ink {
  border-color: #1b1b1b; }

.hover\:border-ink:hover {
  border-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-primary-lighter {
  border-color: #d9e8f6; }

.hover\:border-primary-lighter:hover {
  border-color: #d9e8f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-primary-light {
  border-color: #73b3e7; }

.hover\:border-primary-light:hover {
  border-color: #73b3e7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-primary {
  border-color: #005ea2; }

.hover\:border-primary:hover {
  border-color: #005ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-primary-vivid {
  border-color: #0050d8; }

.hover\:border-primary-vivid:hover {
  border-color: #0050d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-primary-dark {
  border-color: #1a4480; }

.hover\:border-primary-dark:hover {
  border-color: #1a4480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-primary-darker {
  border-color: #162e51; }

.hover\:border-primary-darker:hover {
  border-color: #162e51; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-secondary-lighter {
  border-color: #f3e1e4; }

.hover\:border-secondary-lighter:hover {
  border-color: #f3e1e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-secondary-light {
  border-color: #f2938c; }

.hover\:border-secondary-light:hover {
  border-color: #f2938c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-secondary {
  border-color: #d83933; }

.hover\:border-secondary:hover {
  border-color: #d83933; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-secondary-vivid {
  border-color: #e41d3d; }

.hover\:border-secondary-vivid:hover {
  border-color: #e41d3d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-secondary-dark {
  border-color: #b50909; }

.hover\:border-secondary-dark:hover {
  border-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-secondary-darker {
  border-color: #8b0a03; }

.hover\:border-secondary-darker:hover {
  border-color: #8b0a03; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-accent-warm-darker {
  border-color: #775540; }

.hover\:border-accent-warm-darker:hover {
  border-color: #775540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-accent-warm-dark {
  border-color: #c05600; }

.hover\:border-accent-warm-dark:hover {
  border-color: #c05600; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-accent-warm {
  border-color: #fa9441; }

.hover\:border-accent-warm:hover {
  border-color: #fa9441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-accent-warm-light {
  border-color: #ffbc78; }

.hover\:border-accent-warm-light:hover {
  border-color: #ffbc78; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-accent-warm-lighter {
  border-color: #f2e4d4; }

.hover\:border-accent-warm-lighter:hover {
  border-color: #f2e4d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-accent-cool-darker {
  border-color: #07648d; }

.hover\:border-accent-cool-darker:hover {
  border-color: #07648d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-accent-cool-dark {
  border-color: #28a0cb; }

.hover\:border-accent-cool-dark:hover {
  border-color: #28a0cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-accent-cool {
  border-color: #00bde3; }

.hover\:border-accent-cool:hover {
  border-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-accent-cool-light {
  border-color: #97d4ea; }

.hover\:border-accent-cool-light:hover {
  border-color: #97d4ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-accent-cool-lighter {
  border-color: #e1f3f8; }

.hover\:border-accent-cool-lighter:hover {
  border-color: #e1f3f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-5 {
  border-color: #f0f0f0; }

.hover\:border-gray-5:hover {
  border-color: #f0f0f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-10 {
  border-color: #e6e6e6; }

.hover\:border-gray-10:hover {
  border-color: #e6e6e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-30 {
  border-color: #adadad; }

.hover\:border-gray-30:hover {
  border-color: #adadad; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-50 {
  border-color: #757575; }

.hover\:border-gray-50:hover {
  border-color: #757575; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-70 {
  border-color: #454545; }

.hover\:border-gray-70:hover {
  border-color: #454545; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-90 {
  border-color: #1b1b1b; }

.hover\:border-gray-90:hover {
  border-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-error-lighter {
  border-color: #f4e3db; }

.hover\:border-error-lighter:hover {
  border-color: #f4e3db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-error-light {
  border-color: #f39268; }

.hover\:border-error-light:hover {
  border-color: #f39268; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-error {
  border-color: #d54309; }

.hover\:border-error:hover {
  border-color: #d54309; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-error-dark {
  border-color: #b50909; }

.hover\:border-error-dark:hover {
  border-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-error-darker {
  border-color: #6f3331; }

.hover\:border-error-darker:hover {
  border-color: #6f3331; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-warning-lighter {
  border-color: #faf3d1; }

.hover\:border-warning-lighter:hover {
  border-color: #faf3d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-warning-light {
  border-color: #fee685; }

.hover\:border-warning-light:hover {
  border-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-warning {
  border-color: #ffbe2e; }

.hover\:border-warning:hover {
  border-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-warning-dark {
  border-color: #e5a000; }

.hover\:border-warning-dark:hover {
  border-color: #e5a000; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-warning-darker {
  border-color: #936f38; }

.hover\:border-warning-darker:hover {
  border-color: #936f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-success-lighter {
  border-color: #ecf3ec; }

.hover\:border-success-lighter:hover {
  border-color: #ecf3ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-success-light {
  border-color: #70e17b; }

.hover\:border-success-light:hover {
  border-color: #70e17b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-success {
  border-color: #00a91c; }

.hover\:border-success:hover {
  border-color: #00a91c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-success-dark {
  border-color: #008817; }

.hover\:border-success-dark:hover {
  border-color: #008817; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-success-darker {
  border-color: #216e1f; }

.hover\:border-success-darker:hover {
  border-color: #216e1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-info-lighter {
  border-color: #e7f6f8; }

.hover\:border-info-lighter:hover {
  border-color: #e7f6f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-info-light {
  border-color: #99deea; }

.hover\:border-info-light:hover {
  border-color: #99deea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-info {
  border-color: #00bde3; }

.hover\:border-info:hover {
  border-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-info-dark {
  border-color: #009ec1; }

.hover\:border-info-dark:hover {
  border-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-info-darker {
  border-color: #2e6276; }

.hover\:border-info-darker:hover {
  border-color: #2e6276; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-disabled-light {
  border-color: #e6e6e6; }

.hover\:border-disabled-light:hover {
  border-color: #e6e6e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-disabled {
  border-color: #c9c9c9; }

.hover\:border-disabled:hover {
  border-color: #c9c9c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-disabled-dark {
  border-color: #adadad; }

.hover\:border-disabled-dark:hover {
  border-color: #adadad; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-emergency {
  border-color: #9c3d10; }

.hover\:border-emergency:hover {
  border-color: #9c3d10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-emergency-dark {
  border-color: #332d29; }

.hover\:border-emergency-dark:hover {
  border-color: #332d29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red {
  border-color: #e52207; }

.hover\:border-red:hover {
  border-color: #e52207; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange {
  border-color: #e66f0e; }

.hover\:border-orange:hover {
  border-color: #e66f0e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold {
  border-color: #ffbe2e; }

.hover\:border-gold:hover {
  border-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow {
  border-color: #fee685; }

.hover\:border-yellow:hover {
  border-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green {
  border-color: #538200; }

.hover\:border-green:hover {
  border-color: #538200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint {
  border-color: #04c585; }

.hover\:border-mint:hover {
  border-color: #04c585; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan {
  border-color: #009ec1; }

.hover\:border-cyan:hover {
  border-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue {
  border-color: #0076d6; }

.hover\:border-blue:hover {
  border-color: #0076d6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo {
  border-color: #676cc8; }

.hover\:border-indigo:hover {
  border-color: #676cc8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet {
  border-color: #8168b3; }

.hover\:border-violet:hover {
  border-color: #8168b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta {
  border-color: #d72d79; }

.hover\:border-magenta:hover {
  border-color: #d72d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black-transparent-5 {
  border-color: rgba(0, 0, 0, 0.01); }

.hover\:border-black-transparent-5:hover {
  border-color: rgba(0, 0, 0, 0.01); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black-transparent-10 {
  border-color: rgba(0, 0, 0, 0.1); }

.hover\:border-black-transparent-10:hover {
  border-color: rgba(0, 0, 0, 0.1); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black-transparent-20 {
  border-color: rgba(0, 0, 0, 0.2); }

.hover\:border-black-transparent-20:hover {
  border-color: rgba(0, 0, 0, 0.2); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black-transparent-30 {
  border-color: rgba(0, 0, 0, 0.3); }

.hover\:border-black-transparent-30:hover {
  border-color: rgba(0, 0, 0, 0.3); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black-transparent-40 {
  border-color: rgba(0, 0, 0, 0.4); }

.hover\:border-black-transparent-40:hover {
  border-color: rgba(0, 0, 0, 0.4); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black-transparent-50 {
  border-color: rgba(0, 0, 0, 0.5); }

.hover\:border-black-transparent-50:hover {
  border-color: rgba(0, 0, 0, 0.5); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black-transparent-60 {
  border-color: rgba(0, 0, 0, 0.6); }

.hover\:border-black-transparent-60:hover {
  border-color: rgba(0, 0, 0, 0.6); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black-transparent-70 {
  border-color: rgba(0, 0, 0, 0.7); }

.hover\:border-black-transparent-70:hover {
  border-color: rgba(0, 0, 0, 0.7); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black-transparent-80 {
  border-color: rgba(0, 0, 0, 0.8); }

.hover\:border-black-transparent-80:hover {
  border-color: rgba(0, 0, 0, 0.8); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-black-transparent-90 {
  border-color: rgba(0, 0, 0, 0.9); }

.hover\:border-black-transparent-90:hover {
  border-color: rgba(0, 0, 0, 0.9); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-1 {
  border-color: #fbfcfd; }

.hover\:border-gray-cool-1:hover {
  border-color: #fbfcfd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-2 {
  border-color: #f7f9fa; }

.hover\:border-gray-cool-2:hover {
  border-color: #f7f9fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-3 {
  border-color: #f5f6f7; }

.hover\:border-gray-cool-3:hover {
  border-color: #f5f6f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-4 {
  border-color: #f1f3f6; }

.hover\:border-gray-cool-4:hover {
  border-color: #f1f3f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-5 {
  border-color: #edeff0; }

.hover\:border-gray-cool-5:hover {
  border-color: #edeff0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-10 {
  border-color: #dfe1e2; }

.hover\:border-gray-cool-10:hover {
  border-color: #dfe1e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-20 {
  border-color: #c6cace; }

.hover\:border-gray-cool-20:hover {
  border-color: #c6cace; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-30 {
  border-color: #a9aeb1; }

.hover\:border-gray-cool-30:hover {
  border-color: #a9aeb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-40 {
  border-color: #8d9297; }

.hover\:border-gray-cool-40:hover {
  border-color: #8d9297; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-50 {
  border-color: #71767a; }

.hover\:border-gray-cool-50:hover {
  border-color: #71767a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-60 {
  border-color: #565c65; }

.hover\:border-gray-cool-60:hover {
  border-color: #565c65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-70 {
  border-color: #3d4551; }

.hover\:border-gray-cool-70:hover {
  border-color: #3d4551; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-80 {
  border-color: #2d2e2f; }

.hover\:border-gray-cool-80:hover {
  border-color: #2d2e2f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-cool-90 {
  border-color: #1c1d1f; }

.hover\:border-gray-cool-90:hover {
  border-color: #1c1d1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-1 {
  border-color: #fcfcfc; }

.hover\:border-gray-1:hover {
  border-color: #fcfcfc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-2 {
  border-color: #f9f9f9; }

.hover\:border-gray-2:hover {
  border-color: #f9f9f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-3 {
  border-color: #f6f6f6; }

.hover\:border-gray-3:hover {
  border-color: #f6f6f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-4 {
  border-color: #f3f3f3; }

.hover\:border-gray-4:hover {
  border-color: #f3f3f3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-20 {
  border-color: #c9c9c9; }

.hover\:border-gray-20:hover {
  border-color: #c9c9c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-40 {
  border-color: #919191; }

.hover\:border-gray-40:hover {
  border-color: #919191; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-60 {
  border-color: #5c5c5c; }

.hover\:border-gray-60:hover {
  border-color: #5c5c5c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-80 {
  border-color: #2e2e2e; }

.hover\:border-gray-80:hover {
  border-color: #2e2e2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-1 {
  border-color: #fcfcfb; }

.hover\:border-gray-warm-1:hover {
  border-color: #fcfcfb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-2 {
  border-color: #f9f9f7; }

.hover\:border-gray-warm-2:hover {
  border-color: #f9f9f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-3 {
  border-color: #f6f6f2; }

.hover\:border-gray-warm-3:hover {
  border-color: #f6f6f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-4 {
  border-color: #f5f5f0; }

.hover\:border-gray-warm-4:hover {
  border-color: #f5f5f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-5 {
  border-color: #f0f0ec; }

.hover\:border-gray-warm-5:hover {
  border-color: #f0f0ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-10 {
  border-color: #e6e6e2; }

.hover\:border-gray-warm-10:hover {
  border-color: #e6e6e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-20 {
  border-color: #cac9c0; }

.hover\:border-gray-warm-20:hover {
  border-color: #cac9c0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-30 {
  border-color: #afaea2; }

.hover\:border-gray-warm-30:hover {
  border-color: #afaea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-40 {
  border-color: #929285; }

.hover\:border-gray-warm-40:hover {
  border-color: #929285; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-50 {
  border-color: #76766a; }

.hover\:border-gray-warm-50:hover {
  border-color: #76766a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-60 {
  border-color: #5d5d52; }

.hover\:border-gray-warm-60:hover {
  border-color: #5d5d52; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-70 {
  border-color: #454540; }

.hover\:border-gray-warm-70:hover {
  border-color: #454540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-80 {
  border-color: #2e2e2a; }

.hover\:border-gray-warm-80:hover {
  border-color: #2e2e2a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gray-warm-90 {
  border-color: #171716; }

.hover\:border-gray-warm-90:hover {
  border-color: #171716; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-5 {
  border-color: #e7f2f5; }

.hover\:border-blue-cool-5:hover {
  border-color: #e7f2f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-10 {
  border-color: #dae9ee; }

.hover\:border-blue-cool-10:hover {
  border-color: #dae9ee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-20 {
  border-color: #adcfdc; }

.hover\:border-blue-cool-20:hover {
  border-color: #adcfdc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-30 {
  border-color: #82b4c9; }

.hover\:border-blue-cool-30:hover {
  border-color: #82b4c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-40 {
  border-color: #6499af; }

.hover\:border-blue-cool-40:hover {
  border-color: #6499af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-50 {
  border-color: #3a7d95; }

.hover\:border-blue-cool-50:hover {
  border-color: #3a7d95; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-60 {
  border-color: #2e6276; }

.hover\:border-blue-cool-60:hover {
  border-color: #2e6276; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-70 {
  border-color: #224a58; }

.hover\:border-blue-cool-70:hover {
  border-color: #224a58; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-80 {
  border-color: #14333d; }

.hover\:border-blue-cool-80:hover {
  border-color: #14333d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-90 {
  border-color: #0f191c; }

.hover\:border-blue-cool-90:hover {
  border-color: #0f191c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-5v {
  border-color: #e1f3f8; }

.hover\:border-blue-cool-5v:hover {
  border-color: #e1f3f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-10v {
  border-color: #c3ebfa; }

.hover\:border-blue-cool-10v:hover {
  border-color: #c3ebfa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-20v {
  border-color: #97d4ea; }

.hover\:border-blue-cool-20v:hover {
  border-color: #97d4ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-30v {
  border-color: #59b9de; }

.hover\:border-blue-cool-30v:hover {
  border-color: #59b9de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-40v {
  border-color: #28a0cb; }

.hover\:border-blue-cool-40v:hover {
  border-color: #28a0cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-50v {
  border-color: #0d7ea2; }

.hover\:border-blue-cool-50v:hover {
  border-color: #0d7ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-60v {
  border-color: #07648d; }

.hover\:border-blue-cool-60v:hover {
  border-color: #07648d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-70v {
  border-color: #074b69; }

.hover\:border-blue-cool-70v:hover {
  border-color: #074b69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-cool-80v {
  border-color: #002d3f; }

.hover\:border-blue-cool-80v:hover {
  border-color: #002d3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-5 {
  border-color: #eff6fb; }

.hover\:border-blue-5:hover {
  border-color: #eff6fb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-10 {
  border-color: #d9e8f6; }

.hover\:border-blue-10:hover {
  border-color: #d9e8f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-20 {
  border-color: #aacdec; }

.hover\:border-blue-20:hover {
  border-color: #aacdec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-30 {
  border-color: #73b3e7; }

.hover\:border-blue-30:hover {
  border-color: #73b3e7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-40 {
  border-color: #4f97d1; }

.hover\:border-blue-40:hover {
  border-color: #4f97d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-50 {
  border-color: #2378c3; }

.hover\:border-blue-50:hover {
  border-color: #2378c3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-60 {
  border-color: #2c608a; }

.hover\:border-blue-60:hover {
  border-color: #2c608a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-70 {
  border-color: #274863; }

.hover\:border-blue-70:hover {
  border-color: #274863; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-80 {
  border-color: #1f303e; }

.hover\:border-blue-80:hover {
  border-color: #1f303e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-90 {
  border-color: #11181d; }

.hover\:border-blue-90:hover {
  border-color: #11181d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-5v {
  border-color: #e8f5ff; }

.hover\:border-blue-5v:hover {
  border-color: #e8f5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-10v {
  border-color: #cfe8ff; }

.hover\:border-blue-10v:hover {
  border-color: #cfe8ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-20v {
  border-color: #a1d3ff; }

.hover\:border-blue-20v:hover {
  border-color: #a1d3ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-30v {
  border-color: #58b4ff; }

.hover\:border-blue-30v:hover {
  border-color: #58b4ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-40v {
  border-color: #2491ff; }

.hover\:border-blue-40v:hover {
  border-color: #2491ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-50v {
  border-color: #0076d6; }

.hover\:border-blue-50v:hover {
  border-color: #0076d6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-60v {
  border-color: #005ea2; }

.hover\:border-blue-60v:hover {
  border-color: #005ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-70v {
  border-color: #0b4778; }

.hover\:border-blue-70v:hover {
  border-color: #0b4778; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-80v {
  border-color: #112f4e; }

.hover\:border-blue-80v:hover {
  border-color: #112f4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-5 {
  border-color: #ecf1f7; }

.hover\:border-blue-warm-5:hover {
  border-color: #ecf1f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-10 {
  border-color: #e1e7f1; }

.hover\:border-blue-warm-10:hover {
  border-color: #e1e7f1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-20 {
  border-color: #bbcae4; }

.hover\:border-blue-warm-20:hover {
  border-color: #bbcae4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-30 {
  border-color: #98afd2; }

.hover\:border-blue-warm-30:hover {
  border-color: #98afd2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-40 {
  border-color: #7292c7; }

.hover\:border-blue-warm-40:hover {
  border-color: #7292c7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-50 {
  border-color: #4a77b4; }

.hover\:border-blue-warm-50:hover {
  border-color: #4a77b4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-60 {
  border-color: #345d96; }

.hover\:border-blue-warm-60:hover {
  border-color: #345d96; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-70 {
  border-color: #2f4668; }

.hover\:border-blue-warm-70:hover {
  border-color: #2f4668; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-80 {
  border-color: #252f3e; }

.hover\:border-blue-warm-80:hover {
  border-color: #252f3e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-90 {
  border-color: #13171f; }

.hover\:border-blue-warm-90:hover {
  border-color: #13171f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-5v {
  border-color: #edf5ff; }

.hover\:border-blue-warm-5v:hover {
  border-color: #edf5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-10v {
  border-color: #d4e5ff; }

.hover\:border-blue-warm-10v:hover {
  border-color: #d4e5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-20v {
  border-color: #adcdff; }

.hover\:border-blue-warm-20v:hover {
  border-color: #adcdff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-30v {
  border-color: #81aefc; }

.hover\:border-blue-warm-30v:hover {
  border-color: #81aefc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-40v {
  border-color: #5994f6; }

.hover\:border-blue-warm-40v:hover {
  border-color: #5994f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-50v {
  border-color: #2672de; }

.hover\:border-blue-warm-50v:hover {
  border-color: #2672de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-60v {
  border-color: #0050d8; }

.hover\:border-blue-warm-60v:hover {
  border-color: #0050d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-70v {
  border-color: #1a4480; }

.hover\:border-blue-warm-70v:hover {
  border-color: #1a4480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-blue-warm-80v {
  border-color: #162e51; }

.hover\:border-blue-warm-80v:hover {
  border-color: #162e51; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-5 {
  border-color: #e7f6f8; }

.hover\:border-cyan-5:hover {
  border-color: #e7f6f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-10 {
  border-color: #ccecf2; }

.hover\:border-cyan-10:hover {
  border-color: #ccecf2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-20 {
  border-color: #99deea; }

.hover\:border-cyan-20:hover {
  border-color: #99deea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-30 {
  border-color: #5dc0d1; }

.hover\:border-cyan-30:hover {
  border-color: #5dc0d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-40 {
  border-color: #449dac; }

.hover\:border-cyan-40:hover {
  border-color: #449dac; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-50 {
  border-color: #168092; }

.hover\:border-cyan-50:hover {
  border-color: #168092; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-60 {
  border-color: #2a646d; }

.hover\:border-cyan-60:hover {
  border-color: #2a646d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-70 {
  border-color: #2c4a4e; }

.hover\:border-cyan-70:hover {
  border-color: #2c4a4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-80 {
  border-color: #203133; }

.hover\:border-cyan-80:hover {
  border-color: #203133; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-90 {
  border-color: #111819; }

.hover\:border-cyan-90:hover {
  border-color: #111819; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-5v {
  border-color: #e5faff; }

.hover\:border-cyan-5v:hover {
  border-color: #e5faff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-10v {
  border-color: #a8f2ff; }

.hover\:border-cyan-10v:hover {
  border-color: #a8f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-20v {
  border-color: #52daf2; }

.hover\:border-cyan-20v:hover {
  border-color: #52daf2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-30v {
  border-color: #00bde3; }

.hover\:border-cyan-30v:hover {
  border-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-40v {
  border-color: #009ec1; }

.hover\:border-cyan-40v:hover {
  border-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-50v {
  border-color: #0081a1; }

.hover\:border-cyan-50v:hover {
  border-color: #0081a1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-60v {
  border-color: #00687d; }

.hover\:border-cyan-60v:hover {
  border-color: #00687d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-70v {
  border-color: #0e4f5c; }

.hover\:border-cyan-70v:hover {
  border-color: #0e4f5c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-cyan-80v {
  border-color: #093b44; }

.hover\:border-cyan-80v:hover {
  border-color: #093b44; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-5 {
  border-color: #f5f0e6; }

.hover\:border-gold-5:hover {
  border-color: #f5f0e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-10 {
  border-color: #f1e5cd; }

.hover\:border-gold-10:hover {
  border-color: #f1e5cd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-20 {
  border-color: #dec69a; }

.hover\:border-gold-20:hover {
  border-color: #dec69a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-30 {
  border-color: #c7a97b; }

.hover\:border-gold-30:hover {
  border-color: #c7a97b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-40 {
  border-color: #ad8b65; }

.hover\:border-gold-40:hover {
  border-color: #ad8b65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-50 {
  border-color: #8e704f; }

.hover\:border-gold-50:hover {
  border-color: #8e704f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-60 {
  border-color: #6b5947; }

.hover\:border-gold-60:hover {
  border-color: #6b5947; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-70 {
  border-color: #4d4438; }

.hover\:border-gold-70:hover {
  border-color: #4d4438; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-80 {
  border-color: #322d26; }

.hover\:border-gold-80:hover {
  border-color: #322d26; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-90 {
  border-color: #191714; }

.hover\:border-gold-90:hover {
  border-color: #191714; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-5v {
  border-color: #fef0c8; }

.hover\:border-gold-5v:hover {
  border-color: #fef0c8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-10v {
  border-color: #ffe396; }

.hover\:border-gold-10v:hover {
  border-color: #ffe396; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-20v {
  border-color: #ffbe2e; }

.hover\:border-gold-20v:hover {
  border-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-30v {
  border-color: #e5a000; }

.hover\:border-gold-30v:hover {
  border-color: #e5a000; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-40v {
  border-color: #c2850c; }

.hover\:border-gold-40v:hover {
  border-color: #c2850c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-50v {
  border-color: #936f38; }

.hover\:border-gold-50v:hover {
  border-color: #936f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-60v {
  border-color: #7a591a; }

.hover\:border-gold-60v:hover {
  border-color: #7a591a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-70v {
  border-color: #5c410a; }

.hover\:border-gold-70v:hover {
  border-color: #5c410a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-gold-80v {
  border-color: #3b2b15; }

.hover\:border-gold-80v:hover {
  border-color: #3b2b15; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-5 {
  border-color: #ecf3ec; }

.hover\:border-green-cool-5:hover {
  border-color: #ecf3ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-10 {
  border-color: #dbebde; }

.hover\:border-green-cool-10:hover {
  border-color: #dbebde; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-20 {
  border-color: #b4d0b9; }

.hover\:border-green-cool-20:hover {
  border-color: #b4d0b9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-30 {
  border-color: #86b98e; }

.hover\:border-green-cool-30:hover {
  border-color: #86b98e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-40 {
  border-color: #5e9f69; }

.hover\:border-green-cool-40:hover {
  border-color: #5e9f69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-50 {
  border-color: #4d8055; }

.hover\:border-green-cool-50:hover {
  border-color: #4d8055; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-60 {
  border-color: #446443; }

.hover\:border-green-cool-60:hover {
  border-color: #446443; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-70 {
  border-color: #37493b; }

.hover\:border-green-cool-70:hover {
  border-color: #37493b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-80 {
  border-color: #28312a; }

.hover\:border-green-cool-80:hover {
  border-color: #28312a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-90 {
  border-color: #1a1f1a; }

.hover\:border-green-cool-90:hover {
  border-color: #1a1f1a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-5v {
  border-color: #e3f5e1; }

.hover\:border-green-cool-5v:hover {
  border-color: #e3f5e1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-10v {
  border-color: #b7f5bd; }

.hover\:border-green-cool-10v:hover {
  border-color: #b7f5bd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-20v {
  border-color: #70e17b; }

.hover\:border-green-cool-20v:hover {
  border-color: #70e17b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-30v {
  border-color: #21c834; }

.hover\:border-green-cool-30v:hover {
  border-color: #21c834; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-40v {
  border-color: #00a91c; }

.hover\:border-green-cool-40v:hover {
  border-color: #00a91c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-50v {
  border-color: #008817; }

.hover\:border-green-cool-50v:hover {
  border-color: #008817; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-60v {
  border-color: #216e1f; }

.hover\:border-green-cool-60v:hover {
  border-color: #216e1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-70v {
  border-color: #154c21; }

.hover\:border-green-cool-70v:hover {
  border-color: #154c21; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-cool-80v {
  border-color: #19311e; }

.hover\:border-green-cool-80v:hover {
  border-color: #19311e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-5 {
  border-color: #eaf4dd; }

.hover\:border-green-5:hover {
  border-color: #eaf4dd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-10 {
  border-color: #dfeacd; }

.hover\:border-green-10:hover {
  border-color: #dfeacd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-20 {
  border-color: #b8d293; }

.hover\:border-green-20:hover {
  border-color: #b8d293; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-30 {
  border-color: #9bb672; }

.hover\:border-green-30:hover {
  border-color: #9bb672; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-40 {
  border-color: #7d9b4e; }

.hover\:border-green-40:hover {
  border-color: #7d9b4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-50 {
  border-color: #607f35; }

.hover\:border-green-50:hover {
  border-color: #607f35; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-60 {
  border-color: #4c6424; }

.hover\:border-green-60:hover {
  border-color: #4c6424; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-70 {
  border-color: #3c4a29; }

.hover\:border-green-70:hover {
  border-color: #3c4a29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-80 {
  border-color: #293021; }

.hover\:border-green-80:hover {
  border-color: #293021; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-90 {
  border-color: #161814; }

.hover\:border-green-90:hover {
  border-color: #161814; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-5v {
  border-color: #ddf9c7; }

.hover\:border-green-5v:hover {
  border-color: #ddf9c7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-10v {
  border-color: #c5ee93; }

.hover\:border-green-10v:hover {
  border-color: #c5ee93; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-20v {
  border-color: #98d035; }

.hover\:border-green-20v:hover {
  border-color: #98d035; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-30v {
  border-color: #7fb135; }

.hover\:border-green-30v:hover {
  border-color: #7fb135; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-40v {
  border-color: #719f2a; }

.hover\:border-green-40v:hover {
  border-color: #719f2a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-50v {
  border-color: #538200; }

.hover\:border-green-50v:hover {
  border-color: #538200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-60v {
  border-color: #466c04; }

.hover\:border-green-60v:hover {
  border-color: #466c04; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-70v {
  border-color: #2f4a0b; }

.hover\:border-green-70v:hover {
  border-color: #2f4a0b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-80v {
  border-color: #243413; }

.hover\:border-green-80v:hover {
  border-color: #243413; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-5 {
  border-color: #f1f4d7; }

.hover\:border-green-warm-5:hover {
  border-color: #f1f4d7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-10 {
  border-color: #e7eab7; }

.hover\:border-green-warm-10:hover {
  border-color: #e7eab7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-20 {
  border-color: #cbd17a; }

.hover\:border-green-warm-20:hover {
  border-color: #cbd17a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-30 {
  border-color: #a6b557; }

.hover\:border-green-warm-30:hover {
  border-color: #a6b557; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-40 {
  border-color: #8a984b; }

.hover\:border-green-warm-40:hover {
  border-color: #8a984b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-50 {
  border-color: #6f7a41; }

.hover\:border-green-warm-50:hover {
  border-color: #6f7a41; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-60 {
  border-color: #5a5f38; }

.hover\:border-green-warm-60:hover {
  border-color: #5a5f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-70 {
  border-color: #45472f; }

.hover\:border-green-warm-70:hover {
  border-color: #45472f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-80 {
  border-color: #2d2f21; }

.hover\:border-green-warm-80:hover {
  border-color: #2d2f21; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-90 {
  border-color: #171712; }

.hover\:border-green-warm-90:hover {
  border-color: #171712; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-5v {
  border-color: #f5fbc1; }

.hover\:border-green-warm-5v:hover {
  border-color: #f5fbc1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-10v {
  border-color: #e7f434; }

.hover\:border-green-warm-10v:hover {
  border-color: #e7f434; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-20v {
  border-color: #c5d30a; }

.hover\:border-green-warm-20v:hover {
  border-color: #c5d30a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-30v {
  border-color: #a3b72c; }

.hover\:border-green-warm-30v:hover {
  border-color: #a3b72c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-40v {
  border-color: #7e9c1d; }

.hover\:border-green-warm-40v:hover {
  border-color: #7e9c1d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-50v {
  border-color: #6a7d00; }

.hover\:border-green-warm-50v:hover {
  border-color: #6a7d00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-60v {
  border-color: #5a6613; }

.hover\:border-green-warm-60v:hover {
  border-color: #5a6613; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-70v {
  border-color: #4b4e10; }

.hover\:border-green-warm-70v:hover {
  border-color: #4b4e10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-green-warm-80v {
  border-color: #38380b; }

.hover\:border-green-warm-80v:hover {
  border-color: #38380b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-5 {
  border-color: #eef0f9; }

.hover\:border-indigo-cool-5:hover {
  border-color: #eef0f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-10 {
  border-color: #e1e6f9; }

.hover\:border-indigo-cool-10:hover {
  border-color: #e1e6f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-20 {
  border-color: #bbc8f5; }

.hover\:border-indigo-cool-20:hover {
  border-color: #bbc8f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-30 {
  border-color: #96abee; }

.hover\:border-indigo-cool-30:hover {
  border-color: #96abee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-40 {
  border-color: #6b8ee8; }

.hover\:border-indigo-cool-40:hover {
  border-color: #6b8ee8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-50 {
  border-color: #496fd8; }

.hover\:border-indigo-cool-50:hover {
  border-color: #496fd8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-60 {
  border-color: #3f57a6; }

.hover\:border-indigo-cool-60:hover {
  border-color: #3f57a6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-70 {
  border-color: #374274; }

.hover\:border-indigo-cool-70:hover {
  border-color: #374274; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-80 {
  border-color: #292d42; }

.hover\:border-indigo-cool-80:hover {
  border-color: #292d42; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-90 {
  border-color: #151622; }

.hover\:border-indigo-cool-90:hover {
  border-color: #151622; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-5v {
  border-color: #edf0ff; }

.hover\:border-indigo-cool-5v:hover {
  border-color: #edf0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-10v {
  border-color: #dee5ff; }

.hover\:border-indigo-cool-10v:hover {
  border-color: #dee5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-20v {
  border-color: #b8c8ff; }

.hover\:border-indigo-cool-20v:hover {
  border-color: #b8c8ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-30v {
  border-color: #94adff; }

.hover\:border-indigo-cool-30v:hover {
  border-color: #94adff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-40v {
  border-color: #628ef4; }

.hover\:border-indigo-cool-40v:hover {
  border-color: #628ef4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-50v {
  border-color: #4866ff; }

.hover\:border-indigo-cool-50v:hover {
  border-color: #4866ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-60v {
  border-color: #3e4ded; }

.hover\:border-indigo-cool-60v:hover {
  border-color: #3e4ded; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-70v {
  border-color: #222fbf; }

.hover\:border-indigo-cool-70v:hover {
  border-color: #222fbf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-cool-80v {
  border-color: #1b2b85; }

.hover\:border-indigo-cool-80v:hover {
  border-color: #1b2b85; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-5 {
  border-color: #efeff8; }

.hover\:border-indigo-5:hover {
  border-color: #efeff8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-10 {
  border-color: #e5e4fa; }

.hover\:border-indigo-10:hover {
  border-color: #e5e4fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-20 {
  border-color: #c5c5f3; }

.hover\:border-indigo-20:hover {
  border-color: #c5c5f3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-30 {
  border-color: #a5a8eb; }

.hover\:border-indigo-30:hover {
  border-color: #a5a8eb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-40 {
  border-color: #8889db; }

.hover\:border-indigo-40:hover {
  border-color: #8889db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-50 {
  border-color: #676cc8; }

.hover\:border-indigo-50:hover {
  border-color: #676cc8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-60 {
  border-color: #4d52af; }

.hover\:border-indigo-60:hover {
  border-color: #4d52af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-70 {
  border-color: #3d4076; }

.hover\:border-indigo-70:hover {
  border-color: #3d4076; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-80 {
  border-color: #2b2c40; }

.hover\:border-indigo-80:hover {
  border-color: #2b2c40; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-90 {
  border-color: #16171f; }

.hover\:border-indigo-90:hover {
  border-color: #16171f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-5v {
  border-color: #f0f0ff; }

.hover\:border-indigo-5v:hover {
  border-color: #f0f0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-10v {
  border-color: #e0e0ff; }

.hover\:border-indigo-10v:hover {
  border-color: #e0e0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-20v {
  border-color: #ccceff; }

.hover\:border-indigo-20v:hover {
  border-color: #ccceff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-30v {
  border-color: #a3a7fa; }

.hover\:border-indigo-30v:hover {
  border-color: #a3a7fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-40v {
  border-color: #8289ff; }

.hover\:border-indigo-40v:hover {
  border-color: #8289ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-50v {
  border-color: #656bd7; }

.hover\:border-indigo-50v:hover {
  border-color: #656bd7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-60v {
  border-color: #4a50c4; }

.hover\:border-indigo-60v:hover {
  border-color: #4a50c4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-70v {
  border-color: #3333a3; }

.hover\:border-indigo-70v:hover {
  border-color: #3333a3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-80v {
  border-color: #212463; }

.hover\:border-indigo-80v:hover {
  border-color: #212463; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-5 {
  border-color: #f1eff7; }

.hover\:border-indigo-warm-5:hover {
  border-color: #f1eff7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-10 {
  border-color: #e7e3fa; }

.hover\:border-indigo-warm-10:hover {
  border-color: #e7e3fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-20 {
  border-color: #cbc4f2; }

.hover\:border-indigo-warm-20:hover {
  border-color: #cbc4f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-30 {
  border-color: #afa5e8; }

.hover\:border-indigo-warm-30:hover {
  border-color: #afa5e8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-40 {
  border-color: #9287d8; }

.hover\:border-indigo-warm-40:hover {
  border-color: #9287d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-50 {
  border-color: #7665d1; }

.hover\:border-indigo-warm-50:hover {
  border-color: #7665d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-60 {
  border-color: #5e519e; }

.hover\:border-indigo-warm-60:hover {
  border-color: #5e519e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-70 {
  border-color: #453c7b; }

.hover\:border-indigo-warm-70:hover {
  border-color: #453c7b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-80 {
  border-color: #2e2c40; }

.hover\:border-indigo-warm-80:hover {
  border-color: #2e2c40; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-90 {
  border-color: #18161d; }

.hover\:border-indigo-warm-90:hover {
  border-color: #18161d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-5v {
  border-color: #f5f2ff; }

.hover\:border-indigo-warm-5v:hover {
  border-color: #f5f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-10v {
  border-color: #e4deff; }

.hover\:border-indigo-warm-10v:hover {
  border-color: #e4deff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-20v {
  border-color: #cfc4fd; }

.hover\:border-indigo-warm-20v:hover {
  border-color: #cfc4fd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-30v {
  border-color: #b69fff; }

.hover\:border-indigo-warm-30v:hover {
  border-color: #b69fff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-40v {
  border-color: #967efb; }

.hover\:border-indigo-warm-40v:hover {
  border-color: #967efb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-50v {
  border-color: #745fe9; }

.hover\:border-indigo-warm-50v:hover {
  border-color: #745fe9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-60v {
  border-color: #5942d2; }

.hover\:border-indigo-warm-60v:hover {
  border-color: #5942d2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-70v {
  border-color: #3d2c9d; }

.hover\:border-indigo-warm-70v:hover {
  border-color: #3d2c9d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-indigo-warm-80v {
  border-color: #261f5b; }

.hover\:border-indigo-warm-80v:hover {
  border-color: #261f5b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-5 {
  border-color: #f9f0f2; }

.hover\:border-magenta-5:hover {
  border-color: #f9f0f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-10 {
  border-color: #f6e1e8; }

.hover\:border-magenta-10:hover {
  border-color: #f6e1e8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-20 {
  border-color: #f0bbcc; }

.hover\:border-magenta-20:hover {
  border-color: #f0bbcc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-30 {
  border-color: #e895b3; }

.hover\:border-magenta-30:hover {
  border-color: #e895b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-40 {
  border-color: #e0699f; }

.hover\:border-magenta-40:hover {
  border-color: #e0699f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-50 {
  border-color: #c84281; }

.hover\:border-magenta-50:hover {
  border-color: #c84281; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-60 {
  border-color: #8b4566; }

.hover\:border-magenta-60:hover {
  border-color: #8b4566; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-70 {
  border-color: #66364b; }

.hover\:border-magenta-70:hover {
  border-color: #66364b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-80 {
  border-color: #402731; }

.hover\:border-magenta-80:hover {
  border-color: #402731; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-90 {
  border-color: #1b1617; }

.hover\:border-magenta-90:hover {
  border-color: #1b1617; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-5v {
  border-color: #f9f0f2; }

.hover\:border-magenta-5v:hover {
  border-color: #f9f0f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-10v {
  border-color: #ffddea; }

.hover\:border-magenta-10v:hover {
  border-color: #ffddea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-20v {
  border-color: #ffb4cf; }

.hover\:border-magenta-20v:hover {
  border-color: #ffb4cf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-30v {
  border-color: #ff87b2; }

.hover\:border-magenta-30v:hover {
  border-color: #ff87b2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-40v {
  border-color: #fd4496; }

.hover\:border-magenta-40v:hover {
  border-color: #fd4496; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-50v {
  border-color: #d72d79; }

.hover\:border-magenta-50v:hover {
  border-color: #d72d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-60v {
  border-color: #ab2165; }

.hover\:border-magenta-60v:hover {
  border-color: #ab2165; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-70v {
  border-color: #731f44; }

.hover\:border-magenta-70v:hover {
  border-color: #731f44; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-magenta-80v {
  border-color: #4f172e; }

.hover\:border-magenta-80v:hover {
  border-color: #4f172e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-5 {
  border-color: #e0f7f6; }

.hover\:border-mint-cool-5:hover {
  border-color: #e0f7f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-10 {
  border-color: #c4eeeb; }

.hover\:border-mint-cool-10:hover {
  border-color: #c4eeeb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-20 {
  border-color: #9bd4cf; }

.hover\:border-mint-cool-20:hover {
  border-color: #9bd4cf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-30 {
  border-color: #6fbab3; }

.hover\:border-mint-cool-30:hover {
  border-color: #6fbab3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-40 {
  border-color: #4f9e99; }

.hover\:border-mint-cool-40:hover {
  border-color: #4f9e99; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-50 {
  border-color: #40807e; }

.hover\:border-mint-cool-50:hover {
  border-color: #40807e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-60 {
  border-color: #376462; }

.hover\:border-mint-cool-60:hover {
  border-color: #376462; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-70 {
  border-color: #2a4b45; }

.hover\:border-mint-cool-70:hover {
  border-color: #2a4b45; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-80 {
  border-color: #203131; }

.hover\:border-mint-cool-80:hover {
  border-color: #203131; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-90 {
  border-color: #111818; }

.hover\:border-mint-cool-90:hover {
  border-color: #111818; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-5v {
  border-color: #d5fbf3; }

.hover\:border-mint-cool-5v:hover {
  border-color: #d5fbf3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-10v {
  border-color: #7efbe1; }

.hover\:border-mint-cool-10v:hover {
  border-color: #7efbe1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-20v {
  border-color: #29e1cb; }

.hover\:border-mint-cool-20v:hover {
  border-color: #29e1cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-30v {
  border-color: #1dc2ae; }

.hover\:border-mint-cool-30v:hover {
  border-color: #1dc2ae; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-40v {
  border-color: #00a398; }

.hover\:border-mint-cool-40v:hover {
  border-color: #00a398; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-50v {
  border-color: #008480; }

.hover\:border-mint-cool-50v:hover {
  border-color: #008480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-60v {
  border-color: #0f6460; }

.hover\:border-mint-cool-60v:hover {
  border-color: #0f6460; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-70v {
  border-color: #0b4b3f; }

.hover\:border-mint-cool-70v:hover {
  border-color: #0b4b3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-cool-80v {
  border-color: #123131; }

.hover\:border-mint-cool-80v:hover {
  border-color: #123131; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-5 {
  border-color: #dbf6ed; }

.hover\:border-mint-5:hover {
  border-color: #dbf6ed; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-10 {
  border-color: #c7efe2; }

.hover\:border-mint-10:hover {
  border-color: #c7efe2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-20 {
  border-color: #92d9bb; }

.hover\:border-mint-20:hover {
  border-color: #92d9bb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-30 {
  border-color: #5abf95; }

.hover\:border-mint-30:hover {
  border-color: #5abf95; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-40 {
  border-color: #34a37e; }

.hover\:border-mint-40:hover {
  border-color: #34a37e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-50 {
  border-color: #2e8367; }

.hover\:border-mint-50:hover {
  border-color: #2e8367; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-60 {
  border-color: #286846; }

.hover\:border-mint-60:hover {
  border-color: #286846; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-70 {
  border-color: #204e34; }

.hover\:border-mint-70:hover {
  border-color: #204e34; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-80 {
  border-color: #193324; }

.hover\:border-mint-80:hover {
  border-color: #193324; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-90 {
  border-color: #0d1a12; }

.hover\:border-mint-90:hover {
  border-color: #0d1a12; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-5v {
  border-color: #c9fbeb; }

.hover\:border-mint-5v:hover {
  border-color: #c9fbeb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-10v {
  border-color: #83fcd4; }

.hover\:border-mint-10v:hover {
  border-color: #83fcd4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-20v {
  border-color: #0ceda6; }

.hover\:border-mint-20v:hover {
  border-color: #0ceda6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-30v {
  border-color: #04c585; }

.hover\:border-mint-30v:hover {
  border-color: #04c585; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-40v {
  border-color: #00a871; }

.hover\:border-mint-40v:hover {
  border-color: #00a871; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-50v {
  border-color: #008659; }

.hover\:border-mint-50v:hover {
  border-color: #008659; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-60v {
  border-color: #146947; }

.hover\:border-mint-60v:hover {
  border-color: #146947; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-70v {
  border-color: #0c4e29; }

.hover\:border-mint-70v:hover {
  border-color: #0c4e29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-mint-80v {
  border-color: #0d351e; }

.hover\:border-mint-80v:hover {
  border-color: #0d351e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-5 {
  border-color: #f6efe9; }

.hover\:border-orange-5:hover {
  border-color: #f6efe9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-10 {
  border-color: #f2e4d4; }

.hover\:border-orange-10:hover {
  border-color: #f2e4d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-20 {
  border-color: #f3bf90; }

.hover\:border-orange-20:hover {
  border-color: #f3bf90; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-30 {
  border-color: #f09860; }

.hover\:border-orange-30:hover {
  border-color: #f09860; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-40 {
  border-color: #dd7533; }

.hover\:border-orange-40:hover {
  border-color: #dd7533; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-50 {
  border-color: #a86437; }

.hover\:border-orange-50:hover {
  border-color: #a86437; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-60 {
  border-color: #775540; }

.hover\:border-orange-60:hover {
  border-color: #775540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-70 {
  border-color: #524236; }

.hover\:border-orange-70:hover {
  border-color: #524236; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-80 {
  border-color: #332d27; }

.hover\:border-orange-80:hover {
  border-color: #332d27; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-90 {
  border-color: #1b1614; }

.hover\:border-orange-90:hover {
  border-color: #1b1614; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-5v {
  border-color: #fef2e4; }

.hover\:border-orange-5v:hover {
  border-color: #fef2e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-10v {
  border-color: #fce2c5; }

.hover\:border-orange-10v:hover {
  border-color: #fce2c5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-20v {
  border-color: #ffbc78; }

.hover\:border-orange-20v:hover {
  border-color: #ffbc78; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-30v {
  border-color: #fa9441; }

.hover\:border-orange-30v:hover {
  border-color: #fa9441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-40v {
  border-color: #e66f0e; }

.hover\:border-orange-40v:hover {
  border-color: #e66f0e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-50v {
  border-color: #c05600; }

.hover\:border-orange-50v:hover {
  border-color: #c05600; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-60v {
  border-color: #8c471c; }

.hover\:border-orange-60v:hover {
  border-color: #8c471c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-70v {
  border-color: #5f3617; }

.hover\:border-orange-70v:hover {
  border-color: #5f3617; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-80v {
  border-color: #352313; }

.hover\:border-orange-80v:hover {
  border-color: #352313; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-5 {
  border-color: #faeee5; }

.hover\:border-orange-warm-5:hover {
  border-color: #faeee5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-10 {
  border-color: #fbe0d0; }

.hover\:border-orange-warm-10:hover {
  border-color: #fbe0d0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-20 {
  border-color: #f7bca2; }

.hover\:border-orange-warm-20:hover {
  border-color: #f7bca2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-30 {
  border-color: #f3966d; }

.hover\:border-orange-warm-30:hover {
  border-color: #f3966d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-40 {
  border-color: #e17141; }

.hover\:border-orange-warm-40:hover {
  border-color: #e17141; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-50 {
  border-color: #bd5727; }

.hover\:border-orange-warm-50:hover {
  border-color: #bd5727; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-60 {
  border-color: #914734; }

.hover\:border-orange-warm-60:hover {
  border-color: #914734; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-70 {
  border-color: #633a32; }

.hover\:border-orange-warm-70:hover {
  border-color: #633a32; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-80 {
  border-color: #3d2925; }

.hover\:border-orange-warm-80:hover {
  border-color: #3d2925; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-90 {
  border-color: #1c1615; }

.hover\:border-orange-warm-90:hover {
  border-color: #1c1615; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-5v {
  border-color: #fff3ea; }

.hover\:border-orange-warm-5v:hover {
  border-color: #fff3ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-10v {
  border-color: #ffe2d1; }

.hover\:border-orange-warm-10v:hover {
  border-color: #ffe2d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-20v {
  border-color: #fbbaa7; }

.hover\:border-orange-warm-20v:hover {
  border-color: #fbbaa7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-30v {
  border-color: #fc906d; }

.hover\:border-orange-warm-30v:hover {
  border-color: #fc906d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-40v {
  border-color: #ff580a; }

.hover\:border-orange-warm-40v:hover {
  border-color: #ff580a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-50v {
  border-color: #cf4900; }

.hover\:border-orange-warm-50v:hover {
  border-color: #cf4900; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-60v {
  border-color: #a72f10; }

.hover\:border-orange-warm-60v:hover {
  border-color: #a72f10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-70v {
  border-color: #782312; }

.hover\:border-orange-warm-70v:hover {
  border-color: #782312; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-orange-warm-80v {
  border-color: #3d231d; }

.hover\:border-orange-warm-80v:hover {
  border-color: #3d231d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-5 {
  border-color: #f8eff1; }

.hover\:border-red-cool-5:hover {
  border-color: #f8eff1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-10 {
  border-color: #f3e1e4; }

.hover\:border-red-cool-10:hover {
  border-color: #f3e1e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-20 {
  border-color: #ecbec6; }

.hover\:border-red-cool-20:hover {
  border-color: #ecbec6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-30 {
  border-color: #e09aa6; }

.hover\:border-red-cool-30:hover {
  border-color: #e09aa6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-40 {
  border-color: #e16b80; }

.hover\:border-red-cool-40:hover {
  border-color: #e16b80; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-50 {
  border-color: #cd425b; }

.hover\:border-red-cool-50:hover {
  border-color: #cd425b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-60 {
  border-color: #9e394b; }

.hover\:border-red-cool-60:hover {
  border-color: #9e394b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-70 {
  border-color: #68363f; }

.hover\:border-red-cool-70:hover {
  border-color: #68363f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-80 {
  border-color: #40282c; }

.hover\:border-red-cool-80:hover {
  border-color: #40282c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-90 {
  border-color: #1e1517; }

.hover\:border-red-cool-90:hover {
  border-color: #1e1517; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-5v {
  border-color: #fff2f5; }

.hover\:border-red-cool-5v:hover {
  border-color: #fff2f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-10v {
  border-color: #f8dfe2; }

.hover\:border-red-cool-10v:hover {
  border-color: #f8dfe2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-20v {
  border-color: #f8b9c5; }

.hover\:border-red-cool-20v:hover {
  border-color: #f8b9c5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-30v {
  border-color: #fd8ba0; }

.hover\:border-red-cool-30v:hover {
  border-color: #fd8ba0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-40v {
  border-color: #f45d79; }

.hover\:border-red-cool-40v:hover {
  border-color: #f45d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-50v {
  border-color: #e41d3d; }

.hover\:border-red-cool-50v:hover {
  border-color: #e41d3d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-60v {
  border-color: #b21d38; }

.hover\:border-red-cool-60v:hover {
  border-color: #b21d38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-70v {
  border-color: #822133; }

.hover\:border-red-cool-70v:hover {
  border-color: #822133; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-cool-80v {
  border-color: #4f1c24; }

.hover\:border-red-cool-80v:hover {
  border-color: #4f1c24; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-5 {
  border-color: #f9eeee; }

.hover\:border-red-5:hover {
  border-color: #f9eeee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-10 {
  border-color: #f8e1de; }

.hover\:border-red-10:hover {
  border-color: #f8e1de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-20 {
  border-color: #f7bbb1; }

.hover\:border-red-20:hover {
  border-color: #f7bbb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-30 {
  border-color: #f2938c; }

.hover\:border-red-30:hover {
  border-color: #f2938c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-40 {
  border-color: #e9695f; }

.hover\:border-red-40:hover {
  border-color: #e9695f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-50 {
  border-color: #d83933; }

.hover\:border-red-50:hover {
  border-color: #d83933; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-60 {
  border-color: #a23737; }

.hover\:border-red-60:hover {
  border-color: #a23737; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-70 {
  border-color: #6f3331; }

.hover\:border-red-70:hover {
  border-color: #6f3331; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-80 {
  border-color: #3e2927; }

.hover\:border-red-80:hover {
  border-color: #3e2927; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-90 {
  border-color: #1b1616; }

.hover\:border-red-90:hover {
  border-color: #1b1616; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-5v {
  border-color: #fff3f2; }

.hover\:border-red-5v:hover {
  border-color: #fff3f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-10v {
  border-color: #fde0db; }

.hover\:border-red-10v:hover {
  border-color: #fde0db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-20v {
  border-color: #fdb8ae; }

.hover\:border-red-20v:hover {
  border-color: #fdb8ae; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-30v {
  border-color: #ff8d7b; }

.hover\:border-red-30v:hover {
  border-color: #ff8d7b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-40v {
  border-color: #fb5a47; }

.hover\:border-red-40v:hover {
  border-color: #fb5a47; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-50v {
  border-color: #e52207; }

.hover\:border-red-50v:hover {
  border-color: #e52207; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-60v {
  border-color: #b50909; }

.hover\:border-red-60v:hover {
  border-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-70v {
  border-color: #8b0a03; }

.hover\:border-red-70v:hover {
  border-color: #8b0a03; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-80v {
  border-color: #5c1111; }

.hover\:border-red-80v:hover {
  border-color: #5c1111; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-5 {
  border-color: #f6efea; }

.hover\:border-red-warm-5:hover {
  border-color: #f6efea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-10 {
  border-color: #f4e3db; }

.hover\:border-red-warm-10:hover {
  border-color: #f4e3db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-20 {
  border-color: #ecc0a7; }

.hover\:border-red-warm-20:hover {
  border-color: #ecc0a7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-30 {
  border-color: #dca081; }

.hover\:border-red-warm-30:hover {
  border-color: #dca081; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-40 {
  border-color: #d27a56; }

.hover\:border-red-warm-40:hover {
  border-color: #d27a56; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-50 {
  border-color: #c3512c; }

.hover\:border-red-warm-50:hover {
  border-color: #c3512c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-60 {
  border-color: #805039; }

.hover\:border-red-warm-60:hover {
  border-color: #805039; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-70 {
  border-color: #524236; }

.hover\:border-red-warm-70:hover {
  border-color: #524236; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-80 {
  border-color: #332d29; }

.hover\:border-red-warm-80:hover {
  border-color: #332d29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-90 {
  border-color: #1f1c18; }

.hover\:border-red-warm-90:hover {
  border-color: #1f1c18; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-5v {
  border-color: #fff5ee; }

.hover\:border-red-warm-5v:hover {
  border-color: #fff5ee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-10v {
  border-color: #fce1d4; }

.hover\:border-red-warm-10v:hover {
  border-color: #fce1d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-20v {
  border-color: #f6bd9c; }

.hover\:border-red-warm-20v:hover {
  border-color: #f6bd9c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-30v {
  border-color: #f39268; }

.hover\:border-red-warm-30v:hover {
  border-color: #f39268; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-40v {
  border-color: #ef5e25; }

.hover\:border-red-warm-40v:hover {
  border-color: #ef5e25; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-50v {
  border-color: #d54309; }

.hover\:border-red-warm-50v:hover {
  border-color: #d54309; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-60v {
  border-color: #9c3d10; }

.hover\:border-red-warm-60v:hover {
  border-color: #9c3d10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-70v {
  border-color: #63340f; }

.hover\:border-red-warm-70v:hover {
  border-color: #63340f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-red-warm-80v {
  border-color: #3e2a1e; }

.hover\:border-red-warm-80v:hover {
  border-color: #3e2a1e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-5 {
  border-color: #f4f1f9; }

.hover\:border-violet-5:hover {
  border-color: #f4f1f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-10 {
  border-color: #ebe3f9; }

.hover\:border-violet-10:hover {
  border-color: #ebe3f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-20 {
  border-color: #d0c3e9; }

.hover\:border-violet-20:hover {
  border-color: #d0c3e9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-30 {
  border-color: #b8a2e3; }

.hover\:border-violet-30:hover {
  border-color: #b8a2e3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-40 {
  border-color: #9d84d2; }

.hover\:border-violet-40:hover {
  border-color: #9d84d2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-50 {
  border-color: #8168b3; }

.hover\:border-violet-50:hover {
  border-color: #8168b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-60 {
  border-color: #665190; }

.hover\:border-violet-60:hover {
  border-color: #665190; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-70 {
  border-color: #4c3d69; }

.hover\:border-violet-70:hover {
  border-color: #4c3d69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-80 {
  border-color: #312b3f; }

.hover\:border-violet-80:hover {
  border-color: #312b3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-90 {
  border-color: #18161d; }

.hover\:border-violet-90:hover {
  border-color: #18161d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-5v {
  border-color: #f7f2ff; }

.hover\:border-violet-5v:hover {
  border-color: #f7f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-10v {
  border-color: #ede3ff; }

.hover\:border-violet-10v:hover {
  border-color: #ede3ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-20v {
  border-color: #d5bfff; }

.hover\:border-violet-20v:hover {
  border-color: #d5bfff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-30v {
  border-color: #c39deb; }

.hover\:border-violet-30v:hover {
  border-color: #c39deb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-40v {
  border-color: #ad79e9; }

.hover\:border-violet-40v:hover {
  border-color: #ad79e9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-50v {
  border-color: #9355dc; }

.hover\:border-violet-50v:hover {
  border-color: #9355dc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-60v {
  border-color: #783cb9; }

.hover\:border-violet-60v:hover {
  border-color: #783cb9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-70v {
  border-color: #54278f; }

.hover\:border-violet-70v:hover {
  border-color: #54278f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-80v {
  border-color: #39215e; }

.hover\:border-violet-80v:hover {
  border-color: #39215e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-5 {
  border-color: #f8f0f9; }

.hover\:border-violet-warm-5:hover {
  border-color: #f8f0f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-10 {
  border-color: #f6dff8; }

.hover\:border-violet-warm-10:hover {
  border-color: #f6dff8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-20 {
  border-color: #e2bee4; }

.hover\:border-violet-warm-20:hover {
  border-color: #e2bee4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-30 {
  border-color: #d29ad8; }

.hover\:border-violet-warm-30:hover {
  border-color: #d29ad8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-40 {
  border-color: #bf77c8; }

.hover\:border-violet-warm-40:hover {
  border-color: #bf77c8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-50 {
  border-color: #b04abd; }

.hover\:border-violet-warm-50:hover {
  border-color: #b04abd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-60 {
  border-color: #864381; }

.hover\:border-violet-warm-60:hover {
  border-color: #864381; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-70 {
  border-color: #5c395a; }

.hover\:border-violet-warm-70:hover {
  border-color: #5c395a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-80 {
  border-color: #382936; }

.hover\:border-violet-warm-80:hover {
  border-color: #382936; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-90 {
  border-color: #1b151b; }

.hover\:border-violet-warm-90:hover {
  border-color: #1b151b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-5v {
  border-color: #fef2ff; }

.hover\:border-violet-warm-5v:hover {
  border-color: #fef2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-10v {
  border-color: #fbdcff; }

.hover\:border-violet-warm-10v:hover {
  border-color: #fbdcff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-20v {
  border-color: #f4b2ff; }

.hover\:border-violet-warm-20v:hover {
  border-color: #f4b2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-30v {
  border-color: #ee83ff; }

.hover\:border-violet-warm-30v:hover {
  border-color: #ee83ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-40v {
  border-color: #d85bef; }

.hover\:border-violet-warm-40v:hover {
  border-color: #d85bef; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-50v {
  border-color: #be32d0; }

.hover\:border-violet-warm-50v:hover {
  border-color: #be32d0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-60v {
  border-color: #93348c; }

.hover\:border-violet-warm-60v:hover {
  border-color: #93348c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-70v {
  border-color: #711e6c; }

.hover\:border-violet-warm-70v:hover {
  border-color: #711e6c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-violet-warm-80v {
  border-color: #481441; }

.hover\:border-violet-warm-80v:hover {
  border-color: #481441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white-transparent-5 {
  border-color: rgba(255, 255, 255, 0.01); }

.hover\:border-white-transparent-5:hover {
  border-color: rgba(255, 255, 255, 0.01); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white-transparent-10 {
  border-color: rgba(255, 255, 255, 0.1); }

.hover\:border-white-transparent-10:hover {
  border-color: rgba(255, 255, 255, 0.1); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white-transparent-20 {
  border-color: rgba(255, 255, 255, 0.2); }

.hover\:border-white-transparent-20:hover {
  border-color: rgba(255, 255, 255, 0.2); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white-transparent-30 {
  border-color: rgba(255, 255, 255, 0.3); }

.hover\:border-white-transparent-30:hover {
  border-color: rgba(255, 255, 255, 0.3); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white-transparent-40 {
  border-color: rgba(255, 255, 255, 0.4); }

.hover\:border-white-transparent-40:hover {
  border-color: rgba(255, 255, 255, 0.4); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white-transparent-50 {
  border-color: rgba(255, 255, 255, 0.5); }

.hover\:border-white-transparent-50:hover {
  border-color: rgba(255, 255, 255, 0.5); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white-transparent-60 {
  border-color: rgba(255, 255, 255, 0.6); }

.hover\:border-white-transparent-60:hover {
  border-color: rgba(255, 255, 255, 0.6); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white-transparent-70 {
  border-color: rgba(255, 255, 255, 0.7); }

.hover\:border-white-transparent-70:hover {
  border-color: rgba(255, 255, 255, 0.7); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white-transparent-80 {
  border-color: rgba(255, 255, 255, 0.8); }

.hover\:border-white-transparent-80:hover {
  border-color: rgba(255, 255, 255, 0.8); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-white-transparent-90 {
  border-color: rgba(255, 255, 255, 0.9); }

.hover\:border-white-transparent-90:hover {
  border-color: rgba(255, 255, 255, 0.9); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-5 {
  border-color: #faf3d1; }

.hover\:border-yellow-5:hover {
  border-color: #faf3d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-10 {
  border-color: #f5e6af; }

.hover\:border-yellow-10:hover {
  border-color: #f5e6af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-20 {
  border-color: #e6c74c; }

.hover\:border-yellow-20:hover {
  border-color: #e6c74c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-30 {
  border-color: #c9ab48; }

.hover\:border-yellow-30:hover {
  border-color: #c9ab48; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-40 {
  border-color: #a88f48; }

.hover\:border-yellow-40:hover {
  border-color: #a88f48; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-50 {
  border-color: #8a7237; }

.hover\:border-yellow-50:hover {
  border-color: #8a7237; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-60 {
  border-color: #6b5a39; }

.hover\:border-yellow-60:hover {
  border-color: #6b5a39; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-70 {
  border-color: #504332; }

.hover\:border-yellow-70:hover {
  border-color: #504332; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-80 {
  border-color: #332d27; }

.hover\:border-yellow-80:hover {
  border-color: #332d27; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-90 {
  border-color: #1a1614; }

.hover\:border-yellow-90:hover {
  border-color: #1a1614; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-5v {
  border-color: #fff5c2; }

.hover\:border-yellow-5v:hover {
  border-color: #fff5c2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-10v {
  border-color: #fee685; }

.hover\:border-yellow-10v:hover {
  border-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-20v {
  border-color: #face00; }

.hover\:border-yellow-20v:hover {
  border-color: #face00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-30v {
  border-color: #ddaa01; }

.hover\:border-yellow-30v:hover {
  border-color: #ddaa01; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-40v {
  border-color: #b38c00; }

.hover\:border-yellow-40v:hover {
  border-color: #b38c00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-50v {
  border-color: #947100; }

.hover\:border-yellow-50v:hover {
  border-color: #947100; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-60v {
  border-color: #776017; }

.hover\:border-yellow-60v:hover {
  border-color: #776017; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-70v {
  border-color: #5c4809; }

.hover\:border-yellow-70v:hover {
  border-color: #5c4809; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-yellow-80v {
  border-color: #422d19; }

.hover\:border-yellow-80v:hover {
  border-color: #422d19; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-0 {
  border-radius: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-top-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-right-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-bottom-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-left-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-none {
  border-radius: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-top-none {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-right-none {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-bottom-none {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-left-none {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-sm {
  border-radius: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-top-sm {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-right-sm {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-bottom-sm {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-left-sm {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-md {
  border-radius: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-top-md {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-right-md {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-bottom-md {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-left-md {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-lg {
  border-radius: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-top-lg {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-right-lg {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-bottom-lg {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-left-lg {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-pill {
  border-radius: 99rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-top-pill {
  border-top-left-radius: 99rem;
  border-top-right-radius: 99rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-right-pill {
  border-top-right-radius: 99rem;
  border-bottom-right-radius: 99rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-bottom-pill {
  border-bottom-left-radius: 99rem;
  border-bottom-right-radius: 99rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.radius-left-pill {
  border-top-left-radius: 99rem;
  border-bottom-left-radius: 99rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-dashed {
  border-style: dashed; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-dotted {
  border-style: dotted; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-solid {
  border-style: solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-width-1px {
  border-width: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-width-1px {
  border-top-width: 1px;
  border-bottom-width: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-width-1px {
  border-left-width: 1px;
  border-right-width: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-width-1px {
  border-top-width: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-width-1px {
  border-right-width: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-width-1px {
  border-bottom-width: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-width-1px {
  border-left-width: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-width-2px {
  border-width: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-width-2px {
  border-top-width: 2px;
  border-bottom-width: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-width-2px {
  border-left-width: 2px;
  border-right-width: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-width-2px {
  border-top-width: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-width-2px {
  border-right-width: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-width-2px {
  border-bottom-width: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-width-2px {
  border-left-width: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-width-05 {
  border-width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-width-05 {
  border-top-width: 0.25rem;
  border-bottom-width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-width-05 {
  border-left-width: 0.25rem;
  border-right-width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-width-05 {
  border-top-width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-width-05 {
  border-right-width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-width-05 {
  border-bottom-width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-width-05 {
  border-left-width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-width-1 {
  border-width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-width-1 {
  border-top-width: 0.5rem;
  border-bottom-width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-width-1 {
  border-left-width: 0.5rem;
  border-right-width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-width-1 {
  border-top-width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-width-1 {
  border-right-width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-width-1 {
  border-bottom-width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-width-1 {
  border-left-width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-width-105 {
  border-width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-width-105 {
  border-top-width: 0.75rem;
  border-bottom-width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-width-105 {
  border-left-width: 0.75rem;
  border-right-width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-width-105 {
  border-top-width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-width-105 {
  border-right-width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-width-105 {
  border-bottom-width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-width-105 {
  border-left-width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-width-2 {
  border-width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-width-2 {
  border-top-width: 1rem;
  border-bottom-width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-width-2 {
  border-left-width: 1rem;
  border-right-width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-width-2 {
  border-top-width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-width-2 {
  border-right-width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-width-2 {
  border-bottom-width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-width-2 {
  border-left-width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-width-205 {
  border-width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-width-205 {
  border-top-width: 1.25rem;
  border-bottom-width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-width-205 {
  border-left-width: 1.25rem;
  border-right-width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-width-205 {
  border-top-width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-width-205 {
  border-right-width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-width-205 {
  border-bottom-width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-width-205 {
  border-left-width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-width-3 {
  border-width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-width-3 {
  border-top-width: 1.5rem;
  border-bottom-width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-width-3 {
  border-left-width: 1.5rem;
  border-right-width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-width-3 {
  border-top-width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-width-3 {
  border-right-width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-width-3 {
  border-bottom-width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-width-3 {
  border-left-width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-width-0 {
  border-width: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-y-width-0 {
  border-top-width: 0;
  border-bottom-width: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-x-width-0 {
  border-left-width: 0;
  border-right-width: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-top-width-0 {
  border-top-width: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-right-width-0 {
  border-right-width: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-bottom-width-0 {
  border-bottom-width: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.border-left-width-0 {
  border-left-width: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-1px {
  bottom: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-2px {
  bottom: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-05 {
  bottom: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-1 {
  bottom: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-105 {
  bottom: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-2 {
  bottom: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-205 {
  bottom: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-3 {
  bottom: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-neg-1px {
  bottom: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-neg-2px {
  bottom: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-neg-05 {
  bottom: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-neg-1 {
  bottom: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-neg-105 {
  bottom: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-neg-2 {
  bottom: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-neg-205 {
  bottom: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-neg-3 {
  bottom: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-0 {
  bottom: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-auto {
  bottom: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.bottom-full {
  bottom: 100%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.shadow-none {
  box-shadow: none; }

.hover\:shadow-none:hover {
  box-shadow: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.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); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-1px {
  height: 1px;
  width: 1px;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-2px {
  height: 2px;
  width: 2px;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-05 {
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-1 {
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-105 {
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-2 {
  height: 1rem;
  width: 1rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-205 {
  height: 1.25rem;
  width: 1.25rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-3 {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-4 {
  height: 2rem;
  width: 2rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-5 {
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-6 {
  height: 3rem;
  width: 3rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-7 {
  height: 3.5rem;
  width: 3.5rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-8 {
  height: 4rem;
  width: 4rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-9 {
  height: 4.5rem;
  width: 4.5rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-10 {
  height: 5rem;
  width: 5rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-15 {
  height: 7.5rem;
  width: 7.5rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-card {
  height: 10rem;
  width: 10rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-card-lg {
  height: 15rem;
  width: 15rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.circle-mobile {
  height: 20rem;
  width: 20rem;
  border-radius: 50%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.clearfix::after {
  content: "";
  display: block;
  clear: both; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-transparent {
  color: transparent; }

.hover\:text-transparent:hover {
  color: transparent; }

.visited\:text-transparent:visited {
  color: transparent; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black {
  color: black; }

.hover\:text-black:hover {
  color: black; }

.visited\:text-black:visited {
  color: black; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white {
  color: white; }

.hover\:text-white:hover {
  color: white; }

.visited\:text-white:visited {
  color: white; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-base-lightest {
  color: #f0f0f0; }

.hover\:text-base-lightest:hover {
  color: #f0f0f0; }

.visited\:text-base-lightest:visited {
  color: #f0f0f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-base-lighter {
  color: #dfe1e2; }

.hover\:text-base-lighter:hover {
  color: #dfe1e2; }

.visited\:text-base-lighter:visited {
  color: #dfe1e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-base-light {
  color: #a9aeb1; }

.hover\:text-base-light:hover {
  color: #a9aeb1; }

.visited\:text-base-light:visited {
  color: #a9aeb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-base {
  color: #71767a; }

.hover\:text-base:hover {
  color: #71767a; }

.visited\:text-base:visited {
  color: #71767a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-base-dark {
  color: #565c65; }

.hover\:text-base-dark:hover {
  color: #565c65; }

.visited\:text-base-dark:visited {
  color: #565c65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-base-darker {
  color: #3d4551; }

.hover\:text-base-darker:hover {
  color: #3d4551; }

.visited\:text-base-darker:visited {
  color: #3d4551; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-base-darkest {
  color: #1b1b1b; }

.hover\:text-base-darkest:hover {
  color: #1b1b1b; }

.visited\:text-base-darkest:visited {
  color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-ink {
  color: #1b1b1b; }

.hover\:text-ink:hover {
  color: #1b1b1b; }

.visited\:text-ink:visited {
  color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-primary-lighter {
  color: #d9e8f6; }

.hover\:text-primary-lighter:hover {
  color: #d9e8f6; }

.visited\:text-primary-lighter:visited {
  color: #d9e8f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-primary-light {
  color: #73b3e7; }

.hover\:text-primary-light:hover {
  color: #73b3e7; }

.visited\:text-primary-light:visited {
  color: #73b3e7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-primary {
  color: #005ea2; }

.hover\:text-primary:hover {
  color: #005ea2; }

.visited\:text-primary:visited {
  color: #005ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-primary-vivid {
  color: #0050d8; }

.hover\:text-primary-vivid:hover {
  color: #0050d8; }

.visited\:text-primary-vivid:visited {
  color: #0050d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-primary-dark {
  color: #1a4480; }

.hover\:text-primary-dark:hover {
  color: #1a4480; }

.visited\:text-primary-dark:visited {
  color: #1a4480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-primary-darker {
  color: #162e51; }

.hover\:text-primary-darker:hover {
  color: #162e51; }

.visited\:text-primary-darker:visited {
  color: #162e51; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-secondary-lighter {
  color: #f3e1e4; }

.hover\:text-secondary-lighter:hover {
  color: #f3e1e4; }

.visited\:text-secondary-lighter:visited {
  color: #f3e1e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-secondary-light {
  color: #f2938c; }

.hover\:text-secondary-light:hover {
  color: #f2938c; }

.visited\:text-secondary-light:visited {
  color: #f2938c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-secondary {
  color: #d83933; }

.hover\:text-secondary:hover {
  color: #d83933; }

.visited\:text-secondary:visited {
  color: #d83933; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-secondary-vivid {
  color: #e41d3d; }

.hover\:text-secondary-vivid:hover {
  color: #e41d3d; }

.visited\:text-secondary-vivid:visited {
  color: #e41d3d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-secondary-dark {
  color: #b50909; }

.hover\:text-secondary-dark:hover {
  color: #b50909; }

.visited\:text-secondary-dark:visited {
  color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-secondary-darker {
  color: #8b0a03; }

.hover\:text-secondary-darker:hover {
  color: #8b0a03; }

.visited\:text-secondary-darker:visited {
  color: #8b0a03; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-accent-warm-darker {
  color: #775540; }

.hover\:text-accent-warm-darker:hover {
  color: #775540; }

.visited\:text-accent-warm-darker:visited {
  color: #775540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-accent-warm-dark {
  color: #c05600; }

.hover\:text-accent-warm-dark:hover {
  color: #c05600; }

.visited\:text-accent-warm-dark:visited {
  color: #c05600; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-accent-warm {
  color: #fa9441; }

.hover\:text-accent-warm:hover {
  color: #fa9441; }

.visited\:text-accent-warm:visited {
  color: #fa9441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-accent-warm-light {
  color: #ffbc78; }

.hover\:text-accent-warm-light:hover {
  color: #ffbc78; }

.visited\:text-accent-warm-light:visited {
  color: #ffbc78; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-accent-warm-lighter {
  color: #f2e4d4; }

.hover\:text-accent-warm-lighter:hover {
  color: #f2e4d4; }

.visited\:text-accent-warm-lighter:visited {
  color: #f2e4d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-accent-cool-darker {
  color: #07648d; }

.hover\:text-accent-cool-darker:hover {
  color: #07648d; }

.visited\:text-accent-cool-darker:visited {
  color: #07648d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-accent-cool-dark {
  color: #28a0cb; }

.hover\:text-accent-cool-dark:hover {
  color: #28a0cb; }

.visited\:text-accent-cool-dark:visited {
  color: #28a0cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-accent-cool {
  color: #00bde3; }

.hover\:text-accent-cool:hover {
  color: #00bde3; }

.visited\:text-accent-cool:visited {
  color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-accent-cool-light {
  color: #97d4ea; }

.hover\:text-accent-cool-light:hover {
  color: #97d4ea; }

.visited\:text-accent-cool-light:visited {
  color: #97d4ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-accent-cool-lighter {
  color: #e1f3f8; }

.hover\:text-accent-cool-lighter:hover {
  color: #e1f3f8; }

.visited\:text-accent-cool-lighter:visited {
  color: #e1f3f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-5 {
  color: #f0f0f0; }

.hover\:text-gray-5:hover {
  color: #f0f0f0; }

.visited\:text-gray-5:visited {
  color: #f0f0f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-10 {
  color: #e6e6e6; }

.hover\:text-gray-10:hover {
  color: #e6e6e6; }

.visited\:text-gray-10:visited {
  color: #e6e6e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-30 {
  color: #adadad; }

.hover\:text-gray-30:hover {
  color: #adadad; }

.visited\:text-gray-30:visited {
  color: #adadad; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-50 {
  color: #757575; }

.hover\:text-gray-50:hover {
  color: #757575; }

.visited\:text-gray-50:visited {
  color: #757575; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-70 {
  color: #454545; }

.hover\:text-gray-70:hover {
  color: #454545; }

.visited\:text-gray-70:visited {
  color: #454545; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-90 {
  color: #1b1b1b; }

.hover\:text-gray-90:hover {
  color: #1b1b1b; }

.visited\:text-gray-90:visited {
  color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-error-lighter {
  color: #f4e3db; }

.hover\:text-error-lighter:hover {
  color: #f4e3db; }

.visited\:text-error-lighter:visited {
  color: #f4e3db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-error-light {
  color: #f39268; }

.hover\:text-error-light:hover {
  color: #f39268; }

.visited\:text-error-light:visited {
  color: #f39268; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-error {
  color: #d54309; }

.hover\:text-error:hover {
  color: #d54309; }

.visited\:text-error:visited {
  color: #d54309; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-error-dark {
  color: #b50909; }

.hover\:text-error-dark:hover {
  color: #b50909; }

.visited\:text-error-dark:visited {
  color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-error-darker {
  color: #6f3331; }

.hover\:text-error-darker:hover {
  color: #6f3331; }

.visited\:text-error-darker:visited {
  color: #6f3331; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-warning-lighter {
  color: #faf3d1; }

.hover\:text-warning-lighter:hover {
  color: #faf3d1; }

.visited\:text-warning-lighter:visited {
  color: #faf3d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-warning-light {
  color: #fee685; }

.hover\:text-warning-light:hover {
  color: #fee685; }

.visited\:text-warning-light:visited {
  color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-warning {
  color: #ffbe2e; }

.hover\:text-warning:hover {
  color: #ffbe2e; }

.visited\:text-warning:visited {
  color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-warning-dark {
  color: #e5a000; }

.hover\:text-warning-dark:hover {
  color: #e5a000; }

.visited\:text-warning-dark:visited {
  color: #e5a000; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-warning-darker {
  color: #936f38; }

.hover\:text-warning-darker:hover {
  color: #936f38; }

.visited\:text-warning-darker:visited {
  color: #936f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-success-lighter {
  color: #ecf3ec; }

.hover\:text-success-lighter:hover {
  color: #ecf3ec; }

.visited\:text-success-lighter:visited {
  color: #ecf3ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-success-light {
  color: #70e17b; }

.hover\:text-success-light:hover {
  color: #70e17b; }

.visited\:text-success-light:visited {
  color: #70e17b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-success {
  color: #00a91c; }

.hover\:text-success:hover {
  color: #00a91c; }

.visited\:text-success:visited {
  color: #00a91c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-success-dark {
  color: #008817; }

.hover\:text-success-dark:hover {
  color: #008817; }

.visited\:text-success-dark:visited {
  color: #008817; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-success-darker {
  color: #216e1f; }

.hover\:text-success-darker:hover {
  color: #216e1f; }

.visited\:text-success-darker:visited {
  color: #216e1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-info-lighter {
  color: #e7f6f8; }

.hover\:text-info-lighter:hover {
  color: #e7f6f8; }

.visited\:text-info-lighter:visited {
  color: #e7f6f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-info-light {
  color: #99deea; }

.hover\:text-info-light:hover {
  color: #99deea; }

.visited\:text-info-light:visited {
  color: #99deea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-info {
  color: #00bde3; }

.hover\:text-info:hover {
  color: #00bde3; }

.visited\:text-info:visited {
  color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-info-dark {
  color: #009ec1; }

.hover\:text-info-dark:hover {
  color: #009ec1; }

.visited\:text-info-dark:visited {
  color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-info-darker {
  color: #2e6276; }

.hover\:text-info-darker:hover {
  color: #2e6276; }

.visited\:text-info-darker:visited {
  color: #2e6276; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-disabled-light {
  color: #e6e6e6; }

.hover\:text-disabled-light:hover {
  color: #e6e6e6; }

.visited\:text-disabled-light:visited {
  color: #e6e6e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-disabled {
  color: #c9c9c9; }

.hover\:text-disabled:hover {
  color: #c9c9c9; }

.visited\:text-disabled:visited {
  color: #c9c9c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-disabled-dark {
  color: #adadad; }

.hover\:text-disabled-dark:hover {
  color: #adadad; }

.visited\:text-disabled-dark:visited {
  color: #adadad; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-emergency {
  color: #9c3d10; }

.hover\:text-emergency:hover {
  color: #9c3d10; }

.visited\:text-emergency:visited {
  color: #9c3d10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-emergency-dark {
  color: #332d29; }

.hover\:text-emergency-dark:hover {
  color: #332d29; }

.visited\:text-emergency-dark:visited {
  color: #332d29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red {
  color: #e52207; }

.hover\:text-red:hover {
  color: #e52207; }

.visited\:text-red:visited {
  color: #e52207; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange {
  color: #e66f0e; }

.hover\:text-orange:hover {
  color: #e66f0e; }

.visited\:text-orange:visited {
  color: #e66f0e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold {
  color: #ffbe2e; }

.hover\:text-gold:hover {
  color: #ffbe2e; }

.visited\:text-gold:visited {
  color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow {
  color: #fee685; }

.hover\:text-yellow:hover {
  color: #fee685; }

.visited\:text-yellow:visited {
  color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green {
  color: #538200; }

.hover\:text-green:hover {
  color: #538200; }

.visited\:text-green:visited {
  color: #538200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint {
  color: #04c585; }

.hover\:text-mint:hover {
  color: #04c585; }

.visited\:text-mint:visited {
  color: #04c585; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan {
  color: #009ec1; }

.hover\:text-cyan:hover {
  color: #009ec1; }

.visited\:text-cyan:visited {
  color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue {
  color: #0076d6; }

.hover\:text-blue:hover {
  color: #0076d6; }

.visited\:text-blue:visited {
  color: #0076d6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo {
  color: #676cc8; }

.hover\:text-indigo:hover {
  color: #676cc8; }

.visited\:text-indigo:visited {
  color: #676cc8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet {
  color: #8168b3; }

.hover\:text-violet:hover {
  color: #8168b3; }

.visited\:text-violet:visited {
  color: #8168b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta {
  color: #d72d79; }

.hover\:text-magenta:hover {
  color: #d72d79; }

.visited\:text-magenta:visited {
  color: #d72d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black-transparent-5 {
  color: rgba(0, 0, 0, 0.01); }

.hover\:text-black-transparent-5:hover {
  color: rgba(0, 0, 0, 0.01); }

.visited\:text-black-transparent-5:visited {
  color: rgba(0, 0, 0, 0.01); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black-transparent-10 {
  color: rgba(0, 0, 0, 0.1); }

.hover\:text-black-transparent-10:hover {
  color: rgba(0, 0, 0, 0.1); }

.visited\:text-black-transparent-10:visited {
  color: rgba(0, 0, 0, 0.1); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black-transparent-20 {
  color: rgba(0, 0, 0, 0.2); }

.hover\:text-black-transparent-20:hover {
  color: rgba(0, 0, 0, 0.2); }

.visited\:text-black-transparent-20:visited {
  color: rgba(0, 0, 0, 0.2); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black-transparent-30 {
  color: rgba(0, 0, 0, 0.3); }

.hover\:text-black-transparent-30:hover {
  color: rgba(0, 0, 0, 0.3); }

.visited\:text-black-transparent-30:visited {
  color: rgba(0, 0, 0, 0.3); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black-transparent-40 {
  color: rgba(0, 0, 0, 0.4); }

.hover\:text-black-transparent-40:hover {
  color: rgba(0, 0, 0, 0.4); }

.visited\:text-black-transparent-40:visited {
  color: rgba(0, 0, 0, 0.4); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black-transparent-50 {
  color: rgba(0, 0, 0, 0.5); }

.hover\:text-black-transparent-50:hover {
  color: rgba(0, 0, 0, 0.5); }

.visited\:text-black-transparent-50:visited {
  color: rgba(0, 0, 0, 0.5); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black-transparent-60 {
  color: rgba(0, 0, 0, 0.6); }

.hover\:text-black-transparent-60:hover {
  color: rgba(0, 0, 0, 0.6); }

.visited\:text-black-transparent-60:visited {
  color: rgba(0, 0, 0, 0.6); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black-transparent-70 {
  color: rgba(0, 0, 0, 0.7); }

.hover\:text-black-transparent-70:hover {
  color: rgba(0, 0, 0, 0.7); }

.visited\:text-black-transparent-70:visited {
  color: rgba(0, 0, 0, 0.7); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black-transparent-80 {
  color: rgba(0, 0, 0, 0.8); }

.hover\:text-black-transparent-80:hover {
  color: rgba(0, 0, 0, 0.8); }

.visited\:text-black-transparent-80:visited {
  color: rgba(0, 0, 0, 0.8); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-black-transparent-90 {
  color: rgba(0, 0, 0, 0.9); }

.hover\:text-black-transparent-90:hover {
  color: rgba(0, 0, 0, 0.9); }

.visited\:text-black-transparent-90:visited {
  color: rgba(0, 0, 0, 0.9); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-1 {
  color: #fbfcfd; }

.hover\:text-gray-cool-1:hover {
  color: #fbfcfd; }

.visited\:text-gray-cool-1:visited {
  color: #fbfcfd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-2 {
  color: #f7f9fa; }

.hover\:text-gray-cool-2:hover {
  color: #f7f9fa; }

.visited\:text-gray-cool-2:visited {
  color: #f7f9fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-3 {
  color: #f5f6f7; }

.hover\:text-gray-cool-3:hover {
  color: #f5f6f7; }

.visited\:text-gray-cool-3:visited {
  color: #f5f6f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-4 {
  color: #f1f3f6; }

.hover\:text-gray-cool-4:hover {
  color: #f1f3f6; }

.visited\:text-gray-cool-4:visited {
  color: #f1f3f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-5 {
  color: #edeff0; }

.hover\:text-gray-cool-5:hover {
  color: #edeff0; }

.visited\:text-gray-cool-5:visited {
  color: #edeff0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-10 {
  color: #dfe1e2; }

.hover\:text-gray-cool-10:hover {
  color: #dfe1e2; }

.visited\:text-gray-cool-10:visited {
  color: #dfe1e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-20 {
  color: #c6cace; }

.hover\:text-gray-cool-20:hover {
  color: #c6cace; }

.visited\:text-gray-cool-20:visited {
  color: #c6cace; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-30 {
  color: #a9aeb1; }

.hover\:text-gray-cool-30:hover {
  color: #a9aeb1; }

.visited\:text-gray-cool-30:visited {
  color: #a9aeb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-40 {
  color: #8d9297; }

.hover\:text-gray-cool-40:hover {
  color: #8d9297; }

.visited\:text-gray-cool-40:visited {
  color: #8d9297; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-50 {
  color: #71767a; }

.hover\:text-gray-cool-50:hover {
  color: #71767a; }

.visited\:text-gray-cool-50:visited {
  color: #71767a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-60 {
  color: #565c65; }

.hover\:text-gray-cool-60:hover {
  color: #565c65; }

.visited\:text-gray-cool-60:visited {
  color: #565c65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-70 {
  color: #3d4551; }

.hover\:text-gray-cool-70:hover {
  color: #3d4551; }

.visited\:text-gray-cool-70:visited {
  color: #3d4551; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-80 {
  color: #2d2e2f; }

.hover\:text-gray-cool-80:hover {
  color: #2d2e2f; }

.visited\:text-gray-cool-80:visited {
  color: #2d2e2f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-cool-90 {
  color: #1c1d1f; }

.hover\:text-gray-cool-90:hover {
  color: #1c1d1f; }

.visited\:text-gray-cool-90:visited {
  color: #1c1d1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-1 {
  color: #fcfcfc; }

.hover\:text-gray-1:hover {
  color: #fcfcfc; }

.visited\:text-gray-1:visited {
  color: #fcfcfc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-2 {
  color: #f9f9f9; }

.hover\:text-gray-2:hover {
  color: #f9f9f9; }

.visited\:text-gray-2:visited {
  color: #f9f9f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-3 {
  color: #f6f6f6; }

.hover\:text-gray-3:hover {
  color: #f6f6f6; }

.visited\:text-gray-3:visited {
  color: #f6f6f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-4 {
  color: #f3f3f3; }

.hover\:text-gray-4:hover {
  color: #f3f3f3; }

.visited\:text-gray-4:visited {
  color: #f3f3f3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-20 {
  color: #c9c9c9; }

.hover\:text-gray-20:hover {
  color: #c9c9c9; }

.visited\:text-gray-20:visited {
  color: #c9c9c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-40 {
  color: #919191; }

.hover\:text-gray-40:hover {
  color: #919191; }

.visited\:text-gray-40:visited {
  color: #919191; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-60 {
  color: #5c5c5c; }

.hover\:text-gray-60:hover {
  color: #5c5c5c; }

.visited\:text-gray-60:visited {
  color: #5c5c5c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-80 {
  color: #2e2e2e; }

.hover\:text-gray-80:hover {
  color: #2e2e2e; }

.visited\:text-gray-80:visited {
  color: #2e2e2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-1 {
  color: #fcfcfb; }

.hover\:text-gray-warm-1:hover {
  color: #fcfcfb; }

.visited\:text-gray-warm-1:visited {
  color: #fcfcfb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-2 {
  color: #f9f9f7; }

.hover\:text-gray-warm-2:hover {
  color: #f9f9f7; }

.visited\:text-gray-warm-2:visited {
  color: #f9f9f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-3 {
  color: #f6f6f2; }

.hover\:text-gray-warm-3:hover {
  color: #f6f6f2; }

.visited\:text-gray-warm-3:visited {
  color: #f6f6f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-4 {
  color: #f5f5f0; }

.hover\:text-gray-warm-4:hover {
  color: #f5f5f0; }

.visited\:text-gray-warm-4:visited {
  color: #f5f5f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-5 {
  color: #f0f0ec; }

.hover\:text-gray-warm-5:hover {
  color: #f0f0ec; }

.visited\:text-gray-warm-5:visited {
  color: #f0f0ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-10 {
  color: #e6e6e2; }

.hover\:text-gray-warm-10:hover {
  color: #e6e6e2; }

.visited\:text-gray-warm-10:visited {
  color: #e6e6e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-20 {
  color: #cac9c0; }

.hover\:text-gray-warm-20:hover {
  color: #cac9c0; }

.visited\:text-gray-warm-20:visited {
  color: #cac9c0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-30 {
  color: #afaea2; }

.hover\:text-gray-warm-30:hover {
  color: #afaea2; }

.visited\:text-gray-warm-30:visited {
  color: #afaea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-40 {
  color: #929285; }

.hover\:text-gray-warm-40:hover {
  color: #929285; }

.visited\:text-gray-warm-40:visited {
  color: #929285; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-50 {
  color: #76766a; }

.hover\:text-gray-warm-50:hover {
  color: #76766a; }

.visited\:text-gray-warm-50:visited {
  color: #76766a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-60 {
  color: #5d5d52; }

.hover\:text-gray-warm-60:hover {
  color: #5d5d52; }

.visited\:text-gray-warm-60:visited {
  color: #5d5d52; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-70 {
  color: #454540; }

.hover\:text-gray-warm-70:hover {
  color: #454540; }

.visited\:text-gray-warm-70:visited {
  color: #454540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-80 {
  color: #2e2e2a; }

.hover\:text-gray-warm-80:hover {
  color: #2e2e2a; }

.visited\:text-gray-warm-80:visited {
  color: #2e2e2a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gray-warm-90 {
  color: #171716; }

.hover\:text-gray-warm-90:hover {
  color: #171716; }

.visited\:text-gray-warm-90:visited {
  color: #171716; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-5 {
  color: #e7f2f5; }

.hover\:text-blue-cool-5:hover {
  color: #e7f2f5; }

.visited\:text-blue-cool-5:visited {
  color: #e7f2f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-10 {
  color: #dae9ee; }

.hover\:text-blue-cool-10:hover {
  color: #dae9ee; }

.visited\:text-blue-cool-10:visited {
  color: #dae9ee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-20 {
  color: #adcfdc; }

.hover\:text-blue-cool-20:hover {
  color: #adcfdc; }

.visited\:text-blue-cool-20:visited {
  color: #adcfdc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-30 {
  color: #82b4c9; }

.hover\:text-blue-cool-30:hover {
  color: #82b4c9; }

.visited\:text-blue-cool-30:visited {
  color: #82b4c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-40 {
  color: #6499af; }

.hover\:text-blue-cool-40:hover {
  color: #6499af; }

.visited\:text-blue-cool-40:visited {
  color: #6499af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-50 {
  color: #3a7d95; }

.hover\:text-blue-cool-50:hover {
  color: #3a7d95; }

.visited\:text-blue-cool-50:visited {
  color: #3a7d95; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-60 {
  color: #2e6276; }

.hover\:text-blue-cool-60:hover {
  color: #2e6276; }

.visited\:text-blue-cool-60:visited {
  color: #2e6276; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-70 {
  color: #224a58; }

.hover\:text-blue-cool-70:hover {
  color: #224a58; }

.visited\:text-blue-cool-70:visited {
  color: #224a58; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-80 {
  color: #14333d; }

.hover\:text-blue-cool-80:hover {
  color: #14333d; }

.visited\:text-blue-cool-80:visited {
  color: #14333d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-90 {
  color: #0f191c; }

.hover\:text-blue-cool-90:hover {
  color: #0f191c; }

.visited\:text-blue-cool-90:visited {
  color: #0f191c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-5v {
  color: #e1f3f8; }

.hover\:text-blue-cool-5v:hover {
  color: #e1f3f8; }

.visited\:text-blue-cool-5v:visited {
  color: #e1f3f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-10v {
  color: #c3ebfa; }

.hover\:text-blue-cool-10v:hover {
  color: #c3ebfa; }

.visited\:text-blue-cool-10v:visited {
  color: #c3ebfa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-20v {
  color: #97d4ea; }

.hover\:text-blue-cool-20v:hover {
  color: #97d4ea; }

.visited\:text-blue-cool-20v:visited {
  color: #97d4ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-30v {
  color: #59b9de; }

.hover\:text-blue-cool-30v:hover {
  color: #59b9de; }

.visited\:text-blue-cool-30v:visited {
  color: #59b9de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-40v {
  color: #28a0cb; }

.hover\:text-blue-cool-40v:hover {
  color: #28a0cb; }

.visited\:text-blue-cool-40v:visited {
  color: #28a0cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-50v {
  color: #0d7ea2; }

.hover\:text-blue-cool-50v:hover {
  color: #0d7ea2; }

.visited\:text-blue-cool-50v:visited {
  color: #0d7ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-60v {
  color: #07648d; }

.hover\:text-blue-cool-60v:hover {
  color: #07648d; }

.visited\:text-blue-cool-60v:visited {
  color: #07648d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-70v {
  color: #074b69; }

.hover\:text-blue-cool-70v:hover {
  color: #074b69; }

.visited\:text-blue-cool-70v:visited {
  color: #074b69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-cool-80v {
  color: #002d3f; }

.hover\:text-blue-cool-80v:hover {
  color: #002d3f; }

.visited\:text-blue-cool-80v:visited {
  color: #002d3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-5 {
  color: #eff6fb; }

.hover\:text-blue-5:hover {
  color: #eff6fb; }

.visited\:text-blue-5:visited {
  color: #eff6fb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-10 {
  color: #d9e8f6; }

.hover\:text-blue-10:hover {
  color: #d9e8f6; }

.visited\:text-blue-10:visited {
  color: #d9e8f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-20 {
  color: #aacdec; }

.hover\:text-blue-20:hover {
  color: #aacdec; }

.visited\:text-blue-20:visited {
  color: #aacdec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-30 {
  color: #73b3e7; }

.hover\:text-blue-30:hover {
  color: #73b3e7; }

.visited\:text-blue-30:visited {
  color: #73b3e7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-40 {
  color: #4f97d1; }

.hover\:text-blue-40:hover {
  color: #4f97d1; }

.visited\:text-blue-40:visited {
  color: #4f97d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-50 {
  color: #2378c3; }

.hover\:text-blue-50:hover {
  color: #2378c3; }

.visited\:text-blue-50:visited {
  color: #2378c3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-60 {
  color: #2c608a; }

.hover\:text-blue-60:hover {
  color: #2c608a; }

.visited\:text-blue-60:visited {
  color: #2c608a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-70 {
  color: #274863; }

.hover\:text-blue-70:hover {
  color: #274863; }

.visited\:text-blue-70:visited {
  color: #274863; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-80 {
  color: #1f303e; }

.hover\:text-blue-80:hover {
  color: #1f303e; }

.visited\:text-blue-80:visited {
  color: #1f303e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-90 {
  color: #11181d; }

.hover\:text-blue-90:hover {
  color: #11181d; }

.visited\:text-blue-90:visited {
  color: #11181d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-5v {
  color: #e8f5ff; }

.hover\:text-blue-5v:hover {
  color: #e8f5ff; }

.visited\:text-blue-5v:visited {
  color: #e8f5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-10v {
  color: #cfe8ff; }

.hover\:text-blue-10v:hover {
  color: #cfe8ff; }

.visited\:text-blue-10v:visited {
  color: #cfe8ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-20v {
  color: #a1d3ff; }

.hover\:text-blue-20v:hover {
  color: #a1d3ff; }

.visited\:text-blue-20v:visited {
  color: #a1d3ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-30v {
  color: #58b4ff; }

.hover\:text-blue-30v:hover {
  color: #58b4ff; }

.visited\:text-blue-30v:visited {
  color: #58b4ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-40v {
  color: #2491ff; }

.hover\:text-blue-40v:hover {
  color: #2491ff; }

.visited\:text-blue-40v:visited {
  color: #2491ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-50v {
  color: #0076d6; }

.hover\:text-blue-50v:hover {
  color: #0076d6; }

.visited\:text-blue-50v:visited {
  color: #0076d6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-60v {
  color: #005ea2; }

.hover\:text-blue-60v:hover {
  color: #005ea2; }

.visited\:text-blue-60v:visited {
  color: #005ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-70v {
  color: #0b4778; }

.hover\:text-blue-70v:hover {
  color: #0b4778; }

.visited\:text-blue-70v:visited {
  color: #0b4778; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-80v {
  color: #112f4e; }

.hover\:text-blue-80v:hover {
  color: #112f4e; }

.visited\:text-blue-80v:visited {
  color: #112f4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-5 {
  color: #ecf1f7; }

.hover\:text-blue-warm-5:hover {
  color: #ecf1f7; }

.visited\:text-blue-warm-5:visited {
  color: #ecf1f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-10 {
  color: #e1e7f1; }

.hover\:text-blue-warm-10:hover {
  color: #e1e7f1; }

.visited\:text-blue-warm-10:visited {
  color: #e1e7f1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-20 {
  color: #bbcae4; }

.hover\:text-blue-warm-20:hover {
  color: #bbcae4; }

.visited\:text-blue-warm-20:visited {
  color: #bbcae4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-30 {
  color: #98afd2; }

.hover\:text-blue-warm-30:hover {
  color: #98afd2; }

.visited\:text-blue-warm-30:visited {
  color: #98afd2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-40 {
  color: #7292c7; }

.hover\:text-blue-warm-40:hover {
  color: #7292c7; }

.visited\:text-blue-warm-40:visited {
  color: #7292c7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-50 {
  color: #4a77b4; }

.hover\:text-blue-warm-50:hover {
  color: #4a77b4; }

.visited\:text-blue-warm-50:visited {
  color: #4a77b4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-60 {
  color: #345d96; }

.hover\:text-blue-warm-60:hover {
  color: #345d96; }

.visited\:text-blue-warm-60:visited {
  color: #345d96; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-70 {
  color: #2f4668; }

.hover\:text-blue-warm-70:hover {
  color: #2f4668; }

.visited\:text-blue-warm-70:visited {
  color: #2f4668; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-80 {
  color: #252f3e; }

.hover\:text-blue-warm-80:hover {
  color: #252f3e; }

.visited\:text-blue-warm-80:visited {
  color: #252f3e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-90 {
  color: #13171f; }

.hover\:text-blue-warm-90:hover {
  color: #13171f; }

.visited\:text-blue-warm-90:visited {
  color: #13171f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-5v {
  color: #edf5ff; }

.hover\:text-blue-warm-5v:hover {
  color: #edf5ff; }

.visited\:text-blue-warm-5v:visited {
  color: #edf5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-10v {
  color: #d4e5ff; }

.hover\:text-blue-warm-10v:hover {
  color: #d4e5ff; }

.visited\:text-blue-warm-10v:visited {
  color: #d4e5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-20v {
  color: #adcdff; }

.hover\:text-blue-warm-20v:hover {
  color: #adcdff; }

.visited\:text-blue-warm-20v:visited {
  color: #adcdff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-30v {
  color: #81aefc; }

.hover\:text-blue-warm-30v:hover {
  color: #81aefc; }

.visited\:text-blue-warm-30v:visited {
  color: #81aefc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-40v {
  color: #5994f6; }

.hover\:text-blue-warm-40v:hover {
  color: #5994f6; }

.visited\:text-blue-warm-40v:visited {
  color: #5994f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-50v {
  color: #2672de; }

.hover\:text-blue-warm-50v:hover {
  color: #2672de; }

.visited\:text-blue-warm-50v:visited {
  color: #2672de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-60v {
  color: #0050d8; }

.hover\:text-blue-warm-60v:hover {
  color: #0050d8; }

.visited\:text-blue-warm-60v:visited {
  color: #0050d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-70v {
  color: #1a4480; }

.hover\:text-blue-warm-70v:hover {
  color: #1a4480; }

.visited\:text-blue-warm-70v:visited {
  color: #1a4480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-blue-warm-80v {
  color: #162e51; }

.hover\:text-blue-warm-80v:hover {
  color: #162e51; }

.visited\:text-blue-warm-80v:visited {
  color: #162e51; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-5 {
  color: #e7f6f8; }

.hover\:text-cyan-5:hover {
  color: #e7f6f8; }

.visited\:text-cyan-5:visited {
  color: #e7f6f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-10 {
  color: #ccecf2; }

.hover\:text-cyan-10:hover {
  color: #ccecf2; }

.visited\:text-cyan-10:visited {
  color: #ccecf2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-20 {
  color: #99deea; }

.hover\:text-cyan-20:hover {
  color: #99deea; }

.visited\:text-cyan-20:visited {
  color: #99deea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-30 {
  color: #5dc0d1; }

.hover\:text-cyan-30:hover {
  color: #5dc0d1; }

.visited\:text-cyan-30:visited {
  color: #5dc0d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-40 {
  color: #449dac; }

.hover\:text-cyan-40:hover {
  color: #449dac; }

.visited\:text-cyan-40:visited {
  color: #449dac; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-50 {
  color: #168092; }

.hover\:text-cyan-50:hover {
  color: #168092; }

.visited\:text-cyan-50:visited {
  color: #168092; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-60 {
  color: #2a646d; }

.hover\:text-cyan-60:hover {
  color: #2a646d; }

.visited\:text-cyan-60:visited {
  color: #2a646d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-70 {
  color: #2c4a4e; }

.hover\:text-cyan-70:hover {
  color: #2c4a4e; }

.visited\:text-cyan-70:visited {
  color: #2c4a4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-80 {
  color: #203133; }

.hover\:text-cyan-80:hover {
  color: #203133; }

.visited\:text-cyan-80:visited {
  color: #203133; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-90 {
  color: #111819; }

.hover\:text-cyan-90:hover {
  color: #111819; }

.visited\:text-cyan-90:visited {
  color: #111819; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-5v {
  color: #e5faff; }

.hover\:text-cyan-5v:hover {
  color: #e5faff; }

.visited\:text-cyan-5v:visited {
  color: #e5faff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-10v {
  color: #a8f2ff; }

.hover\:text-cyan-10v:hover {
  color: #a8f2ff; }

.visited\:text-cyan-10v:visited {
  color: #a8f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-20v {
  color: #52daf2; }

.hover\:text-cyan-20v:hover {
  color: #52daf2; }

.visited\:text-cyan-20v:visited {
  color: #52daf2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-30v {
  color: #00bde3; }

.hover\:text-cyan-30v:hover {
  color: #00bde3; }

.visited\:text-cyan-30v:visited {
  color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-40v {
  color: #009ec1; }

.hover\:text-cyan-40v:hover {
  color: #009ec1; }

.visited\:text-cyan-40v:visited {
  color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-50v {
  color: #0081a1; }

.hover\:text-cyan-50v:hover {
  color: #0081a1; }

.visited\:text-cyan-50v:visited {
  color: #0081a1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-60v {
  color: #00687d; }

.hover\:text-cyan-60v:hover {
  color: #00687d; }

.visited\:text-cyan-60v:visited {
  color: #00687d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-70v {
  color: #0e4f5c; }

.hover\:text-cyan-70v:hover {
  color: #0e4f5c; }

.visited\:text-cyan-70v:visited {
  color: #0e4f5c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-cyan-80v {
  color: #093b44; }

.hover\:text-cyan-80v:hover {
  color: #093b44; }

.visited\:text-cyan-80v:visited {
  color: #093b44; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-5 {
  color: #f5f0e6; }

.hover\:text-gold-5:hover {
  color: #f5f0e6; }

.visited\:text-gold-5:visited {
  color: #f5f0e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-10 {
  color: #f1e5cd; }

.hover\:text-gold-10:hover {
  color: #f1e5cd; }

.visited\:text-gold-10:visited {
  color: #f1e5cd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-20 {
  color: #dec69a; }

.hover\:text-gold-20:hover {
  color: #dec69a; }

.visited\:text-gold-20:visited {
  color: #dec69a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-30 {
  color: #c7a97b; }

.hover\:text-gold-30:hover {
  color: #c7a97b; }

.visited\:text-gold-30:visited {
  color: #c7a97b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-40 {
  color: #ad8b65; }

.hover\:text-gold-40:hover {
  color: #ad8b65; }

.visited\:text-gold-40:visited {
  color: #ad8b65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-50 {
  color: #8e704f; }

.hover\:text-gold-50:hover {
  color: #8e704f; }

.visited\:text-gold-50:visited {
  color: #8e704f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-60 {
  color: #6b5947; }

.hover\:text-gold-60:hover {
  color: #6b5947; }

.visited\:text-gold-60:visited {
  color: #6b5947; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-70 {
  color: #4d4438; }

.hover\:text-gold-70:hover {
  color: #4d4438; }

.visited\:text-gold-70:visited {
  color: #4d4438; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-80 {
  color: #322d26; }

.hover\:text-gold-80:hover {
  color: #322d26; }

.visited\:text-gold-80:visited {
  color: #322d26; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-90 {
  color: #191714; }

.hover\:text-gold-90:hover {
  color: #191714; }

.visited\:text-gold-90:visited {
  color: #191714; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-5v {
  color: #fef0c8; }

.hover\:text-gold-5v:hover {
  color: #fef0c8; }

.visited\:text-gold-5v:visited {
  color: #fef0c8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-10v {
  color: #ffe396; }

.hover\:text-gold-10v:hover {
  color: #ffe396; }

.visited\:text-gold-10v:visited {
  color: #ffe396; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-20v {
  color: #ffbe2e; }

.hover\:text-gold-20v:hover {
  color: #ffbe2e; }

.visited\:text-gold-20v:visited {
  color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-30v {
  color: #e5a000; }

.hover\:text-gold-30v:hover {
  color: #e5a000; }

.visited\:text-gold-30v:visited {
  color: #e5a000; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-40v {
  color: #c2850c; }

.hover\:text-gold-40v:hover {
  color: #c2850c; }

.visited\:text-gold-40v:visited {
  color: #c2850c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-50v {
  color: #936f38; }

.hover\:text-gold-50v:hover {
  color: #936f38; }

.visited\:text-gold-50v:visited {
  color: #936f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-60v {
  color: #7a591a; }

.hover\:text-gold-60v:hover {
  color: #7a591a; }

.visited\:text-gold-60v:visited {
  color: #7a591a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-70v {
  color: #5c410a; }

.hover\:text-gold-70v:hover {
  color: #5c410a; }

.visited\:text-gold-70v:visited {
  color: #5c410a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-gold-80v {
  color: #3b2b15; }

.hover\:text-gold-80v:hover {
  color: #3b2b15; }

.visited\:text-gold-80v:visited {
  color: #3b2b15; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-5 {
  color: #ecf3ec; }

.hover\:text-green-cool-5:hover {
  color: #ecf3ec; }

.visited\:text-green-cool-5:visited {
  color: #ecf3ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-10 {
  color: #dbebde; }

.hover\:text-green-cool-10:hover {
  color: #dbebde; }

.visited\:text-green-cool-10:visited {
  color: #dbebde; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-20 {
  color: #b4d0b9; }

.hover\:text-green-cool-20:hover {
  color: #b4d0b9; }

.visited\:text-green-cool-20:visited {
  color: #b4d0b9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-30 {
  color: #86b98e; }

.hover\:text-green-cool-30:hover {
  color: #86b98e; }

.visited\:text-green-cool-30:visited {
  color: #86b98e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-40 {
  color: #5e9f69; }

.hover\:text-green-cool-40:hover {
  color: #5e9f69; }

.visited\:text-green-cool-40:visited {
  color: #5e9f69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-50 {
  color: #4d8055; }

.hover\:text-green-cool-50:hover {
  color: #4d8055; }

.visited\:text-green-cool-50:visited {
  color: #4d8055; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-60 {
  color: #446443; }

.hover\:text-green-cool-60:hover {
  color: #446443; }

.visited\:text-green-cool-60:visited {
  color: #446443; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-70 {
  color: #37493b; }

.hover\:text-green-cool-70:hover {
  color: #37493b; }

.visited\:text-green-cool-70:visited {
  color: #37493b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-80 {
  color: #28312a; }

.hover\:text-green-cool-80:hover {
  color: #28312a; }

.visited\:text-green-cool-80:visited {
  color: #28312a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-90 {
  color: #1a1f1a; }

.hover\:text-green-cool-90:hover {
  color: #1a1f1a; }

.visited\:text-green-cool-90:visited {
  color: #1a1f1a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-5v {
  color: #e3f5e1; }

.hover\:text-green-cool-5v:hover {
  color: #e3f5e1; }

.visited\:text-green-cool-5v:visited {
  color: #e3f5e1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-10v {
  color: #b7f5bd; }

.hover\:text-green-cool-10v:hover {
  color: #b7f5bd; }

.visited\:text-green-cool-10v:visited {
  color: #b7f5bd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-20v {
  color: #70e17b; }

.hover\:text-green-cool-20v:hover {
  color: #70e17b; }

.visited\:text-green-cool-20v:visited {
  color: #70e17b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-30v {
  color: #21c834; }

.hover\:text-green-cool-30v:hover {
  color: #21c834; }

.visited\:text-green-cool-30v:visited {
  color: #21c834; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-40v {
  color: #00a91c; }

.hover\:text-green-cool-40v:hover {
  color: #00a91c; }

.visited\:text-green-cool-40v:visited {
  color: #00a91c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-50v {
  color: #008817; }

.hover\:text-green-cool-50v:hover {
  color: #008817; }

.visited\:text-green-cool-50v:visited {
  color: #008817; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-60v {
  color: #216e1f; }

.hover\:text-green-cool-60v:hover {
  color: #216e1f; }

.visited\:text-green-cool-60v:visited {
  color: #216e1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-70v {
  color: #154c21; }

.hover\:text-green-cool-70v:hover {
  color: #154c21; }

.visited\:text-green-cool-70v:visited {
  color: #154c21; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-cool-80v {
  color: #19311e; }

.hover\:text-green-cool-80v:hover {
  color: #19311e; }

.visited\:text-green-cool-80v:visited {
  color: #19311e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-5 {
  color: #eaf4dd; }

.hover\:text-green-5:hover {
  color: #eaf4dd; }

.visited\:text-green-5:visited {
  color: #eaf4dd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-10 {
  color: #dfeacd; }

.hover\:text-green-10:hover {
  color: #dfeacd; }

.visited\:text-green-10:visited {
  color: #dfeacd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-20 {
  color: #b8d293; }

.hover\:text-green-20:hover {
  color: #b8d293; }

.visited\:text-green-20:visited {
  color: #b8d293; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-30 {
  color: #9bb672; }

.hover\:text-green-30:hover {
  color: #9bb672; }

.visited\:text-green-30:visited {
  color: #9bb672; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-40 {
  color: #7d9b4e; }

.hover\:text-green-40:hover {
  color: #7d9b4e; }

.visited\:text-green-40:visited {
  color: #7d9b4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-50 {
  color: #607f35; }

.hover\:text-green-50:hover {
  color: #607f35; }

.visited\:text-green-50:visited {
  color: #607f35; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-60 {
  color: #4c6424; }

.hover\:text-green-60:hover {
  color: #4c6424; }

.visited\:text-green-60:visited {
  color: #4c6424; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-70 {
  color: #3c4a29; }

.hover\:text-green-70:hover {
  color: #3c4a29; }

.visited\:text-green-70:visited {
  color: #3c4a29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-80 {
  color: #293021; }

.hover\:text-green-80:hover {
  color: #293021; }

.visited\:text-green-80:visited {
  color: #293021; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-90 {
  color: #161814; }

.hover\:text-green-90:hover {
  color: #161814; }

.visited\:text-green-90:visited {
  color: #161814; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-5v {
  color: #ddf9c7; }

.hover\:text-green-5v:hover {
  color: #ddf9c7; }

.visited\:text-green-5v:visited {
  color: #ddf9c7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-10v {
  color: #c5ee93; }

.hover\:text-green-10v:hover {
  color: #c5ee93; }

.visited\:text-green-10v:visited {
  color: #c5ee93; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-20v {
  color: #98d035; }

.hover\:text-green-20v:hover {
  color: #98d035; }

.visited\:text-green-20v:visited {
  color: #98d035; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-30v {
  color: #7fb135; }

.hover\:text-green-30v:hover {
  color: #7fb135; }

.visited\:text-green-30v:visited {
  color: #7fb135; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-40v {
  color: #719f2a; }

.hover\:text-green-40v:hover {
  color: #719f2a; }

.visited\:text-green-40v:visited {
  color: #719f2a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-50v {
  color: #538200; }

.hover\:text-green-50v:hover {
  color: #538200; }

.visited\:text-green-50v:visited {
  color: #538200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-60v {
  color: #466c04; }

.hover\:text-green-60v:hover {
  color: #466c04; }

.visited\:text-green-60v:visited {
  color: #466c04; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-70v {
  color: #2f4a0b; }

.hover\:text-green-70v:hover {
  color: #2f4a0b; }

.visited\:text-green-70v:visited {
  color: #2f4a0b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-80v {
  color: #243413; }

.hover\:text-green-80v:hover {
  color: #243413; }

.visited\:text-green-80v:visited {
  color: #243413; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-5 {
  color: #f1f4d7; }

.hover\:text-green-warm-5:hover {
  color: #f1f4d7; }

.visited\:text-green-warm-5:visited {
  color: #f1f4d7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-10 {
  color: #e7eab7; }

.hover\:text-green-warm-10:hover {
  color: #e7eab7; }

.visited\:text-green-warm-10:visited {
  color: #e7eab7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-20 {
  color: #cbd17a; }

.hover\:text-green-warm-20:hover {
  color: #cbd17a; }

.visited\:text-green-warm-20:visited {
  color: #cbd17a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-30 {
  color: #a6b557; }

.hover\:text-green-warm-30:hover {
  color: #a6b557; }

.visited\:text-green-warm-30:visited {
  color: #a6b557; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-40 {
  color: #8a984b; }

.hover\:text-green-warm-40:hover {
  color: #8a984b; }

.visited\:text-green-warm-40:visited {
  color: #8a984b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-50 {
  color: #6f7a41; }

.hover\:text-green-warm-50:hover {
  color: #6f7a41; }

.visited\:text-green-warm-50:visited {
  color: #6f7a41; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-60 {
  color: #5a5f38; }

.hover\:text-green-warm-60:hover {
  color: #5a5f38; }

.visited\:text-green-warm-60:visited {
  color: #5a5f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-70 {
  color: #45472f; }

.hover\:text-green-warm-70:hover {
  color: #45472f; }

.visited\:text-green-warm-70:visited {
  color: #45472f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-80 {
  color: #2d2f21; }

.hover\:text-green-warm-80:hover {
  color: #2d2f21; }

.visited\:text-green-warm-80:visited {
  color: #2d2f21; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-90 {
  color: #171712; }

.hover\:text-green-warm-90:hover {
  color: #171712; }

.visited\:text-green-warm-90:visited {
  color: #171712; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-5v {
  color: #f5fbc1; }

.hover\:text-green-warm-5v:hover {
  color: #f5fbc1; }

.visited\:text-green-warm-5v:visited {
  color: #f5fbc1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-10v {
  color: #e7f434; }

.hover\:text-green-warm-10v:hover {
  color: #e7f434; }

.visited\:text-green-warm-10v:visited {
  color: #e7f434; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-20v {
  color: #c5d30a; }

.hover\:text-green-warm-20v:hover {
  color: #c5d30a; }

.visited\:text-green-warm-20v:visited {
  color: #c5d30a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-30v {
  color: #a3b72c; }

.hover\:text-green-warm-30v:hover {
  color: #a3b72c; }

.visited\:text-green-warm-30v:visited {
  color: #a3b72c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-40v {
  color: #7e9c1d; }

.hover\:text-green-warm-40v:hover {
  color: #7e9c1d; }

.visited\:text-green-warm-40v:visited {
  color: #7e9c1d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-50v {
  color: #6a7d00; }

.hover\:text-green-warm-50v:hover {
  color: #6a7d00; }

.visited\:text-green-warm-50v:visited {
  color: #6a7d00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-60v {
  color: #5a6613; }

.hover\:text-green-warm-60v:hover {
  color: #5a6613; }

.visited\:text-green-warm-60v:visited {
  color: #5a6613; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-70v {
  color: #4b4e10; }

.hover\:text-green-warm-70v:hover {
  color: #4b4e10; }

.visited\:text-green-warm-70v:visited {
  color: #4b4e10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-green-warm-80v {
  color: #38380b; }

.hover\:text-green-warm-80v:hover {
  color: #38380b; }

.visited\:text-green-warm-80v:visited {
  color: #38380b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-5 {
  color: #eef0f9; }

.hover\:text-indigo-cool-5:hover {
  color: #eef0f9; }

.visited\:text-indigo-cool-5:visited {
  color: #eef0f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-10 {
  color: #e1e6f9; }

.hover\:text-indigo-cool-10:hover {
  color: #e1e6f9; }

.visited\:text-indigo-cool-10:visited {
  color: #e1e6f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-20 {
  color: #bbc8f5; }

.hover\:text-indigo-cool-20:hover {
  color: #bbc8f5; }

.visited\:text-indigo-cool-20:visited {
  color: #bbc8f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-30 {
  color: #96abee; }

.hover\:text-indigo-cool-30:hover {
  color: #96abee; }

.visited\:text-indigo-cool-30:visited {
  color: #96abee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-40 {
  color: #6b8ee8; }

.hover\:text-indigo-cool-40:hover {
  color: #6b8ee8; }

.visited\:text-indigo-cool-40:visited {
  color: #6b8ee8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-50 {
  color: #496fd8; }

.hover\:text-indigo-cool-50:hover {
  color: #496fd8; }

.visited\:text-indigo-cool-50:visited {
  color: #496fd8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-60 {
  color: #3f57a6; }

.hover\:text-indigo-cool-60:hover {
  color: #3f57a6; }

.visited\:text-indigo-cool-60:visited {
  color: #3f57a6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-70 {
  color: #374274; }

.hover\:text-indigo-cool-70:hover {
  color: #374274; }

.visited\:text-indigo-cool-70:visited {
  color: #374274; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-80 {
  color: #292d42; }

.hover\:text-indigo-cool-80:hover {
  color: #292d42; }

.visited\:text-indigo-cool-80:visited {
  color: #292d42; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-90 {
  color: #151622; }

.hover\:text-indigo-cool-90:hover {
  color: #151622; }

.visited\:text-indigo-cool-90:visited {
  color: #151622; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-5v {
  color: #edf0ff; }

.hover\:text-indigo-cool-5v:hover {
  color: #edf0ff; }

.visited\:text-indigo-cool-5v:visited {
  color: #edf0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-10v {
  color: #dee5ff; }

.hover\:text-indigo-cool-10v:hover {
  color: #dee5ff; }

.visited\:text-indigo-cool-10v:visited {
  color: #dee5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-20v {
  color: #b8c8ff; }

.hover\:text-indigo-cool-20v:hover {
  color: #b8c8ff; }

.visited\:text-indigo-cool-20v:visited {
  color: #b8c8ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-30v {
  color: #94adff; }

.hover\:text-indigo-cool-30v:hover {
  color: #94adff; }

.visited\:text-indigo-cool-30v:visited {
  color: #94adff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-40v {
  color: #628ef4; }

.hover\:text-indigo-cool-40v:hover {
  color: #628ef4; }

.visited\:text-indigo-cool-40v:visited {
  color: #628ef4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-50v {
  color: #4866ff; }

.hover\:text-indigo-cool-50v:hover {
  color: #4866ff; }

.visited\:text-indigo-cool-50v:visited {
  color: #4866ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-60v {
  color: #3e4ded; }

.hover\:text-indigo-cool-60v:hover {
  color: #3e4ded; }

.visited\:text-indigo-cool-60v:visited {
  color: #3e4ded; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-70v {
  color: #222fbf; }

.hover\:text-indigo-cool-70v:hover {
  color: #222fbf; }

.visited\:text-indigo-cool-70v:visited {
  color: #222fbf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-cool-80v {
  color: #1b2b85; }

.hover\:text-indigo-cool-80v:hover {
  color: #1b2b85; }

.visited\:text-indigo-cool-80v:visited {
  color: #1b2b85; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-5 {
  color: #efeff8; }

.hover\:text-indigo-5:hover {
  color: #efeff8; }

.visited\:text-indigo-5:visited {
  color: #efeff8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-10 {
  color: #e5e4fa; }

.hover\:text-indigo-10:hover {
  color: #e5e4fa; }

.visited\:text-indigo-10:visited {
  color: #e5e4fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-20 {
  color: #c5c5f3; }

.hover\:text-indigo-20:hover {
  color: #c5c5f3; }

.visited\:text-indigo-20:visited {
  color: #c5c5f3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-30 {
  color: #a5a8eb; }

.hover\:text-indigo-30:hover {
  color: #a5a8eb; }

.visited\:text-indigo-30:visited {
  color: #a5a8eb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-40 {
  color: #8889db; }

.hover\:text-indigo-40:hover {
  color: #8889db; }

.visited\:text-indigo-40:visited {
  color: #8889db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-50 {
  color: #676cc8; }

.hover\:text-indigo-50:hover {
  color: #676cc8; }

.visited\:text-indigo-50:visited {
  color: #676cc8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-60 {
  color: #4d52af; }

.hover\:text-indigo-60:hover {
  color: #4d52af; }

.visited\:text-indigo-60:visited {
  color: #4d52af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-70 {
  color: #3d4076; }

.hover\:text-indigo-70:hover {
  color: #3d4076; }

.visited\:text-indigo-70:visited {
  color: #3d4076; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-80 {
  color: #2b2c40; }

.hover\:text-indigo-80:hover {
  color: #2b2c40; }

.visited\:text-indigo-80:visited {
  color: #2b2c40; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-90 {
  color: #16171f; }

.hover\:text-indigo-90:hover {
  color: #16171f; }

.visited\:text-indigo-90:visited {
  color: #16171f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-5v {
  color: #f0f0ff; }

.hover\:text-indigo-5v:hover {
  color: #f0f0ff; }

.visited\:text-indigo-5v:visited {
  color: #f0f0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-10v {
  color: #e0e0ff; }

.hover\:text-indigo-10v:hover {
  color: #e0e0ff; }

.visited\:text-indigo-10v:visited {
  color: #e0e0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-20v {
  color: #ccceff; }

.hover\:text-indigo-20v:hover {
  color: #ccceff; }

.visited\:text-indigo-20v:visited {
  color: #ccceff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-30v {
  color: #a3a7fa; }

.hover\:text-indigo-30v:hover {
  color: #a3a7fa; }

.visited\:text-indigo-30v:visited {
  color: #a3a7fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-40v {
  color: #8289ff; }

.hover\:text-indigo-40v:hover {
  color: #8289ff; }

.visited\:text-indigo-40v:visited {
  color: #8289ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-50v {
  color: #656bd7; }

.hover\:text-indigo-50v:hover {
  color: #656bd7; }

.visited\:text-indigo-50v:visited {
  color: #656bd7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-60v {
  color: #4a50c4; }

.hover\:text-indigo-60v:hover {
  color: #4a50c4; }

.visited\:text-indigo-60v:visited {
  color: #4a50c4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-70v {
  color: #3333a3; }

.hover\:text-indigo-70v:hover {
  color: #3333a3; }

.visited\:text-indigo-70v:visited {
  color: #3333a3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-80v {
  color: #212463; }

.hover\:text-indigo-80v:hover {
  color: #212463; }

.visited\:text-indigo-80v:visited {
  color: #212463; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-5 {
  color: #f1eff7; }

.hover\:text-indigo-warm-5:hover {
  color: #f1eff7; }

.visited\:text-indigo-warm-5:visited {
  color: #f1eff7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-10 {
  color: #e7e3fa; }

.hover\:text-indigo-warm-10:hover {
  color: #e7e3fa; }

.visited\:text-indigo-warm-10:visited {
  color: #e7e3fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-20 {
  color: #cbc4f2; }

.hover\:text-indigo-warm-20:hover {
  color: #cbc4f2; }

.visited\:text-indigo-warm-20:visited {
  color: #cbc4f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-30 {
  color: #afa5e8; }

.hover\:text-indigo-warm-30:hover {
  color: #afa5e8; }

.visited\:text-indigo-warm-30:visited {
  color: #afa5e8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-40 {
  color: #9287d8; }

.hover\:text-indigo-warm-40:hover {
  color: #9287d8; }

.visited\:text-indigo-warm-40:visited {
  color: #9287d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-50 {
  color: #7665d1; }

.hover\:text-indigo-warm-50:hover {
  color: #7665d1; }

.visited\:text-indigo-warm-50:visited {
  color: #7665d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-60 {
  color: #5e519e; }

.hover\:text-indigo-warm-60:hover {
  color: #5e519e; }

.visited\:text-indigo-warm-60:visited {
  color: #5e519e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-70 {
  color: #453c7b; }

.hover\:text-indigo-warm-70:hover {
  color: #453c7b; }

.visited\:text-indigo-warm-70:visited {
  color: #453c7b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-80 {
  color: #2e2c40; }

.hover\:text-indigo-warm-80:hover {
  color: #2e2c40; }

.visited\:text-indigo-warm-80:visited {
  color: #2e2c40; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-90 {
  color: #18161d; }

.hover\:text-indigo-warm-90:hover {
  color: #18161d; }

.visited\:text-indigo-warm-90:visited {
  color: #18161d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-5v {
  color: #f5f2ff; }

.hover\:text-indigo-warm-5v:hover {
  color: #f5f2ff; }

.visited\:text-indigo-warm-5v:visited {
  color: #f5f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-10v {
  color: #e4deff; }

.hover\:text-indigo-warm-10v:hover {
  color: #e4deff; }

.visited\:text-indigo-warm-10v:visited {
  color: #e4deff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-20v {
  color: #cfc4fd; }

.hover\:text-indigo-warm-20v:hover {
  color: #cfc4fd; }

.visited\:text-indigo-warm-20v:visited {
  color: #cfc4fd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-30v {
  color: #b69fff; }

.hover\:text-indigo-warm-30v:hover {
  color: #b69fff; }

.visited\:text-indigo-warm-30v:visited {
  color: #b69fff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-40v {
  color: #967efb; }

.hover\:text-indigo-warm-40v:hover {
  color: #967efb; }

.visited\:text-indigo-warm-40v:visited {
  color: #967efb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-50v {
  color: #745fe9; }

.hover\:text-indigo-warm-50v:hover {
  color: #745fe9; }

.visited\:text-indigo-warm-50v:visited {
  color: #745fe9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-60v {
  color: #5942d2; }

.hover\:text-indigo-warm-60v:hover {
  color: #5942d2; }

.visited\:text-indigo-warm-60v:visited {
  color: #5942d2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-70v {
  color: #3d2c9d; }

.hover\:text-indigo-warm-70v:hover {
  color: #3d2c9d; }

.visited\:text-indigo-warm-70v:visited {
  color: #3d2c9d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indigo-warm-80v {
  color: #261f5b; }

.hover\:text-indigo-warm-80v:hover {
  color: #261f5b; }

.visited\:text-indigo-warm-80v:visited {
  color: #261f5b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-5 {
  color: #f9f0f2; }

.hover\:text-magenta-5:hover {
  color: #f9f0f2; }

.visited\:text-magenta-5:visited {
  color: #f9f0f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-10 {
  color: #f6e1e8; }

.hover\:text-magenta-10:hover {
  color: #f6e1e8; }

.visited\:text-magenta-10:visited {
  color: #f6e1e8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-20 {
  color: #f0bbcc; }

.hover\:text-magenta-20:hover {
  color: #f0bbcc; }

.visited\:text-magenta-20:visited {
  color: #f0bbcc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-30 {
  color: #e895b3; }

.hover\:text-magenta-30:hover {
  color: #e895b3; }

.visited\:text-magenta-30:visited {
  color: #e895b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-40 {
  color: #e0699f; }

.hover\:text-magenta-40:hover {
  color: #e0699f; }

.visited\:text-magenta-40:visited {
  color: #e0699f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-50 {
  color: #c84281; }

.hover\:text-magenta-50:hover {
  color: #c84281; }

.visited\:text-magenta-50:visited {
  color: #c84281; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-60 {
  color: #8b4566; }

.hover\:text-magenta-60:hover {
  color: #8b4566; }

.visited\:text-magenta-60:visited {
  color: #8b4566; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-70 {
  color: #66364b; }

.hover\:text-magenta-70:hover {
  color: #66364b; }

.visited\:text-magenta-70:visited {
  color: #66364b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-80 {
  color: #402731; }

.hover\:text-magenta-80:hover {
  color: #402731; }

.visited\:text-magenta-80:visited {
  color: #402731; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-90 {
  color: #1b1617; }

.hover\:text-magenta-90:hover {
  color: #1b1617; }

.visited\:text-magenta-90:visited {
  color: #1b1617; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-5v {
  color: #f9f0f2; }

.hover\:text-magenta-5v:hover {
  color: #f9f0f2; }

.visited\:text-magenta-5v:visited {
  color: #f9f0f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-10v {
  color: #ffddea; }

.hover\:text-magenta-10v:hover {
  color: #ffddea; }

.visited\:text-magenta-10v:visited {
  color: #ffddea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-20v {
  color: #ffb4cf; }

.hover\:text-magenta-20v:hover {
  color: #ffb4cf; }

.visited\:text-magenta-20v:visited {
  color: #ffb4cf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-30v {
  color: #ff87b2; }

.hover\:text-magenta-30v:hover {
  color: #ff87b2; }

.visited\:text-magenta-30v:visited {
  color: #ff87b2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-40v {
  color: #fd4496; }

.hover\:text-magenta-40v:hover {
  color: #fd4496; }

.visited\:text-magenta-40v:visited {
  color: #fd4496; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-50v {
  color: #d72d79; }

.hover\:text-magenta-50v:hover {
  color: #d72d79; }

.visited\:text-magenta-50v:visited {
  color: #d72d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-60v {
  color: #ab2165; }

.hover\:text-magenta-60v:hover {
  color: #ab2165; }

.visited\:text-magenta-60v:visited {
  color: #ab2165; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-70v {
  color: #731f44; }

.hover\:text-magenta-70v:hover {
  color: #731f44; }

.visited\:text-magenta-70v:visited {
  color: #731f44; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-magenta-80v {
  color: #4f172e; }

.hover\:text-magenta-80v:hover {
  color: #4f172e; }

.visited\:text-magenta-80v:visited {
  color: #4f172e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-5 {
  color: #e0f7f6; }

.hover\:text-mint-cool-5:hover {
  color: #e0f7f6; }

.visited\:text-mint-cool-5:visited {
  color: #e0f7f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-10 {
  color: #c4eeeb; }

.hover\:text-mint-cool-10:hover {
  color: #c4eeeb; }

.visited\:text-mint-cool-10:visited {
  color: #c4eeeb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-20 {
  color: #9bd4cf; }

.hover\:text-mint-cool-20:hover {
  color: #9bd4cf; }

.visited\:text-mint-cool-20:visited {
  color: #9bd4cf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-30 {
  color: #6fbab3; }

.hover\:text-mint-cool-30:hover {
  color: #6fbab3; }

.visited\:text-mint-cool-30:visited {
  color: #6fbab3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-40 {
  color: #4f9e99; }

.hover\:text-mint-cool-40:hover {
  color: #4f9e99; }

.visited\:text-mint-cool-40:visited {
  color: #4f9e99; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-50 {
  color: #40807e; }

.hover\:text-mint-cool-50:hover {
  color: #40807e; }

.visited\:text-mint-cool-50:visited {
  color: #40807e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-60 {
  color: #376462; }

.hover\:text-mint-cool-60:hover {
  color: #376462; }

.visited\:text-mint-cool-60:visited {
  color: #376462; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-70 {
  color: #2a4b45; }

.hover\:text-mint-cool-70:hover {
  color: #2a4b45; }

.visited\:text-mint-cool-70:visited {
  color: #2a4b45; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-80 {
  color: #203131; }

.hover\:text-mint-cool-80:hover {
  color: #203131; }

.visited\:text-mint-cool-80:visited {
  color: #203131; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-90 {
  color: #111818; }

.hover\:text-mint-cool-90:hover {
  color: #111818; }

.visited\:text-mint-cool-90:visited {
  color: #111818; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-5v {
  color: #d5fbf3; }

.hover\:text-mint-cool-5v:hover {
  color: #d5fbf3; }

.visited\:text-mint-cool-5v:visited {
  color: #d5fbf3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-10v {
  color: #7efbe1; }

.hover\:text-mint-cool-10v:hover {
  color: #7efbe1; }

.visited\:text-mint-cool-10v:visited {
  color: #7efbe1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-20v {
  color: #29e1cb; }

.hover\:text-mint-cool-20v:hover {
  color: #29e1cb; }

.visited\:text-mint-cool-20v:visited {
  color: #29e1cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-30v {
  color: #1dc2ae; }

.hover\:text-mint-cool-30v:hover {
  color: #1dc2ae; }

.visited\:text-mint-cool-30v:visited {
  color: #1dc2ae; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-40v {
  color: #00a398; }

.hover\:text-mint-cool-40v:hover {
  color: #00a398; }

.visited\:text-mint-cool-40v:visited {
  color: #00a398; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-50v {
  color: #008480; }

.hover\:text-mint-cool-50v:hover {
  color: #008480; }

.visited\:text-mint-cool-50v:visited {
  color: #008480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-60v {
  color: #0f6460; }

.hover\:text-mint-cool-60v:hover {
  color: #0f6460; }

.visited\:text-mint-cool-60v:visited {
  color: #0f6460; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-70v {
  color: #0b4b3f; }

.hover\:text-mint-cool-70v:hover {
  color: #0b4b3f; }

.visited\:text-mint-cool-70v:visited {
  color: #0b4b3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-cool-80v {
  color: #123131; }

.hover\:text-mint-cool-80v:hover {
  color: #123131; }

.visited\:text-mint-cool-80v:visited {
  color: #123131; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-5 {
  color: #dbf6ed; }

.hover\:text-mint-5:hover {
  color: #dbf6ed; }

.visited\:text-mint-5:visited {
  color: #dbf6ed; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-10 {
  color: #c7efe2; }

.hover\:text-mint-10:hover {
  color: #c7efe2; }

.visited\:text-mint-10:visited {
  color: #c7efe2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-20 {
  color: #92d9bb; }

.hover\:text-mint-20:hover {
  color: #92d9bb; }

.visited\:text-mint-20:visited {
  color: #92d9bb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-30 {
  color: #5abf95; }

.hover\:text-mint-30:hover {
  color: #5abf95; }

.visited\:text-mint-30:visited {
  color: #5abf95; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-40 {
  color: #34a37e; }

.hover\:text-mint-40:hover {
  color: #34a37e; }

.visited\:text-mint-40:visited {
  color: #34a37e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-50 {
  color: #2e8367; }

.hover\:text-mint-50:hover {
  color: #2e8367; }

.visited\:text-mint-50:visited {
  color: #2e8367; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-60 {
  color: #286846; }

.hover\:text-mint-60:hover {
  color: #286846; }

.visited\:text-mint-60:visited {
  color: #286846; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-70 {
  color: #204e34; }

.hover\:text-mint-70:hover {
  color: #204e34; }

.visited\:text-mint-70:visited {
  color: #204e34; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-80 {
  color: #193324; }

.hover\:text-mint-80:hover {
  color: #193324; }

.visited\:text-mint-80:visited {
  color: #193324; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-90 {
  color: #0d1a12; }

.hover\:text-mint-90:hover {
  color: #0d1a12; }

.visited\:text-mint-90:visited {
  color: #0d1a12; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-5v {
  color: #c9fbeb; }

.hover\:text-mint-5v:hover {
  color: #c9fbeb; }

.visited\:text-mint-5v:visited {
  color: #c9fbeb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-10v {
  color: #83fcd4; }

.hover\:text-mint-10v:hover {
  color: #83fcd4; }

.visited\:text-mint-10v:visited {
  color: #83fcd4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-20v {
  color: #0ceda6; }

.hover\:text-mint-20v:hover {
  color: #0ceda6; }

.visited\:text-mint-20v:visited {
  color: #0ceda6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-30v {
  color: #04c585; }

.hover\:text-mint-30v:hover {
  color: #04c585; }

.visited\:text-mint-30v:visited {
  color: #04c585; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-40v {
  color: #00a871; }

.hover\:text-mint-40v:hover {
  color: #00a871; }

.visited\:text-mint-40v:visited {
  color: #00a871; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-50v {
  color: #008659; }

.hover\:text-mint-50v:hover {
  color: #008659; }

.visited\:text-mint-50v:visited {
  color: #008659; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-60v {
  color: #146947; }

.hover\:text-mint-60v:hover {
  color: #146947; }

.visited\:text-mint-60v:visited {
  color: #146947; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-70v {
  color: #0c4e29; }

.hover\:text-mint-70v:hover {
  color: #0c4e29; }

.visited\:text-mint-70v:visited {
  color: #0c4e29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-mint-80v {
  color: #0d351e; }

.hover\:text-mint-80v:hover {
  color: #0d351e; }

.visited\:text-mint-80v:visited {
  color: #0d351e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-5 {
  color: #f6efe9; }

.hover\:text-orange-5:hover {
  color: #f6efe9; }

.visited\:text-orange-5:visited {
  color: #f6efe9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-10 {
  color: #f2e4d4; }

.hover\:text-orange-10:hover {
  color: #f2e4d4; }

.visited\:text-orange-10:visited {
  color: #f2e4d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-20 {
  color: #f3bf90; }

.hover\:text-orange-20:hover {
  color: #f3bf90; }

.visited\:text-orange-20:visited {
  color: #f3bf90; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-30 {
  color: #f09860; }

.hover\:text-orange-30:hover {
  color: #f09860; }

.visited\:text-orange-30:visited {
  color: #f09860; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-40 {
  color: #dd7533; }

.hover\:text-orange-40:hover {
  color: #dd7533; }

.visited\:text-orange-40:visited {
  color: #dd7533; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-50 {
  color: #a86437; }

.hover\:text-orange-50:hover {
  color: #a86437; }

.visited\:text-orange-50:visited {
  color: #a86437; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-60 {
  color: #775540; }

.hover\:text-orange-60:hover {
  color: #775540; }

.visited\:text-orange-60:visited {
  color: #775540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-70 {
  color: #524236; }

.hover\:text-orange-70:hover {
  color: #524236; }

.visited\:text-orange-70:visited {
  color: #524236; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-80 {
  color: #332d27; }

.hover\:text-orange-80:hover {
  color: #332d27; }

.visited\:text-orange-80:visited {
  color: #332d27; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-90 {
  color: #1b1614; }

.hover\:text-orange-90:hover {
  color: #1b1614; }

.visited\:text-orange-90:visited {
  color: #1b1614; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-5v {
  color: #fef2e4; }

.hover\:text-orange-5v:hover {
  color: #fef2e4; }

.visited\:text-orange-5v:visited {
  color: #fef2e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-10v {
  color: #fce2c5; }

.hover\:text-orange-10v:hover {
  color: #fce2c5; }

.visited\:text-orange-10v:visited {
  color: #fce2c5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-20v {
  color: #ffbc78; }

.hover\:text-orange-20v:hover {
  color: #ffbc78; }

.visited\:text-orange-20v:visited {
  color: #ffbc78; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-30v {
  color: #fa9441; }

.hover\:text-orange-30v:hover {
  color: #fa9441; }

.visited\:text-orange-30v:visited {
  color: #fa9441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-40v {
  color: #e66f0e; }

.hover\:text-orange-40v:hover {
  color: #e66f0e; }

.visited\:text-orange-40v:visited {
  color: #e66f0e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-50v {
  color: #c05600; }

.hover\:text-orange-50v:hover {
  color: #c05600; }

.visited\:text-orange-50v:visited {
  color: #c05600; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-60v {
  color: #8c471c; }

.hover\:text-orange-60v:hover {
  color: #8c471c; }

.visited\:text-orange-60v:visited {
  color: #8c471c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-70v {
  color: #5f3617; }

.hover\:text-orange-70v:hover {
  color: #5f3617; }

.visited\:text-orange-70v:visited {
  color: #5f3617; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-80v {
  color: #352313; }

.hover\:text-orange-80v:hover {
  color: #352313; }

.visited\:text-orange-80v:visited {
  color: #352313; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-5 {
  color: #faeee5; }

.hover\:text-orange-warm-5:hover {
  color: #faeee5; }

.visited\:text-orange-warm-5:visited {
  color: #faeee5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-10 {
  color: #fbe0d0; }

.hover\:text-orange-warm-10:hover {
  color: #fbe0d0; }

.visited\:text-orange-warm-10:visited {
  color: #fbe0d0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-20 {
  color: #f7bca2; }

.hover\:text-orange-warm-20:hover {
  color: #f7bca2; }

.visited\:text-orange-warm-20:visited {
  color: #f7bca2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-30 {
  color: #f3966d; }

.hover\:text-orange-warm-30:hover {
  color: #f3966d; }

.visited\:text-orange-warm-30:visited {
  color: #f3966d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-40 {
  color: #e17141; }

.hover\:text-orange-warm-40:hover {
  color: #e17141; }

.visited\:text-orange-warm-40:visited {
  color: #e17141; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-50 {
  color: #bd5727; }

.hover\:text-orange-warm-50:hover {
  color: #bd5727; }

.visited\:text-orange-warm-50:visited {
  color: #bd5727; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-60 {
  color: #914734; }

.hover\:text-orange-warm-60:hover {
  color: #914734; }

.visited\:text-orange-warm-60:visited {
  color: #914734; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-70 {
  color: #633a32; }

.hover\:text-orange-warm-70:hover {
  color: #633a32; }

.visited\:text-orange-warm-70:visited {
  color: #633a32; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-80 {
  color: #3d2925; }

.hover\:text-orange-warm-80:hover {
  color: #3d2925; }

.visited\:text-orange-warm-80:visited {
  color: #3d2925; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-90 {
  color: #1c1615; }

.hover\:text-orange-warm-90:hover {
  color: #1c1615; }

.visited\:text-orange-warm-90:visited {
  color: #1c1615; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-5v {
  color: #fff3ea; }

.hover\:text-orange-warm-5v:hover {
  color: #fff3ea; }

.visited\:text-orange-warm-5v:visited {
  color: #fff3ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-10v {
  color: #ffe2d1; }

.hover\:text-orange-warm-10v:hover {
  color: #ffe2d1; }

.visited\:text-orange-warm-10v:visited {
  color: #ffe2d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-20v {
  color: #fbbaa7; }

.hover\:text-orange-warm-20v:hover {
  color: #fbbaa7; }

.visited\:text-orange-warm-20v:visited {
  color: #fbbaa7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-30v {
  color: #fc906d; }

.hover\:text-orange-warm-30v:hover {
  color: #fc906d; }

.visited\:text-orange-warm-30v:visited {
  color: #fc906d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-40v {
  color: #ff580a; }

.hover\:text-orange-warm-40v:hover {
  color: #ff580a; }

.visited\:text-orange-warm-40v:visited {
  color: #ff580a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-50v {
  color: #cf4900; }

.hover\:text-orange-warm-50v:hover {
  color: #cf4900; }

.visited\:text-orange-warm-50v:visited {
  color: #cf4900; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-60v {
  color: #a72f10; }

.hover\:text-orange-warm-60v:hover {
  color: #a72f10; }

.visited\:text-orange-warm-60v:visited {
  color: #a72f10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-70v {
  color: #782312; }

.hover\:text-orange-warm-70v:hover {
  color: #782312; }

.visited\:text-orange-warm-70v:visited {
  color: #782312; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-orange-warm-80v {
  color: #3d231d; }

.hover\:text-orange-warm-80v:hover {
  color: #3d231d; }

.visited\:text-orange-warm-80v:visited {
  color: #3d231d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-5 {
  color: #f8eff1; }

.hover\:text-red-cool-5:hover {
  color: #f8eff1; }

.visited\:text-red-cool-5:visited {
  color: #f8eff1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-10 {
  color: #f3e1e4; }

.hover\:text-red-cool-10:hover {
  color: #f3e1e4; }

.visited\:text-red-cool-10:visited {
  color: #f3e1e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-20 {
  color: #ecbec6; }

.hover\:text-red-cool-20:hover {
  color: #ecbec6; }

.visited\:text-red-cool-20:visited {
  color: #ecbec6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-30 {
  color: #e09aa6; }

.hover\:text-red-cool-30:hover {
  color: #e09aa6; }

.visited\:text-red-cool-30:visited {
  color: #e09aa6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-40 {
  color: #e16b80; }

.hover\:text-red-cool-40:hover {
  color: #e16b80; }

.visited\:text-red-cool-40:visited {
  color: #e16b80; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-50 {
  color: #cd425b; }

.hover\:text-red-cool-50:hover {
  color: #cd425b; }

.visited\:text-red-cool-50:visited {
  color: #cd425b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-60 {
  color: #9e394b; }

.hover\:text-red-cool-60:hover {
  color: #9e394b; }

.visited\:text-red-cool-60:visited {
  color: #9e394b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-70 {
  color: #68363f; }

.hover\:text-red-cool-70:hover {
  color: #68363f; }

.visited\:text-red-cool-70:visited {
  color: #68363f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-80 {
  color: #40282c; }

.hover\:text-red-cool-80:hover {
  color: #40282c; }

.visited\:text-red-cool-80:visited {
  color: #40282c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-90 {
  color: #1e1517; }

.hover\:text-red-cool-90:hover {
  color: #1e1517; }

.visited\:text-red-cool-90:visited {
  color: #1e1517; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-5v {
  color: #fff2f5; }

.hover\:text-red-cool-5v:hover {
  color: #fff2f5; }

.visited\:text-red-cool-5v:visited {
  color: #fff2f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-10v {
  color: #f8dfe2; }

.hover\:text-red-cool-10v:hover {
  color: #f8dfe2; }

.visited\:text-red-cool-10v:visited {
  color: #f8dfe2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-20v {
  color: #f8b9c5; }

.hover\:text-red-cool-20v:hover {
  color: #f8b9c5; }

.visited\:text-red-cool-20v:visited {
  color: #f8b9c5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-30v {
  color: #fd8ba0; }

.hover\:text-red-cool-30v:hover {
  color: #fd8ba0; }

.visited\:text-red-cool-30v:visited {
  color: #fd8ba0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-40v {
  color: #f45d79; }

.hover\:text-red-cool-40v:hover {
  color: #f45d79; }

.visited\:text-red-cool-40v:visited {
  color: #f45d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-50v {
  color: #e41d3d; }

.hover\:text-red-cool-50v:hover {
  color: #e41d3d; }

.visited\:text-red-cool-50v:visited {
  color: #e41d3d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-60v {
  color: #b21d38; }

.hover\:text-red-cool-60v:hover {
  color: #b21d38; }

.visited\:text-red-cool-60v:visited {
  color: #b21d38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-70v {
  color: #822133; }

.hover\:text-red-cool-70v:hover {
  color: #822133; }

.visited\:text-red-cool-70v:visited {
  color: #822133; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-cool-80v {
  color: #4f1c24; }

.hover\:text-red-cool-80v:hover {
  color: #4f1c24; }

.visited\:text-red-cool-80v:visited {
  color: #4f1c24; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-5 {
  color: #f9eeee; }

.hover\:text-red-5:hover {
  color: #f9eeee; }

.visited\:text-red-5:visited {
  color: #f9eeee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-10 {
  color: #f8e1de; }

.hover\:text-red-10:hover {
  color: #f8e1de; }

.visited\:text-red-10:visited {
  color: #f8e1de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-20 {
  color: #f7bbb1; }

.hover\:text-red-20:hover {
  color: #f7bbb1; }

.visited\:text-red-20:visited {
  color: #f7bbb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-30 {
  color: #f2938c; }

.hover\:text-red-30:hover {
  color: #f2938c; }

.visited\:text-red-30:visited {
  color: #f2938c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-40 {
  color: #e9695f; }

.hover\:text-red-40:hover {
  color: #e9695f; }

.visited\:text-red-40:visited {
  color: #e9695f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-50 {
  color: #d83933; }

.hover\:text-red-50:hover {
  color: #d83933; }

.visited\:text-red-50:visited {
  color: #d83933; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-60 {
  color: #a23737; }

.hover\:text-red-60:hover {
  color: #a23737; }

.visited\:text-red-60:visited {
  color: #a23737; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-70 {
  color: #6f3331; }

.hover\:text-red-70:hover {
  color: #6f3331; }

.visited\:text-red-70:visited {
  color: #6f3331; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-80 {
  color: #3e2927; }

.hover\:text-red-80:hover {
  color: #3e2927; }

.visited\:text-red-80:visited {
  color: #3e2927; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-90 {
  color: #1b1616; }

.hover\:text-red-90:hover {
  color: #1b1616; }

.visited\:text-red-90:visited {
  color: #1b1616; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-5v {
  color: #fff3f2; }

.hover\:text-red-5v:hover {
  color: #fff3f2; }

.visited\:text-red-5v:visited {
  color: #fff3f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-10v {
  color: #fde0db; }

.hover\:text-red-10v:hover {
  color: #fde0db; }

.visited\:text-red-10v:visited {
  color: #fde0db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-20v {
  color: #fdb8ae; }

.hover\:text-red-20v:hover {
  color: #fdb8ae; }

.visited\:text-red-20v:visited {
  color: #fdb8ae; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-30v {
  color: #ff8d7b; }

.hover\:text-red-30v:hover {
  color: #ff8d7b; }

.visited\:text-red-30v:visited {
  color: #ff8d7b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-40v {
  color: #fb5a47; }

.hover\:text-red-40v:hover {
  color: #fb5a47; }

.visited\:text-red-40v:visited {
  color: #fb5a47; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-50v {
  color: #e52207; }

.hover\:text-red-50v:hover {
  color: #e52207; }

.visited\:text-red-50v:visited {
  color: #e52207; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-60v {
  color: #b50909; }

.hover\:text-red-60v:hover {
  color: #b50909; }

.visited\:text-red-60v:visited {
  color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-70v {
  color: #8b0a03; }

.hover\:text-red-70v:hover {
  color: #8b0a03; }

.visited\:text-red-70v:visited {
  color: #8b0a03; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-80v {
  color: #5c1111; }

.hover\:text-red-80v:hover {
  color: #5c1111; }

.visited\:text-red-80v:visited {
  color: #5c1111; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-5 {
  color: #f6efea; }

.hover\:text-red-warm-5:hover {
  color: #f6efea; }

.visited\:text-red-warm-5:visited {
  color: #f6efea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-10 {
  color: #f4e3db; }

.hover\:text-red-warm-10:hover {
  color: #f4e3db; }

.visited\:text-red-warm-10:visited {
  color: #f4e3db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-20 {
  color: #ecc0a7; }

.hover\:text-red-warm-20:hover {
  color: #ecc0a7; }

.visited\:text-red-warm-20:visited {
  color: #ecc0a7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-30 {
  color: #dca081; }

.hover\:text-red-warm-30:hover {
  color: #dca081; }

.visited\:text-red-warm-30:visited {
  color: #dca081; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-40 {
  color: #d27a56; }

.hover\:text-red-warm-40:hover {
  color: #d27a56; }

.visited\:text-red-warm-40:visited {
  color: #d27a56; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-50 {
  color: #c3512c; }

.hover\:text-red-warm-50:hover {
  color: #c3512c; }

.visited\:text-red-warm-50:visited {
  color: #c3512c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-60 {
  color: #805039; }

.hover\:text-red-warm-60:hover {
  color: #805039; }

.visited\:text-red-warm-60:visited {
  color: #805039; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-70 {
  color: #524236; }

.hover\:text-red-warm-70:hover {
  color: #524236; }

.visited\:text-red-warm-70:visited {
  color: #524236; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-80 {
  color: #332d29; }

.hover\:text-red-warm-80:hover {
  color: #332d29; }

.visited\:text-red-warm-80:visited {
  color: #332d29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-90 {
  color: #1f1c18; }

.hover\:text-red-warm-90:hover {
  color: #1f1c18; }

.visited\:text-red-warm-90:visited {
  color: #1f1c18; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-5v {
  color: #fff5ee; }

.hover\:text-red-warm-5v:hover {
  color: #fff5ee; }

.visited\:text-red-warm-5v:visited {
  color: #fff5ee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-10v {
  color: #fce1d4; }

.hover\:text-red-warm-10v:hover {
  color: #fce1d4; }

.visited\:text-red-warm-10v:visited {
  color: #fce1d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-20v {
  color: #f6bd9c; }

.hover\:text-red-warm-20v:hover {
  color: #f6bd9c; }

.visited\:text-red-warm-20v:visited {
  color: #f6bd9c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-30v {
  color: #f39268; }

.hover\:text-red-warm-30v:hover {
  color: #f39268; }

.visited\:text-red-warm-30v:visited {
  color: #f39268; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-40v {
  color: #ef5e25; }

.hover\:text-red-warm-40v:hover {
  color: #ef5e25; }

.visited\:text-red-warm-40v:visited {
  color: #ef5e25; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-50v {
  color: #d54309; }

.hover\:text-red-warm-50v:hover {
  color: #d54309; }

.visited\:text-red-warm-50v:visited {
  color: #d54309; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-60v {
  color: #9c3d10; }

.hover\:text-red-warm-60v:hover {
  color: #9c3d10; }

.visited\:text-red-warm-60v:visited {
  color: #9c3d10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-70v {
  color: #63340f; }

.hover\:text-red-warm-70v:hover {
  color: #63340f; }

.visited\:text-red-warm-70v:visited {
  color: #63340f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-red-warm-80v {
  color: #3e2a1e; }

.hover\:text-red-warm-80v:hover {
  color: #3e2a1e; }

.visited\:text-red-warm-80v:visited {
  color: #3e2a1e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-5 {
  color: #f4f1f9; }

.hover\:text-violet-5:hover {
  color: #f4f1f9; }

.visited\:text-violet-5:visited {
  color: #f4f1f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-10 {
  color: #ebe3f9; }

.hover\:text-violet-10:hover {
  color: #ebe3f9; }

.visited\:text-violet-10:visited {
  color: #ebe3f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-20 {
  color: #d0c3e9; }

.hover\:text-violet-20:hover {
  color: #d0c3e9; }

.visited\:text-violet-20:visited {
  color: #d0c3e9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-30 {
  color: #b8a2e3; }

.hover\:text-violet-30:hover {
  color: #b8a2e3; }

.visited\:text-violet-30:visited {
  color: #b8a2e3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-40 {
  color: #9d84d2; }

.hover\:text-violet-40:hover {
  color: #9d84d2; }

.visited\:text-violet-40:visited {
  color: #9d84d2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-50 {
  color: #8168b3; }

.hover\:text-violet-50:hover {
  color: #8168b3; }

.visited\:text-violet-50:visited {
  color: #8168b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-60 {
  color: #665190; }

.hover\:text-violet-60:hover {
  color: #665190; }

.visited\:text-violet-60:visited {
  color: #665190; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-70 {
  color: #4c3d69; }

.hover\:text-violet-70:hover {
  color: #4c3d69; }

.visited\:text-violet-70:visited {
  color: #4c3d69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-80 {
  color: #312b3f; }

.hover\:text-violet-80:hover {
  color: #312b3f; }

.visited\:text-violet-80:visited {
  color: #312b3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-90 {
  color: #18161d; }

.hover\:text-violet-90:hover {
  color: #18161d; }

.visited\:text-violet-90:visited {
  color: #18161d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-5v {
  color: #f7f2ff; }

.hover\:text-violet-5v:hover {
  color: #f7f2ff; }

.visited\:text-violet-5v:visited {
  color: #f7f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-10v {
  color: #ede3ff; }

.hover\:text-violet-10v:hover {
  color: #ede3ff; }

.visited\:text-violet-10v:visited {
  color: #ede3ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-20v {
  color: #d5bfff; }

.hover\:text-violet-20v:hover {
  color: #d5bfff; }

.visited\:text-violet-20v:visited {
  color: #d5bfff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-30v {
  color: #c39deb; }

.hover\:text-violet-30v:hover {
  color: #c39deb; }

.visited\:text-violet-30v:visited {
  color: #c39deb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-40v {
  color: #ad79e9; }

.hover\:text-violet-40v:hover {
  color: #ad79e9; }

.visited\:text-violet-40v:visited {
  color: #ad79e9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-50v {
  color: #9355dc; }

.hover\:text-violet-50v:hover {
  color: #9355dc; }

.visited\:text-violet-50v:visited {
  color: #9355dc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-60v {
  color: #783cb9; }

.hover\:text-violet-60v:hover {
  color: #783cb9; }

.visited\:text-violet-60v:visited {
  color: #783cb9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-70v {
  color: #54278f; }

.hover\:text-violet-70v:hover {
  color: #54278f; }

.visited\:text-violet-70v:visited {
  color: #54278f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-80v {
  color: #39215e; }

.hover\:text-violet-80v:hover {
  color: #39215e; }

.visited\:text-violet-80v:visited {
  color: #39215e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-5 {
  color: #f8f0f9; }

.hover\:text-violet-warm-5:hover {
  color: #f8f0f9; }

.visited\:text-violet-warm-5:visited {
  color: #f8f0f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-10 {
  color: #f6dff8; }

.hover\:text-violet-warm-10:hover {
  color: #f6dff8; }

.visited\:text-violet-warm-10:visited {
  color: #f6dff8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-20 {
  color: #e2bee4; }

.hover\:text-violet-warm-20:hover {
  color: #e2bee4; }

.visited\:text-violet-warm-20:visited {
  color: #e2bee4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-30 {
  color: #d29ad8; }

.hover\:text-violet-warm-30:hover {
  color: #d29ad8; }

.visited\:text-violet-warm-30:visited {
  color: #d29ad8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-40 {
  color: #bf77c8; }

.hover\:text-violet-warm-40:hover {
  color: #bf77c8; }

.visited\:text-violet-warm-40:visited {
  color: #bf77c8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-50 {
  color: #b04abd; }

.hover\:text-violet-warm-50:hover {
  color: #b04abd; }

.visited\:text-violet-warm-50:visited {
  color: #b04abd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-60 {
  color: #864381; }

.hover\:text-violet-warm-60:hover {
  color: #864381; }

.visited\:text-violet-warm-60:visited {
  color: #864381; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-70 {
  color: #5c395a; }

.hover\:text-violet-warm-70:hover {
  color: #5c395a; }

.visited\:text-violet-warm-70:visited {
  color: #5c395a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-80 {
  color: #382936; }

.hover\:text-violet-warm-80:hover {
  color: #382936; }

.visited\:text-violet-warm-80:visited {
  color: #382936; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-90 {
  color: #1b151b; }

.hover\:text-violet-warm-90:hover {
  color: #1b151b; }

.visited\:text-violet-warm-90:visited {
  color: #1b151b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-5v {
  color: #fef2ff; }

.hover\:text-violet-warm-5v:hover {
  color: #fef2ff; }

.visited\:text-violet-warm-5v:visited {
  color: #fef2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-10v {
  color: #fbdcff; }

.hover\:text-violet-warm-10v:hover {
  color: #fbdcff; }

.visited\:text-violet-warm-10v:visited {
  color: #fbdcff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-20v {
  color: #f4b2ff; }

.hover\:text-violet-warm-20v:hover {
  color: #f4b2ff; }

.visited\:text-violet-warm-20v:visited {
  color: #f4b2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-30v {
  color: #ee83ff; }

.hover\:text-violet-warm-30v:hover {
  color: #ee83ff; }

.visited\:text-violet-warm-30v:visited {
  color: #ee83ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-40v {
  color: #d85bef; }

.hover\:text-violet-warm-40v:hover {
  color: #d85bef; }

.visited\:text-violet-warm-40v:visited {
  color: #d85bef; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-50v {
  color: #be32d0; }

.hover\:text-violet-warm-50v:hover {
  color: #be32d0; }

.visited\:text-violet-warm-50v:visited {
  color: #be32d0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-60v {
  color: #93348c; }

.hover\:text-violet-warm-60v:hover {
  color: #93348c; }

.visited\:text-violet-warm-60v:visited {
  color: #93348c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-70v {
  color: #711e6c; }

.hover\:text-violet-warm-70v:hover {
  color: #711e6c; }

.visited\:text-violet-warm-70v:visited {
  color: #711e6c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-violet-warm-80v {
  color: #481441; }

.hover\:text-violet-warm-80v:hover {
  color: #481441; }

.visited\:text-violet-warm-80v:visited {
  color: #481441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white-transparent-5 {
  color: rgba(255, 255, 255, 0.01); }

.hover\:text-white-transparent-5:hover {
  color: rgba(255, 255, 255, 0.01); }

.visited\:text-white-transparent-5:visited {
  color: rgba(255, 255, 255, 0.01); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white-transparent-10 {
  color: rgba(255, 255, 255, 0.1); }

.hover\:text-white-transparent-10:hover {
  color: rgba(255, 255, 255, 0.1); }

.visited\:text-white-transparent-10:visited {
  color: rgba(255, 255, 255, 0.1); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white-transparent-20 {
  color: rgba(255, 255, 255, 0.2); }

.hover\:text-white-transparent-20:hover {
  color: rgba(255, 255, 255, 0.2); }

.visited\:text-white-transparent-20:visited {
  color: rgba(255, 255, 255, 0.2); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white-transparent-30 {
  color: rgba(255, 255, 255, 0.3); }

.hover\:text-white-transparent-30:hover {
  color: rgba(255, 255, 255, 0.3); }

.visited\:text-white-transparent-30:visited {
  color: rgba(255, 255, 255, 0.3); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white-transparent-40 {
  color: rgba(255, 255, 255, 0.4); }

.hover\:text-white-transparent-40:hover {
  color: rgba(255, 255, 255, 0.4); }

.visited\:text-white-transparent-40:visited {
  color: rgba(255, 255, 255, 0.4); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white-transparent-50 {
  color: rgba(255, 255, 255, 0.5); }

.hover\:text-white-transparent-50:hover {
  color: rgba(255, 255, 255, 0.5); }

.visited\:text-white-transparent-50:visited {
  color: rgba(255, 255, 255, 0.5); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white-transparent-60 {
  color: rgba(255, 255, 255, 0.6); }

.hover\:text-white-transparent-60:hover {
  color: rgba(255, 255, 255, 0.6); }

.visited\:text-white-transparent-60:visited {
  color: rgba(255, 255, 255, 0.6); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white-transparent-70 {
  color: rgba(255, 255, 255, 0.7); }

.hover\:text-white-transparent-70:hover {
  color: rgba(255, 255, 255, 0.7); }

.visited\:text-white-transparent-70:visited {
  color: rgba(255, 255, 255, 0.7); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white-transparent-80 {
  color: rgba(255, 255, 255, 0.8); }

.hover\:text-white-transparent-80:hover {
  color: rgba(255, 255, 255, 0.8); }

.visited\:text-white-transparent-80:visited {
  color: rgba(255, 255, 255, 0.8); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-white-transparent-90 {
  color: rgba(255, 255, 255, 0.9); }

.hover\:text-white-transparent-90:hover {
  color: rgba(255, 255, 255, 0.9); }

.visited\:text-white-transparent-90:visited {
  color: rgba(255, 255, 255, 0.9); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-5 {
  color: #faf3d1; }

.hover\:text-yellow-5:hover {
  color: #faf3d1; }

.visited\:text-yellow-5:visited {
  color: #faf3d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-10 {
  color: #f5e6af; }

.hover\:text-yellow-10:hover {
  color: #f5e6af; }

.visited\:text-yellow-10:visited {
  color: #f5e6af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-20 {
  color: #e6c74c; }

.hover\:text-yellow-20:hover {
  color: #e6c74c; }

.visited\:text-yellow-20:visited {
  color: #e6c74c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-30 {
  color: #c9ab48; }

.hover\:text-yellow-30:hover {
  color: #c9ab48; }

.visited\:text-yellow-30:visited {
  color: #c9ab48; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-40 {
  color: #a88f48; }

.hover\:text-yellow-40:hover {
  color: #a88f48; }

.visited\:text-yellow-40:visited {
  color: #a88f48; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-50 {
  color: #8a7237; }

.hover\:text-yellow-50:hover {
  color: #8a7237; }

.visited\:text-yellow-50:visited {
  color: #8a7237; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-60 {
  color: #6b5a39; }

.hover\:text-yellow-60:hover {
  color: #6b5a39; }

.visited\:text-yellow-60:visited {
  color: #6b5a39; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-70 {
  color: #504332; }

.hover\:text-yellow-70:hover {
  color: #504332; }

.visited\:text-yellow-70:visited {
  color: #504332; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-80 {
  color: #332d27; }

.hover\:text-yellow-80:hover {
  color: #332d27; }

.visited\:text-yellow-80:visited {
  color: #332d27; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-90 {
  color: #1a1614; }

.hover\:text-yellow-90:hover {
  color: #1a1614; }

.visited\:text-yellow-90:visited {
  color: #1a1614; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-5v {
  color: #fff5c2; }

.hover\:text-yellow-5v:hover {
  color: #fff5c2; }

.visited\:text-yellow-5v:visited {
  color: #fff5c2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-10v {
  color: #fee685; }

.hover\:text-yellow-10v:hover {
  color: #fee685; }

.visited\:text-yellow-10v:visited {
  color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-20v {
  color: #face00; }

.hover\:text-yellow-20v:hover {
  color: #face00; }

.visited\:text-yellow-20v:visited {
  color: #face00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-30v {
  color: #ddaa01; }

.hover\:text-yellow-30v:hover {
  color: #ddaa01; }

.visited\:text-yellow-30v:visited {
  color: #ddaa01; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-40v {
  color: #b38c00; }

.hover\:text-yellow-40v:hover {
  color: #b38c00; }

.visited\:text-yellow-40v:visited {
  color: #b38c00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-50v {
  color: #947100; }

.hover\:text-yellow-50v:hover {
  color: #947100; }

.visited\:text-yellow-50v:visited {
  color: #947100; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-60v {
  color: #776017; }

.hover\:text-yellow-60v:hover {
  color: #776017; }

.visited\:text-yellow-60v:visited {
  color: #776017; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-70v {
  color: #5c4809; }

.hover\:text-yellow-70v:hover {
  color: #5c4809; }

.visited\:text-yellow-70v:visited {
  color: #5c4809; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-yellow-80v {
  color: #422d19; }

.hover\:text-yellow-80v:hover {
  color: #422d19; }

.visited\:text-yellow-80v:visited {
  color: #422d19; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.cursor-auto {
  cursor: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.cursor-default {
  cursor: default; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.cursor-pointer {
  cursor: pointer; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.cursor-wait {
  cursor: wait; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.cursor-move {
  cursor: move; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.cursor-not-allowed {
  cursor: not-allowed; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.display-block {
  display: block; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.display-flex {
  display: flex; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.display-none {
  display: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.display-inline {
  display: inline; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.display-inline-block {
  display: inline-block; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.display-inline-flex {
  display: inline-flex; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.display-table {
  display: table; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.display-table-cell {
  display: table-cell; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.display-table-row {
  display: table-row; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-1 {
  flex: 1 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-2 {
  flex: 2 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-3 {
  flex: 3 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-4 {
  flex: 4 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-5 {
  flex: 5 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-6 {
  flex: 6 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-7 {
  flex: 7 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-8 {
  flex: 8 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-9 {
  flex: 9 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-10 {
  flex: 10 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-11 {
  flex: 11 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-12 {
  flex: 12 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-fill {
  flex: 1 1 0%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-auto {
  flex: 0 1 auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-row {
  flex-direction: row; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-column {
  flex-direction: column; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-wrap {
  flex-wrap: wrap; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-no-wrap {
  flex-wrap: nowrap; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.float-left {
  float: left; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.float-none {
  float: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.float-right {
  float: right; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-mono-3xs {
  font-size: 0.71rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-mono-2xs {
  font-size: 0.83rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-mono-xs {
  font-size: 0.89rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-mono-sm {
  font-size: 0.95rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-mono-md {
  font-size: 1.01rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-mono-lg {
  font-size: 1.31rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-mono-xl {
  font-size: 1.91rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-mono-2xl {
  font-size: 2.38rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-mono-3xl {
  font-size: 2.86rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-sans-3xs {
  font-size: 0.8rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-sans-2xs {
  font-size: 0.93rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-sans-xs {
  font-size: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-sans-sm {
  font-size: 1.06rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-sans-md {
  font-size: 1.13rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-sans-lg {
  font-size: 1.46rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-sans-xl {
  font-size: 2.13rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-sans-2xl {
  font-size: 2.66rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-sans-3xl {
  font-size: 3.19rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-serif-3xs {
  font-size: 0.73rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-serif-2xs {
  font-size: 0.85rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-serif-xs {
  font-size: 0.91rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-serif-sm {
  font-size: 0.98rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-serif-md {
  font-size: 1.04rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-serif-lg {
  font-size: 1.34rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-serif-xl {
  font-size: 1.95rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-serif-2xl {
  font-size: 2.44rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-serif-3xl {
  font-size: 2.93rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-heading-3xs {
  font-size: 0.73rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-heading-2xs {
  font-size: 0.85rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-heading-xs {
  font-size: 0.91rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-heading-sm {
  font-size: 0.98rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-heading-md {
  font-size: 1.04rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-heading-lg {
  font-size: 1.34rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-heading-xl {
  font-size: 1.95rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-heading-2xl {
  font-size: 2.44rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-heading-3xl {
  font-size: 2.93rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-body-3xs {
  font-size: 0.8rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-body-2xs {
  font-size: 0.93rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-body-xs {
  font-size: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-body-sm {
  font-size: 1.06rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-body-md {
  font-size: 1.13rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-body-lg {
  font-size: 1.46rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-body-xl {
  font-size: 2.13rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-body-2xl {
  font-size: 2.66rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-body-3xl {
  font-size: 3.19rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-code-3xs {
  font-size: 0.71rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-code-2xs {
  font-size: 0.83rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-code-xs {
  font-size: 0.89rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-code-sm {
  font-size: 0.95rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-code-md {
  font-size: 1.01rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-code-lg {
  font-size: 1.31rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-code-xl {
  font-size: 1.91rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-code-2xl {
  font-size: 2.38rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-code-3xl {
  font-size: 2.86rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-alt-3xs {
  font-size: 0.73rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-alt-2xs {
  font-size: 0.85rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-alt-xs {
  font-size: 0.91rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-alt-sm {
  font-size: 0.98rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-alt-md {
  font-size: 1.04rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-alt-lg {
  font-size: 1.34rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-alt-xl {
  font-size: 1.95rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-alt-2xl {
  font-size: 2.44rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-alt-3xl {
  font-size: 2.93rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-ui-3xs {
  font-size: 0.8rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-ui-2xs {
  font-size: 0.93rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-ui-xs {
  font-size: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-ui-sm {
  font-size: 1.06rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-ui-md {
  font-size: 1.13rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-ui-lg {
  font-size: 1.46rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-ui-xl {
  font-size: 2.13rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-ui-2xl {
  font-size: 2.66rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-ui-3xl {
  font-size: 3.19rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-family-mono {
  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-family-sans {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-family-serif {
  font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-family-ui {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-family-heading {
  font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-family-body {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-family-code {
  font-family: Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.font-family-alt {
  font-family: Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-tabular {
  font-feature-settings: "tnum" 1, "kern" 1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-no-tabular {
  font-feature-settings: "kern" 1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-italic {
  font-style: italic; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-no-italic {
  font-style: normal; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-light {
  font-weight: 300; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-normal {
  font-weight: normal; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-bold {
  font-weight: 700; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-1px {
  height: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-2px {
  height: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-05 {
  height: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-1 {
  height: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-105 {
  height: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-2 {
  height: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-205 {
  height: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-3 {
  height: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-4 {
  height: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-5 {
  height: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-6 {
  height: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-7 {
  height: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-8 {
  height: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-9 {
  height: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-10 {
  height: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-15 {
  height: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-card {
  height: 10rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-card-lg {
  height: 15rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-mobile {
  height: 20rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-0 {
  height: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-auto {
  height: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-full {
  height: 100%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-viewport {
  height: 100vh; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.height-mobile-lg {
  height: 30rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-justify-center {
  justify-content: center; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-justify-start {
  justify-content: flex-start; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-justify-end {
  justify-content: flex-end; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.flex-justify {
  justify-content: space-between; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-1px {
  left: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-2px {
  left: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-05 {
  left: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-1 {
  left: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-105 {
  left: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-2 {
  left: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-205 {
  left: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-3 {
  left: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-neg-1px {
  left: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-neg-2px {
  left: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-neg-05 {
  left: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-neg-1 {
  left: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-neg-105 {
  left: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-neg-2 {
  left: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-neg-205 {
  left: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-neg-3 {
  left: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-0 {
  left: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.left-auto {
  left: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-ls-auto {
  letter-spacing: initial; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-ls-neg-3 {
  letter-spacing: -0.03em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-ls-neg-2 {
  letter-spacing: -0.02em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-ls-neg-1 {
  letter-spacing: -0.01em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-ls-1 {
  letter-spacing: 0.025em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-ls-2 {
  letter-spacing: 0.1em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-ls-3 {
  letter-spacing: 0.15em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-sans-1 {
  line-height: 0.9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-sans-2 {
  line-height: 1.1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-sans-3 {
  line-height: 1.3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-sans-4 {
  line-height: 1.4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-sans-5 {
  line-height: 1.5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-sans-6 {
  line-height: 1.6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-serif-1 {
  line-height: 1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-serif-2 {
  line-height: 1.2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-serif-3 {
  line-height: 1.4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-serif-4 {
  line-height: 1.5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-serif-5 {
  line-height: 1.7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-serif-6 {
  line-height: 1.8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-mono-1 {
  line-height: 1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-mono-2 {
  line-height: 1.3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-mono-3 {
  line-height: 1.4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-mono-4 {
  line-height: 1.6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-mono-5 {
  line-height: 1.7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-mono-6 {
  line-height: 1.8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-heading-1 {
  line-height: 1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-heading-2 {
  line-height: 1.2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-heading-3 {
  line-height: 1.4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-heading-4 {
  line-height: 1.5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-heading-5 {
  line-height: 1.7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-heading-6 {
  line-height: 1.8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-ui-1 {
  line-height: 0.9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-ui-2 {
  line-height: 1.1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-ui-3 {
  line-height: 1.3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-ui-4 {
  line-height: 1.4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-ui-5 {
  line-height: 1.5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-ui-6 {
  line-height: 1.6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-body-1 {
  line-height: 0.9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-body-2 {
  line-height: 1.1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-body-3 {
  line-height: 1.3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-body-4 {
  line-height: 1.4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-body-5 {
  line-height: 1.5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-body-6 {
  line-height: 1.6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-code-1 {
  line-height: 1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-code-2 {
  line-height: 1.3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-code-3 {
  line-height: 1.4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-code-4 {
  line-height: 1.6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-code-5 {
  line-height: 1.7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-code-6 {
  line-height: 1.8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-alt-1 {
  line-height: 1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-alt-2 {
  line-height: 1.2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-alt-3 {
  line-height: 1.4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-alt-4 {
  line-height: 1.5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-alt-5 {
  line-height: 1.7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.line-height-alt-6 {
  line-height: 1.8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-1px {
  margin: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-2px {
  margin: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-05 {
  margin: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-1 {
  margin: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-105 {
  margin: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-2 {
  margin: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-205 {
  margin: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-3 {
  margin: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-1px {
  margin: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-2px {
  margin: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-05 {
  margin: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-1 {
  margin: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-105 {
  margin: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-2 {
  margin: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-205 {
  margin: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-3 {
  margin: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-4 {
  margin: -2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-5 {
  margin: -2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-6 {
  margin: -3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-7 {
  margin: -3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-8 {
  margin: -4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-9 {
  margin: -4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-10 {
  margin: -5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-neg-15 {
  margin: -7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-4 {
  margin: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-5 {
  margin: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-6 {
  margin: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-7 {
  margin: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-8 {
  margin: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-9 {
  margin: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-10 {
  margin: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-15 {
  margin: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-05em {
  margin: 0.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-1em {
  margin: 1em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-105em {
  margin: 1.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-2em {
  margin: 2em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-0 {
  margin: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-1px {
  margin-top: 1px;
  margin-bottom: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-1px {
  margin-top: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-1px {
  margin-bottom: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-2px {
  margin-top: 2px;
  margin-bottom: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-2px {
  margin-top: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-2px {
  margin-bottom: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-05 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-05 {
  margin-top: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-05 {
  margin-bottom: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-1 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-1 {
  margin-top: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-1 {
  margin-bottom: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-105 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-105 {
  margin-top: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-105 {
  margin-bottom: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-2 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-2 {
  margin-top: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-2 {
  margin-bottom: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-205 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-205 {
  margin-top: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-205 {
  margin-bottom: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-3 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-3 {
  margin-top: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-3 {
  margin-bottom: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-1px {
  margin-top: -1px;
  margin-bottom: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-1px {
  margin-top: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-1px {
  margin-bottom: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-2px {
  margin-top: -2px;
  margin-bottom: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-2px {
  margin-top: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-2px {
  margin-bottom: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-05 {
  margin-top: -0.25rem;
  margin-bottom: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-05 {
  margin-top: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-05 {
  margin-bottom: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-1 {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-1 {
  margin-top: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-1 {
  margin-bottom: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-105 {
  margin-top: -0.75rem;
  margin-bottom: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-105 {
  margin-top: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-105 {
  margin-bottom: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-2 {
  margin-top: -1rem;
  margin-bottom: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-2 {
  margin-top: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-2 {
  margin-bottom: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-205 {
  margin-top: -1.25rem;
  margin-bottom: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-205 {
  margin-top: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-205 {
  margin-bottom: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-3 {
  margin-top: -1.5rem;
  margin-bottom: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-3 {
  margin-top: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-3 {
  margin-bottom: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-4 {
  margin-top: -2rem;
  margin-bottom: -2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-4 {
  margin-top: -2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-4 {
  margin-bottom: -2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-5 {
  margin-top: -2.5rem;
  margin-bottom: -2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-5 {
  margin-top: -2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-5 {
  margin-bottom: -2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-6 {
  margin-top: -3rem;
  margin-bottom: -3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-6 {
  margin-top: -3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-6 {
  margin-bottom: -3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-7 {
  margin-top: -3.5rem;
  margin-bottom: -3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-7 {
  margin-top: -3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-7 {
  margin-bottom: -3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-8 {
  margin-top: -4rem;
  margin-bottom: -4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-8 {
  margin-top: -4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-8 {
  margin-bottom: -4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-9 {
  margin-top: -4.5rem;
  margin-bottom: -4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-9 {
  margin-top: -4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-9 {
  margin-bottom: -4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-10 {
  margin-top: -5rem;
  margin-bottom: -5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-10 {
  margin-top: -5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-10 {
  margin-bottom: -5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-neg-15 {
  margin-top: -7.5rem;
  margin-bottom: -7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-neg-15 {
  margin-top: -7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-neg-15 {
  margin-bottom: -7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-4 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-4 {
  margin-top: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-4 {
  margin-bottom: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-5 {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-5 {
  margin-top: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-5 {
  margin-bottom: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-6 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-6 {
  margin-top: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-6 {
  margin-bottom: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-7 {
  margin-top: 3.5rem;
  margin-bottom: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-7 {
  margin-top: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-7 {
  margin-bottom: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-8 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-8 {
  margin-top: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-8 {
  margin-bottom: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-9 {
  margin-top: 4.5rem;
  margin-bottom: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-9 {
  margin-top: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-9 {
  margin-bottom: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-10 {
  margin-top: 5rem;
  margin-bottom: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-10 {
  margin-top: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-10 {
  margin-bottom: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-15 {
  margin-top: 7.5rem;
  margin-bottom: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-15 {
  margin-top: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-15 {
  margin-bottom: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-05em {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-05em {
  margin-top: 0.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-05em {
  margin-bottom: 0.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-1em {
  margin-top: 1em;
  margin-bottom: 1em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-1em {
  margin-top: 1em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-1em {
  margin-bottom: 1em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-105em {
  margin-top: 1.5em;
  margin-bottom: 1.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-105em {
  margin-top: 1.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-105em {
  margin-bottom: 1.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-2em {
  margin-top: 2em;
  margin-bottom: 2em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-2em {
  margin-top: 2em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-2em {
  margin-bottom: 2em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-0 {
  margin-top: 0;
  margin-bottom: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-0 {
  margin-top: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-0 {
  margin-bottom: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-y-auto {
  margin-top: auto;
  margin-bottom: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-top-auto {
  margin-top: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-bottom-auto {
  margin-bottom: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-1px {
  margin-left: 1px;
  margin-right: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-1px {
  margin-right: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-1px {
  margin-left: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-2px {
  margin-left: 2px;
  margin-right: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-2px {
  margin-right: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-2px {
  margin-left: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-05 {
  margin-left: 0.25rem;
  margin-right: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-05 {
  margin-right: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-05 {
  margin-left: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-1 {
  margin-left: 0.5rem;
  margin-right: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-1 {
  margin-right: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-1 {
  margin-left: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-105 {
  margin-left: 0.75rem;
  margin-right: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-105 {
  margin-right: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-105 {
  margin-left: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-2 {
  margin-left: 1rem;
  margin-right: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-2 {
  margin-right: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-2 {
  margin-left: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-205 {
  margin-left: 1.25rem;
  margin-right: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-205 {
  margin-right: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-205 {
  margin-left: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-3 {
  margin-left: 1.5rem;
  margin-right: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-3 {
  margin-right: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-3 {
  margin-left: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-1px {
  margin-left: -1px;
  margin-right: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-1px {
  margin-right: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-1px {
  margin-left: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-2px {
  margin-left: -2px;
  margin-right: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-2px {
  margin-right: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-2px {
  margin-left: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-05 {
  margin-left: -0.25rem;
  margin-right: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-05 {
  margin-right: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-05 {
  margin-left: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-1 {
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-1 {
  margin-right: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-1 {
  margin-left: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-105 {
  margin-left: -0.75rem;
  margin-right: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-105 {
  margin-right: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-105 {
  margin-left: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-2 {
  margin-left: -1rem;
  margin-right: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-2 {
  margin-right: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-2 {
  margin-left: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-205 {
  margin-left: -1.25rem;
  margin-right: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-205 {
  margin-right: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-205 {
  margin-left: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-3 {
  margin-left: -1.5rem;
  margin-right: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-3 {
  margin-right: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-3 {
  margin-left: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-4 {
  margin-left: -2rem;
  margin-right: -2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-4 {
  margin-right: -2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-4 {
  margin-left: -2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-5 {
  margin-left: -2.5rem;
  margin-right: -2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-5 {
  margin-right: -2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-5 {
  margin-left: -2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-6 {
  margin-left: -3rem;
  margin-right: -3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-6 {
  margin-right: -3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-6 {
  margin-left: -3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-7 {
  margin-left: -3.5rem;
  margin-right: -3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-7 {
  margin-right: -3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-7 {
  margin-left: -3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-8 {
  margin-left: -4rem;
  margin-right: -4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-8 {
  margin-right: -4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-8 {
  margin-left: -4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-9 {
  margin-left: -4.5rem;
  margin-right: -4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-9 {
  margin-right: -4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-9 {
  margin-left: -4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-10 {
  margin-left: -5rem;
  margin-right: -5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-10 {
  margin-right: -5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-10 {
  margin-left: -5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-neg-15 {
  margin-left: -7.5rem;
  margin-right: -7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-neg-15 {
  margin-right: -7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-neg-15 {
  margin-left: -7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-4 {
  margin-left: 2rem;
  margin-right: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-4 {
  margin-right: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-4 {
  margin-left: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-5 {
  margin-left: 2.5rem;
  margin-right: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-5 {
  margin-right: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-5 {
  margin-left: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-6 {
  margin-left: 3rem;
  margin-right: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-6 {
  margin-right: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-6 {
  margin-left: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-7 {
  margin-left: 3.5rem;
  margin-right: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-7 {
  margin-right: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-7 {
  margin-left: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-8 {
  margin-left: 4rem;
  margin-right: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-8 {
  margin-right: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-8 {
  margin-left: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-9 {
  margin-left: 4.5rem;
  margin-right: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-9 {
  margin-right: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-9 {
  margin-left: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-10 {
  margin-left: 5rem;
  margin-right: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-10 {
  margin-right: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-10 {
  margin-left: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-15 {
  margin-left: 7.5rem;
  margin-right: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-15 {
  margin-right: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-15 {
  margin-left: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-card {
  margin-left: 10rem;
  margin-right: 10rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-card {
  margin-right: 10rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-card {
  margin-left: 10rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-card-lg {
  margin-left: 15rem;
  margin-right: 15rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-card-lg {
  margin-right: 15rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-card-lg {
  margin-left: 15rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-mobile {
  margin-left: 20rem;
  margin-right: 20rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-mobile {
  margin-right: 20rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-mobile {
  margin-left: 20rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-05em {
  margin-left: 0.5em;
  margin-right: 0.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-05em {
  margin-right: 0.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-05em {
  margin-left: 0.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-1em {
  margin-left: 1em;
  margin-right: 1em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-1em {
  margin-right: 1em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-1em {
  margin-left: 1em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-105em {
  margin-left: 1.5em;
  margin-right: 1.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-105em {
  margin-right: 1.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-105em {
  margin-left: 1.5em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-2em {
  margin-left: 2em;
  margin-right: 2em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-2em {
  margin-right: 2em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-2em {
  margin-left: 2em; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-0 {
  margin-left: 0;
  margin-right: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-0 {
  margin-right: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-0 {
  margin-left: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-x-auto {
  margin-left: auto;
  margin-right: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-right-auto {
  margin-right: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.margin-left-auto {
  margin-left: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-05 {
  max-height: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-1 {
  max-height: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-105 {
  max-height: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-2 {
  max-height: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-205 {
  max-height: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-3 {
  max-height: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-4 {
  max-height: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-5 {
  max-height: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-6 {
  max-height: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-7 {
  max-height: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-8 {
  max-height: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-9 {
  max-height: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-10 {
  max-height: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-15 {
  max-height: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-card {
  max-height: 10rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-card-lg {
  max-height: 15rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-mobile {
  max-height: 20rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-mobile-lg {
  max-height: 30rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-tablet {
  max-height: 40rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-tablet-lg {
  max-height: 55rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-none {
  max-height: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxh-viewport {
  max-height: 100vh; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-05 {
  max-width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-1 {
  max-width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-105 {
  max-width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-2 {
  max-width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-205 {
  max-width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-3 {
  max-width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-4 {
  max-width: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-5 {
  max-width: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-6 {
  max-width: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-7 {
  max-width: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-8 {
  max-width: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-9 {
  max-width: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-10 {
  max-width: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-15 {
  max-width: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-card {
  max-width: 10rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-card-lg {
  max-width: 15rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-mobile {
  max-width: 20rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-mobile-lg {
  max-width: 30rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-tablet {
  max-width: 40rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-tablet-lg {
  max-width: 55rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-desktop {
  max-width: 64rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-desktop-lg {
  max-width: 75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-widescreen {
  max-width: 87.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-none {
  max-width: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-full {
  max-width: 100%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.maxw-widescreen-lg {
  max-width: 96.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.measure-1 {
  max-width: 44ex; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.measure-2 {
  max-width: 60ex; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.measure-3 {
  max-width: 64ex; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.measure-4 {
  max-width: 68ex; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.measure-5 {
  max-width: 72ex; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.measure-6 {
  max-width: 88ex; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.measure-none {
  max-width: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-1px {
  min-height: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-2px {
  min-height: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-05 {
  min-height: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-1 {
  min-height: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-105 {
  min-height: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-2 {
  min-height: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-205 {
  min-height: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-3 {
  min-height: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-4 {
  min-height: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-5 {
  min-height: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-6 {
  min-height: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-7 {
  min-height: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-8 {
  min-height: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-9 {
  min-height: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-10 {
  min-height: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-15 {
  min-height: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-card {
  min-height: 10rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-card-lg {
  min-height: 15rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-mobile {
  min-height: 20rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-mobile-lg {
  min-height: 30rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-tablet {
  min-height: 40rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-tablet-lg {
  min-height: 55rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-0 {
  min-height: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-full {
  min-height: 100%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minh-viewport {
  min-height: 100vh; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-05 {
  min-width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-1 {
  min-width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-105 {
  min-width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-2 {
  min-width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-205 {
  min-width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-3 {
  min-width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-4 {
  min-width: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-5 {
  min-width: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-6 {
  min-width: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-7 {
  min-width: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-8 {
  min-width: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-9 {
  min-width: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-10 {
  min-width: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-15 {
  min-width: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-0 {
  min-width: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-card {
  min-width: 10rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.minw-card-lg {
  min-width: 15rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-0 {
  opacity: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-10 {
  opacity: 0.1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-20 {
  opacity: 0.2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-30 {
  opacity: 0.3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-40 {
  opacity: 0.4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-50 {
  opacity: 0.5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-60 {
  opacity: 0.6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-70 {
  opacity: 0.7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-80 {
  opacity: 0.8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-90 {
  opacity: 0.9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.opacity-100 {
  opacity: 1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-first {
  order: -1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-last {
  order: 999; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-initial {
  order: initial; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-0 {
  order: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-1 {
  order: 1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-2 {
  order: 2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-3 {
  order: 3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-4 {
  order: 4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-5 {
  order: 5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-6 {
  order: 6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-7 {
  order: 7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-8 {
  order: 8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-9 {
  order: 9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-10 {
  order: 10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.order-11 {
  order: 11; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-1px {
  outline: 1px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-2px {
  outline: 2px solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-0 {
  outline: 0 solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-05 {
  outline: 0.25rem solid; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-transparent {
  outline-color: transparent; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black {
  outline-color: black; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white {
  outline-color: white; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-base-lightest {
  outline-color: #f0f0f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-base-lighter {
  outline-color: #dfe1e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-base-light {
  outline-color: #a9aeb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-base {
  outline-color: #71767a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-base-dark {
  outline-color: #565c65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-base-darker {
  outline-color: #3d4551; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-base-darkest {
  outline-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-ink {
  outline-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-primary-lighter {
  outline-color: #d9e8f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-primary-light {
  outline-color: #73b3e7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-primary {
  outline-color: #005ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-primary-vivid {
  outline-color: #0050d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-primary-dark {
  outline-color: #1a4480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-primary-darker {
  outline-color: #162e51; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-secondary-lighter {
  outline-color: #f3e1e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-secondary-light {
  outline-color: #f2938c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-secondary {
  outline-color: #d83933; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-secondary-vivid {
  outline-color: #e41d3d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-secondary-dark {
  outline-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-secondary-darker {
  outline-color: #8b0a03; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-accent-warm-darker {
  outline-color: #775540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-accent-warm-dark {
  outline-color: #c05600; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-accent-warm {
  outline-color: #fa9441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-accent-warm-light {
  outline-color: #ffbc78; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-accent-warm-lighter {
  outline-color: #f2e4d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-accent-cool-darker {
  outline-color: #07648d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-accent-cool-dark {
  outline-color: #28a0cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-accent-cool {
  outline-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-accent-cool-light {
  outline-color: #97d4ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-accent-cool-lighter {
  outline-color: #e1f3f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-5 {
  outline-color: #f0f0f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-10 {
  outline-color: #e6e6e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-30 {
  outline-color: #adadad; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-50 {
  outline-color: #757575; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-70 {
  outline-color: #454545; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-90 {
  outline-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-error-lighter {
  outline-color: #f4e3db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-error-light {
  outline-color: #f39268; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-error {
  outline-color: #d54309; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-error-dark {
  outline-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-error-darker {
  outline-color: #6f3331; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-warning-lighter {
  outline-color: #faf3d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-warning-light {
  outline-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-warning {
  outline-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-warning-dark {
  outline-color: #e5a000; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-warning-darker {
  outline-color: #936f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-success-lighter {
  outline-color: #ecf3ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-success-light {
  outline-color: #70e17b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-success {
  outline-color: #00a91c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-success-dark {
  outline-color: #008817; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-success-darker {
  outline-color: #216e1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-info-lighter {
  outline-color: #e7f6f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-info-light {
  outline-color: #99deea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-info {
  outline-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-info-dark {
  outline-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-info-darker {
  outline-color: #2e6276; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-disabled-light {
  outline-color: #e6e6e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-disabled {
  outline-color: #c9c9c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-disabled-dark {
  outline-color: #adadad; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-emergency {
  outline-color: #9c3d10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-emergency-dark {
  outline-color: #332d29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red {
  outline-color: #e52207; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange {
  outline-color: #e66f0e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold {
  outline-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow {
  outline-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green {
  outline-color: #538200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint {
  outline-color: #04c585; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan {
  outline-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue {
  outline-color: #0076d6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo {
  outline-color: #676cc8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet {
  outline-color: #8168b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta {
  outline-color: #d72d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black-transparent-5 {
  outline-color: rgba(0, 0, 0, 0.01); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black-transparent-10 {
  outline-color: rgba(0, 0, 0, 0.1); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black-transparent-20 {
  outline-color: rgba(0, 0, 0, 0.2); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black-transparent-30 {
  outline-color: rgba(0, 0, 0, 0.3); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black-transparent-40 {
  outline-color: rgba(0, 0, 0, 0.4); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black-transparent-50 {
  outline-color: rgba(0, 0, 0, 0.5); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black-transparent-60 {
  outline-color: rgba(0, 0, 0, 0.6); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black-transparent-70 {
  outline-color: rgba(0, 0, 0, 0.7); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black-transparent-80 {
  outline-color: rgba(0, 0, 0, 0.8); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-black-transparent-90 {
  outline-color: rgba(0, 0, 0, 0.9); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-1 {
  outline-color: #fbfcfd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-2 {
  outline-color: #f7f9fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-3 {
  outline-color: #f5f6f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-4 {
  outline-color: #f1f3f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-5 {
  outline-color: #edeff0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-10 {
  outline-color: #dfe1e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-20 {
  outline-color: #c6cace; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-30 {
  outline-color: #a9aeb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-40 {
  outline-color: #8d9297; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-50 {
  outline-color: #71767a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-60 {
  outline-color: #565c65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-70 {
  outline-color: #3d4551; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-80 {
  outline-color: #2d2e2f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-cool-90 {
  outline-color: #1c1d1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-1 {
  outline-color: #fcfcfc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-2 {
  outline-color: #f9f9f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-3 {
  outline-color: #f6f6f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-4 {
  outline-color: #f3f3f3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-20 {
  outline-color: #c9c9c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-40 {
  outline-color: #919191; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-60 {
  outline-color: #5c5c5c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-80 {
  outline-color: #2e2e2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-1 {
  outline-color: #fcfcfb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-2 {
  outline-color: #f9f9f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-3 {
  outline-color: #f6f6f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-4 {
  outline-color: #f5f5f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-5 {
  outline-color: #f0f0ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-10 {
  outline-color: #e6e6e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-20 {
  outline-color: #cac9c0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-30 {
  outline-color: #afaea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-40 {
  outline-color: #929285; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-50 {
  outline-color: #76766a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-60 {
  outline-color: #5d5d52; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-70 {
  outline-color: #454540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-80 {
  outline-color: #2e2e2a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gray-warm-90 {
  outline-color: #171716; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-5 {
  outline-color: #e7f2f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-10 {
  outline-color: #dae9ee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-20 {
  outline-color: #adcfdc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-30 {
  outline-color: #82b4c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-40 {
  outline-color: #6499af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-50 {
  outline-color: #3a7d95; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-60 {
  outline-color: #2e6276; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-70 {
  outline-color: #224a58; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-80 {
  outline-color: #14333d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-90 {
  outline-color: #0f191c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-5v {
  outline-color: #e1f3f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-10v {
  outline-color: #c3ebfa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-20v {
  outline-color: #97d4ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-30v {
  outline-color: #59b9de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-40v {
  outline-color: #28a0cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-50v {
  outline-color: #0d7ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-60v {
  outline-color: #07648d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-70v {
  outline-color: #074b69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-cool-80v {
  outline-color: #002d3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-5 {
  outline-color: #eff6fb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-10 {
  outline-color: #d9e8f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-20 {
  outline-color: #aacdec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-30 {
  outline-color: #73b3e7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-40 {
  outline-color: #4f97d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-50 {
  outline-color: #2378c3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-60 {
  outline-color: #2c608a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-70 {
  outline-color: #274863; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-80 {
  outline-color: #1f303e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-90 {
  outline-color: #11181d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-5v {
  outline-color: #e8f5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-10v {
  outline-color: #cfe8ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-20v {
  outline-color: #a1d3ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-30v {
  outline-color: #58b4ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-40v {
  outline-color: #2491ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-50v {
  outline-color: #0076d6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-60v {
  outline-color: #005ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-70v {
  outline-color: #0b4778; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-80v {
  outline-color: #112f4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-5 {
  outline-color: #ecf1f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-10 {
  outline-color: #e1e7f1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-20 {
  outline-color: #bbcae4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-30 {
  outline-color: #98afd2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-40 {
  outline-color: #7292c7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-50 {
  outline-color: #4a77b4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-60 {
  outline-color: #345d96; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-70 {
  outline-color: #2f4668; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-80 {
  outline-color: #252f3e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-90 {
  outline-color: #13171f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-5v {
  outline-color: #edf5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-10v {
  outline-color: #d4e5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-20v {
  outline-color: #adcdff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-30v {
  outline-color: #81aefc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-40v {
  outline-color: #5994f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-50v {
  outline-color: #2672de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-60v {
  outline-color: #0050d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-70v {
  outline-color: #1a4480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-blue-warm-80v {
  outline-color: #162e51; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-5 {
  outline-color: #e7f6f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-10 {
  outline-color: #ccecf2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-20 {
  outline-color: #99deea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-30 {
  outline-color: #5dc0d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-40 {
  outline-color: #449dac; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-50 {
  outline-color: #168092; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-60 {
  outline-color: #2a646d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-70 {
  outline-color: #2c4a4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-80 {
  outline-color: #203133; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-90 {
  outline-color: #111819; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-5v {
  outline-color: #e5faff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-10v {
  outline-color: #a8f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-20v {
  outline-color: #52daf2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-30v {
  outline-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-40v {
  outline-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-50v {
  outline-color: #0081a1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-60v {
  outline-color: #00687d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-70v {
  outline-color: #0e4f5c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-cyan-80v {
  outline-color: #093b44; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-5 {
  outline-color: #f5f0e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-10 {
  outline-color: #f1e5cd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-20 {
  outline-color: #dec69a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-30 {
  outline-color: #c7a97b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-40 {
  outline-color: #ad8b65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-50 {
  outline-color: #8e704f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-60 {
  outline-color: #6b5947; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-70 {
  outline-color: #4d4438; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-80 {
  outline-color: #322d26; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-90 {
  outline-color: #191714; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-5v {
  outline-color: #fef0c8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-10v {
  outline-color: #ffe396; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-20v {
  outline-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-30v {
  outline-color: #e5a000; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-40v {
  outline-color: #c2850c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-50v {
  outline-color: #936f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-60v {
  outline-color: #7a591a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-70v {
  outline-color: #5c410a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-gold-80v {
  outline-color: #3b2b15; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-5 {
  outline-color: #ecf3ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-10 {
  outline-color: #dbebde; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-20 {
  outline-color: #b4d0b9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-30 {
  outline-color: #86b98e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-40 {
  outline-color: #5e9f69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-50 {
  outline-color: #4d8055; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-60 {
  outline-color: #446443; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-70 {
  outline-color: #37493b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-80 {
  outline-color: #28312a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-90 {
  outline-color: #1a1f1a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-5v {
  outline-color: #e3f5e1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-10v {
  outline-color: #b7f5bd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-20v {
  outline-color: #70e17b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-30v {
  outline-color: #21c834; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-40v {
  outline-color: #00a91c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-50v {
  outline-color: #008817; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-60v {
  outline-color: #216e1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-70v {
  outline-color: #154c21; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-cool-80v {
  outline-color: #19311e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-5 {
  outline-color: #eaf4dd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-10 {
  outline-color: #dfeacd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-20 {
  outline-color: #b8d293; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-30 {
  outline-color: #9bb672; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-40 {
  outline-color: #7d9b4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-50 {
  outline-color: #607f35; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-60 {
  outline-color: #4c6424; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-70 {
  outline-color: #3c4a29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-80 {
  outline-color: #293021; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-90 {
  outline-color: #161814; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-5v {
  outline-color: #ddf9c7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-10v {
  outline-color: #c5ee93; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-20v {
  outline-color: #98d035; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-30v {
  outline-color: #7fb135; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-40v {
  outline-color: #719f2a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-50v {
  outline-color: #538200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-60v {
  outline-color: #466c04; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-70v {
  outline-color: #2f4a0b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-80v {
  outline-color: #243413; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-5 {
  outline-color: #f1f4d7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-10 {
  outline-color: #e7eab7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-20 {
  outline-color: #cbd17a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-30 {
  outline-color: #a6b557; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-40 {
  outline-color: #8a984b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-50 {
  outline-color: #6f7a41; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-60 {
  outline-color: #5a5f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-70 {
  outline-color: #45472f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-80 {
  outline-color: #2d2f21; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-90 {
  outline-color: #171712; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-5v {
  outline-color: #f5fbc1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-10v {
  outline-color: #e7f434; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-20v {
  outline-color: #c5d30a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-30v {
  outline-color: #a3b72c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-40v {
  outline-color: #7e9c1d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-50v {
  outline-color: #6a7d00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-60v {
  outline-color: #5a6613; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-70v {
  outline-color: #4b4e10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-green-warm-80v {
  outline-color: #38380b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-5 {
  outline-color: #eef0f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-10 {
  outline-color: #e1e6f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-20 {
  outline-color: #bbc8f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-30 {
  outline-color: #96abee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-40 {
  outline-color: #6b8ee8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-50 {
  outline-color: #496fd8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-60 {
  outline-color: #3f57a6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-70 {
  outline-color: #374274; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-80 {
  outline-color: #292d42; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-90 {
  outline-color: #151622; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-5v {
  outline-color: #edf0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-10v {
  outline-color: #dee5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-20v {
  outline-color: #b8c8ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-30v {
  outline-color: #94adff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-40v {
  outline-color: #628ef4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-50v {
  outline-color: #4866ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-60v {
  outline-color: #3e4ded; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-70v {
  outline-color: #222fbf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-cool-80v {
  outline-color: #1b2b85; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-5 {
  outline-color: #efeff8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-10 {
  outline-color: #e5e4fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-20 {
  outline-color: #c5c5f3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-30 {
  outline-color: #a5a8eb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-40 {
  outline-color: #8889db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-50 {
  outline-color: #676cc8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-60 {
  outline-color: #4d52af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-70 {
  outline-color: #3d4076; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-80 {
  outline-color: #2b2c40; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-90 {
  outline-color: #16171f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-5v {
  outline-color: #f0f0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-10v {
  outline-color: #e0e0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-20v {
  outline-color: #ccceff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-30v {
  outline-color: #a3a7fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-40v {
  outline-color: #8289ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-50v {
  outline-color: #656bd7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-60v {
  outline-color: #4a50c4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-70v {
  outline-color: #3333a3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-80v {
  outline-color: #212463; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-5 {
  outline-color: #f1eff7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-10 {
  outline-color: #e7e3fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-20 {
  outline-color: #cbc4f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-30 {
  outline-color: #afa5e8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-40 {
  outline-color: #9287d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-50 {
  outline-color: #7665d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-60 {
  outline-color: #5e519e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-70 {
  outline-color: #453c7b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-80 {
  outline-color: #2e2c40; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-90 {
  outline-color: #18161d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-5v {
  outline-color: #f5f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-10v {
  outline-color: #e4deff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-20v {
  outline-color: #cfc4fd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-30v {
  outline-color: #b69fff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-40v {
  outline-color: #967efb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-50v {
  outline-color: #745fe9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-60v {
  outline-color: #5942d2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-70v {
  outline-color: #3d2c9d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-indigo-warm-80v {
  outline-color: #261f5b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-5 {
  outline-color: #f9f0f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-10 {
  outline-color: #f6e1e8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-20 {
  outline-color: #f0bbcc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-30 {
  outline-color: #e895b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-40 {
  outline-color: #e0699f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-50 {
  outline-color: #c84281; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-60 {
  outline-color: #8b4566; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-70 {
  outline-color: #66364b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-80 {
  outline-color: #402731; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-90 {
  outline-color: #1b1617; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-5v {
  outline-color: #f9f0f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-10v {
  outline-color: #ffddea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-20v {
  outline-color: #ffb4cf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-30v {
  outline-color: #ff87b2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-40v {
  outline-color: #fd4496; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-50v {
  outline-color: #d72d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-60v {
  outline-color: #ab2165; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-70v {
  outline-color: #731f44; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-magenta-80v {
  outline-color: #4f172e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-5 {
  outline-color: #e0f7f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-10 {
  outline-color: #c4eeeb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-20 {
  outline-color: #9bd4cf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-30 {
  outline-color: #6fbab3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-40 {
  outline-color: #4f9e99; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-50 {
  outline-color: #40807e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-60 {
  outline-color: #376462; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-70 {
  outline-color: #2a4b45; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-80 {
  outline-color: #203131; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-90 {
  outline-color: #111818; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-5v {
  outline-color: #d5fbf3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-10v {
  outline-color: #7efbe1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-20v {
  outline-color: #29e1cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-30v {
  outline-color: #1dc2ae; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-40v {
  outline-color: #00a398; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-50v {
  outline-color: #008480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-60v {
  outline-color: #0f6460; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-70v {
  outline-color: #0b4b3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-cool-80v {
  outline-color: #123131; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-5 {
  outline-color: #dbf6ed; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-10 {
  outline-color: #c7efe2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-20 {
  outline-color: #92d9bb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-30 {
  outline-color: #5abf95; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-40 {
  outline-color: #34a37e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-50 {
  outline-color: #2e8367; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-60 {
  outline-color: #286846; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-70 {
  outline-color: #204e34; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-80 {
  outline-color: #193324; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-90 {
  outline-color: #0d1a12; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-5v {
  outline-color: #c9fbeb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-10v {
  outline-color: #83fcd4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-20v {
  outline-color: #0ceda6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-30v {
  outline-color: #04c585; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-40v {
  outline-color: #00a871; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-50v {
  outline-color: #008659; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-60v {
  outline-color: #146947; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-70v {
  outline-color: #0c4e29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-mint-80v {
  outline-color: #0d351e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-5 {
  outline-color: #f6efe9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-10 {
  outline-color: #f2e4d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-20 {
  outline-color: #f3bf90; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-30 {
  outline-color: #f09860; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-40 {
  outline-color: #dd7533; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-50 {
  outline-color: #a86437; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-60 {
  outline-color: #775540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-70 {
  outline-color: #524236; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-80 {
  outline-color: #332d27; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-90 {
  outline-color: #1b1614; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-5v {
  outline-color: #fef2e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-10v {
  outline-color: #fce2c5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-20v {
  outline-color: #ffbc78; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-30v {
  outline-color: #fa9441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-40v {
  outline-color: #e66f0e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-50v {
  outline-color: #c05600; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-60v {
  outline-color: #8c471c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-70v {
  outline-color: #5f3617; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-80v {
  outline-color: #352313; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-5 {
  outline-color: #faeee5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-10 {
  outline-color: #fbe0d0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-20 {
  outline-color: #f7bca2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-30 {
  outline-color: #f3966d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-40 {
  outline-color: #e17141; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-50 {
  outline-color: #bd5727; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-60 {
  outline-color: #914734; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-70 {
  outline-color: #633a32; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-80 {
  outline-color: #3d2925; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-90 {
  outline-color: #1c1615; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-5v {
  outline-color: #fff3ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-10v {
  outline-color: #ffe2d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-20v {
  outline-color: #fbbaa7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-30v {
  outline-color: #fc906d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-40v {
  outline-color: #ff580a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-50v {
  outline-color: #cf4900; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-60v {
  outline-color: #a72f10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-70v {
  outline-color: #782312; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-orange-warm-80v {
  outline-color: #3d231d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-5 {
  outline-color: #f8eff1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-10 {
  outline-color: #f3e1e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-20 {
  outline-color: #ecbec6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-30 {
  outline-color: #e09aa6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-40 {
  outline-color: #e16b80; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-50 {
  outline-color: #cd425b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-60 {
  outline-color: #9e394b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-70 {
  outline-color: #68363f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-80 {
  outline-color: #40282c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-90 {
  outline-color: #1e1517; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-5v {
  outline-color: #fff2f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-10v {
  outline-color: #f8dfe2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-20v {
  outline-color: #f8b9c5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-30v {
  outline-color: #fd8ba0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-40v {
  outline-color: #f45d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-50v {
  outline-color: #e41d3d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-60v {
  outline-color: #b21d38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-70v {
  outline-color: #822133; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-cool-80v {
  outline-color: #4f1c24; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-5 {
  outline-color: #f9eeee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-10 {
  outline-color: #f8e1de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-20 {
  outline-color: #f7bbb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-30 {
  outline-color: #f2938c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-40 {
  outline-color: #e9695f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-50 {
  outline-color: #d83933; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-60 {
  outline-color: #a23737; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-70 {
  outline-color: #6f3331; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-80 {
  outline-color: #3e2927; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-90 {
  outline-color: #1b1616; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-5v {
  outline-color: #fff3f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-10v {
  outline-color: #fde0db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-20v {
  outline-color: #fdb8ae; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-30v {
  outline-color: #ff8d7b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-40v {
  outline-color: #fb5a47; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-50v {
  outline-color: #e52207; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-60v {
  outline-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-70v {
  outline-color: #8b0a03; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-80v {
  outline-color: #5c1111; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-5 {
  outline-color: #f6efea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-10 {
  outline-color: #f4e3db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-20 {
  outline-color: #ecc0a7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-30 {
  outline-color: #dca081; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-40 {
  outline-color: #d27a56; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-50 {
  outline-color: #c3512c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-60 {
  outline-color: #805039; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-70 {
  outline-color: #524236; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-80 {
  outline-color: #332d29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-90 {
  outline-color: #1f1c18; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-5v {
  outline-color: #fff5ee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-10v {
  outline-color: #fce1d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-20v {
  outline-color: #f6bd9c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-30v {
  outline-color: #f39268; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-40v {
  outline-color: #ef5e25; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-50v {
  outline-color: #d54309; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-60v {
  outline-color: #9c3d10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-70v {
  outline-color: #63340f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-red-warm-80v {
  outline-color: #3e2a1e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-5 {
  outline-color: #f4f1f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-10 {
  outline-color: #ebe3f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-20 {
  outline-color: #d0c3e9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-30 {
  outline-color: #b8a2e3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-40 {
  outline-color: #9d84d2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-50 {
  outline-color: #8168b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-60 {
  outline-color: #665190; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-70 {
  outline-color: #4c3d69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-80 {
  outline-color: #312b3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-90 {
  outline-color: #18161d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-5v {
  outline-color: #f7f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-10v {
  outline-color: #ede3ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-20v {
  outline-color: #d5bfff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-30v {
  outline-color: #c39deb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-40v {
  outline-color: #ad79e9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-50v {
  outline-color: #9355dc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-60v {
  outline-color: #783cb9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-70v {
  outline-color: #54278f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-80v {
  outline-color: #39215e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-5 {
  outline-color: #f8f0f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-10 {
  outline-color: #f6dff8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-20 {
  outline-color: #e2bee4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-30 {
  outline-color: #d29ad8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-40 {
  outline-color: #bf77c8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-50 {
  outline-color: #b04abd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-60 {
  outline-color: #864381; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-70 {
  outline-color: #5c395a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-80 {
  outline-color: #382936; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-90 {
  outline-color: #1b151b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-5v {
  outline-color: #fef2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-10v {
  outline-color: #fbdcff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-20v {
  outline-color: #f4b2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-30v {
  outline-color: #ee83ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-40v {
  outline-color: #d85bef; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-50v {
  outline-color: #be32d0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-60v {
  outline-color: #93348c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-70v {
  outline-color: #711e6c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-violet-warm-80v {
  outline-color: #481441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white-transparent-5 {
  outline-color: rgba(255, 255, 255, 0.01); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white-transparent-10 {
  outline-color: rgba(255, 255, 255, 0.1); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white-transparent-20 {
  outline-color: rgba(255, 255, 255, 0.2); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white-transparent-30 {
  outline-color: rgba(255, 255, 255, 0.3); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white-transparent-40 {
  outline-color: rgba(255, 255, 255, 0.4); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white-transparent-50 {
  outline-color: rgba(255, 255, 255, 0.5); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white-transparent-60 {
  outline-color: rgba(255, 255, 255, 0.6); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white-transparent-70 {
  outline-color: rgba(255, 255, 255, 0.7); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white-transparent-80 {
  outline-color: rgba(255, 255, 255, 0.8); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-white-transparent-90 {
  outline-color: rgba(255, 255, 255, 0.9); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-5 {
  outline-color: #faf3d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-10 {
  outline-color: #f5e6af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-20 {
  outline-color: #e6c74c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-30 {
  outline-color: #c9ab48; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-40 {
  outline-color: #a88f48; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-50 {
  outline-color: #8a7237; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-60 {
  outline-color: #6b5a39; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-70 {
  outline-color: #504332; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-80 {
  outline-color: #332d27; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-90 {
  outline-color: #1a1614; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-5v {
  outline-color: #fff5c2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-10v {
  outline-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-20v {
  outline-color: #face00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-30v {
  outline-color: #ddaa01; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-40v {
  outline-color: #b38c00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-50v {
  outline-color: #947100; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-60v {
  outline-color: #776017; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-70v {
  outline-color: #5c4809; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.outline-yellow-80v {
  outline-color: #422d19; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-hidden {
  overflow: hidden; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-y-hidden {
  overflow-y: hidden; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-x-hidden {
  overflow-x: hidden; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-scroll {
  overflow: scroll; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-y-scroll {
  overflow-y: scroll; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-x-scroll {
  overflow-x: scroll; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-auto {
  overflow: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-y-auto {
  overflow-y: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-x-auto {
  overflow-x: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-visible {
  overflow: visible; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-y-visible {
  overflow-y: visible; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.overflow-x-visible {
  overflow-x: visible; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-1px {
  padding: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-1px {
  padding-top: 1px;
  padding-bottom: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-1px {
  padding-left: 1px;
  padding-right: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-1px {
  padding-top: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-1px {
  padding-right: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-1px {
  padding-bottom: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-1px {
  padding-left: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-2px {
  padding: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-2px {
  padding-top: 2px;
  padding-bottom: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-2px {
  padding-left: 2px;
  padding-right: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-2px {
  padding-top: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-2px {
  padding-right: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-2px {
  padding-bottom: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-2px {
  padding-left: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-05 {
  padding: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-05 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-05 {
  padding-left: 0.25rem;
  padding-right: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-05 {
  padding-top: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-05 {
  padding-right: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-05 {
  padding-bottom: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-05 {
  padding-left: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-1 {
  padding: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-1 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-1 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-1 {
  padding-top: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-1 {
  padding-right: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-1 {
  padding-bottom: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-1 {
  padding-left: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-105 {
  padding: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-105 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-105 {
  padding-left: 0.75rem;
  padding-right: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-105 {
  padding-top: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-105 {
  padding-right: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-105 {
  padding-bottom: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-105 {
  padding-left: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-2 {
  padding: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-2 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-2 {
  padding-left: 1rem;
  padding-right: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-2 {
  padding-top: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-2 {
  padding-right: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-2 {
  padding-bottom: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-2 {
  padding-left: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-205 {
  padding: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-205 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-205 {
  padding-left: 1.25rem;
  padding-right: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-205 {
  padding-top: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-205 {
  padding-right: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-205 {
  padding-bottom: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-205 {
  padding-left: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-3 {
  padding: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-3 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-3 {
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-3 {
  padding-top: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-3 {
  padding-right: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-3 {
  padding-bottom: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-3 {
  padding-left: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-4 {
  padding: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-4 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-4 {
  padding-left: 2rem;
  padding-right: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-4 {
  padding-top: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-4 {
  padding-right: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-4 {
  padding-bottom: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-4 {
  padding-left: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-5 {
  padding: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-5 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-5 {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-5 {
  padding-top: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-5 {
  padding-right: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-5 {
  padding-bottom: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-5 {
  padding-left: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-6 {
  padding: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-6 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-6 {
  padding-left: 3rem;
  padding-right: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-6 {
  padding-top: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-6 {
  padding-right: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-6 {
  padding-bottom: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-6 {
  padding-left: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-7 {
  padding: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-7 {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-7 {
  padding-left: 3.5rem;
  padding-right: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-7 {
  padding-top: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-7 {
  padding-right: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-7 {
  padding-bottom: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-7 {
  padding-left: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-8 {
  padding: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-8 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-8 {
  padding-left: 4rem;
  padding-right: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-8 {
  padding-top: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-8 {
  padding-right: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-8 {
  padding-bottom: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-8 {
  padding-left: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-9 {
  padding: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-9 {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-9 {
  padding-left: 4.5rem;
  padding-right: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-9 {
  padding-top: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-9 {
  padding-right: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-9 {
  padding-bottom: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-9 {
  padding-left: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-10 {
  padding: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-10 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-10 {
  padding-left: 5rem;
  padding-right: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-10 {
  padding-top: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-10 {
  padding-right: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-10 {
  padding-bottom: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-10 {
  padding-left: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-15 {
  padding: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-15 {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-15 {
  padding-left: 7.5rem;
  padding-right: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-15 {
  padding-top: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-15 {
  padding-right: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-15 {
  padding-bottom: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-15 {
  padding-left: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-0 {
  padding: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-y-0 {
  padding-top: 0;
  padding-bottom: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-x-0 {
  padding-left: 0;
  padding-right: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-top-0 {
  padding-top: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-right-0 {
  padding-right: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-bottom-0 {
  padding-bottom: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.padding-left-0 {
  padding-left: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.pin-all {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  position: absolute; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.pin-x {
  left: 0;
  right: 0;
  position: absolute; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.pin-y {
  bottom: 0;
  top: 0;
  position: absolute; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.pin-bottom {
  bottom: 0;
  position: absolute; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.pin-left {
  left: 0;
  position: absolute; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.pin-right {
  right: 0;
  position: absolute; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.pin-top {
  top: 0;
  position: absolute; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.pin-none {
  bottom: auto;
  left: auto;
  right: auto;
  top: auto;
  position: static; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.position-absolute {
  position: absolute; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.position-fixed {
  position: fixed; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.position-relative {
  position: relative; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.position-static {
  position: static; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.position-sticky {
  position: sticky; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-1px {
  right: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-2px {
  right: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-05 {
  right: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-1 {
  right: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-105 {
  right: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-2 {
  right: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-205 {
  right: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-3 {
  right: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-neg-1px {
  right: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-neg-2px {
  right: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-neg-05 {
  right: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-neg-1 {
  right: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-neg-105 {
  right: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-neg-2 {
  right: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-neg-205 {
  right: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-neg-3 {
  right: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-0 {
  right: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.right-auto {
  right: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-1px {
  height: 1px;
  width: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-2px {
  height: 2px;
  width: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-05 {
  height: 0.25rem;
  width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-1 {
  height: 0.5rem;
  width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-105 {
  height: 0.75rem;
  width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-2 {
  height: 1rem;
  width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-205 {
  height: 1.25rem;
  width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-3 {
  height: 1.5rem;
  width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-4 {
  height: 2rem;
  width: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-5 {
  height: 2.5rem;
  width: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-6 {
  height: 3rem;
  width: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-7 {
  height: 3.5rem;
  width: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-8 {
  height: 4rem;
  width: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-9 {
  height: 4.5rem;
  width: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-10 {
  height: 5rem;
  width: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-15 {
  height: 7.5rem;
  width: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-card {
  height: 10rem;
  width: 10rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-card-lg {
  height: 15rem;
  width: 15rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.square-mobile {
  height: 20rem;
  width: 20rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-center {
  text-align: center; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-left {
  text-align: left; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-justify {
  text-align: justify; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-right {
  text-align: right; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-strike {
  text-decoration: line-through; }

.hover\:text-strike:hover {
  text-decoration: line-through; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-underline {
  text-decoration: underline; }

.hover\:text-underline:hover {
  text-decoration: underline; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-no-underline {
  text-decoration: none; }

.hover\:text-no-underline:hover {
  text-decoration: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-no-strike {
  text-decoration: none; }

.hover\:text-no-strike:hover {
  text-decoration: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-base-lightest {
  text-decoration-color: #f0f0f0; }

.hover\:underline-base-lightest:hover {
  text-decoration-color: #f0f0f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-base-lighter {
  text-decoration-color: #dfe1e2; }

.hover\:underline-base-lighter:hover {
  text-decoration-color: #dfe1e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-base-light {
  text-decoration-color: #a9aeb1; }

.hover\:underline-base-light:hover {
  text-decoration-color: #a9aeb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-base {
  text-decoration-color: #71767a; }

.hover\:underline-base:hover {
  text-decoration-color: #71767a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-base-dark {
  text-decoration-color: #565c65; }

.hover\:underline-base-dark:hover {
  text-decoration-color: #565c65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-base-darker {
  text-decoration-color: #3d4551; }

.hover\:underline-base-darker:hover {
  text-decoration-color: #3d4551; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-base-darkest {
  text-decoration-color: #1b1b1b; }

.hover\:underline-base-darkest:hover {
  text-decoration-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-ink {
  text-decoration-color: #1b1b1b; }

.hover\:underline-ink:hover {
  text-decoration-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-primary-lighter {
  text-decoration-color: #d9e8f6; }

.hover\:underline-primary-lighter:hover {
  text-decoration-color: #d9e8f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-primary-light {
  text-decoration-color: #73b3e7; }

.hover\:underline-primary-light:hover {
  text-decoration-color: #73b3e7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-primary {
  text-decoration-color: #005ea2; }

.hover\:underline-primary:hover {
  text-decoration-color: #005ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-primary-vivid {
  text-decoration-color: #0050d8; }

.hover\:underline-primary-vivid:hover {
  text-decoration-color: #0050d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-primary-dark {
  text-decoration-color: #1a4480; }

.hover\:underline-primary-dark:hover {
  text-decoration-color: #1a4480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-primary-darker {
  text-decoration-color: #162e51; }

.hover\:underline-primary-darker:hover {
  text-decoration-color: #162e51; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-secondary-lighter {
  text-decoration-color: #f3e1e4; }

.hover\:underline-secondary-lighter:hover {
  text-decoration-color: #f3e1e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-secondary-light {
  text-decoration-color: #f2938c; }

.hover\:underline-secondary-light:hover {
  text-decoration-color: #f2938c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-secondary {
  text-decoration-color: #d83933; }

.hover\:underline-secondary:hover {
  text-decoration-color: #d83933; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-secondary-vivid {
  text-decoration-color: #e41d3d; }

.hover\:underline-secondary-vivid:hover {
  text-decoration-color: #e41d3d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-secondary-dark {
  text-decoration-color: #b50909; }

.hover\:underline-secondary-dark:hover {
  text-decoration-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-secondary-darker {
  text-decoration-color: #8b0a03; }

.hover\:underline-secondary-darker:hover {
  text-decoration-color: #8b0a03; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-accent-warm-darker {
  text-decoration-color: #775540; }

.hover\:underline-accent-warm-darker:hover {
  text-decoration-color: #775540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-accent-warm-dark {
  text-decoration-color: #c05600; }

.hover\:underline-accent-warm-dark:hover {
  text-decoration-color: #c05600; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-accent-warm {
  text-decoration-color: #fa9441; }

.hover\:underline-accent-warm:hover {
  text-decoration-color: #fa9441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-accent-warm-light {
  text-decoration-color: #ffbc78; }

.hover\:underline-accent-warm-light:hover {
  text-decoration-color: #ffbc78; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-accent-warm-lighter {
  text-decoration-color: #f2e4d4; }

.hover\:underline-accent-warm-lighter:hover {
  text-decoration-color: #f2e4d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-accent-cool-darker {
  text-decoration-color: #07648d; }

.hover\:underline-accent-cool-darker:hover {
  text-decoration-color: #07648d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-accent-cool-dark {
  text-decoration-color: #28a0cb; }

.hover\:underline-accent-cool-dark:hover {
  text-decoration-color: #28a0cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-accent-cool {
  text-decoration-color: #00bde3; }

.hover\:underline-accent-cool:hover {
  text-decoration-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-accent-cool-light {
  text-decoration-color: #97d4ea; }

.hover\:underline-accent-cool-light:hover {
  text-decoration-color: #97d4ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-accent-cool-lighter {
  text-decoration-color: #e1f3f8; }

.hover\:underline-accent-cool-lighter:hover {
  text-decoration-color: #e1f3f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-5 {
  text-decoration-color: #f0f0f0; }

.hover\:underline-gray-5:hover {
  text-decoration-color: #f0f0f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-10 {
  text-decoration-color: #e6e6e6; }

.hover\:underline-gray-10:hover {
  text-decoration-color: #e6e6e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-30 {
  text-decoration-color: #adadad; }

.hover\:underline-gray-30:hover {
  text-decoration-color: #adadad; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-50 {
  text-decoration-color: #757575; }

.hover\:underline-gray-50:hover {
  text-decoration-color: #757575; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-70 {
  text-decoration-color: #454545; }

.hover\:underline-gray-70:hover {
  text-decoration-color: #454545; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-90 {
  text-decoration-color: #1b1b1b; }

.hover\:underline-gray-90:hover {
  text-decoration-color: #1b1b1b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-transparent {
  text-decoration-color: transparent; }

.hover\:underline-transparent:hover {
  text-decoration-color: transparent; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black {
  text-decoration-color: black; }

.hover\:underline-black:hover {
  text-decoration-color: black; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white {
  text-decoration-color: white; }

.hover\:underline-white:hover {
  text-decoration-color: white; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-error-lighter {
  text-decoration-color: #f4e3db; }

.hover\:underline-error-lighter:hover {
  text-decoration-color: #f4e3db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-error-light {
  text-decoration-color: #f39268; }

.hover\:underline-error-light:hover {
  text-decoration-color: #f39268; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-error {
  text-decoration-color: #d54309; }

.hover\:underline-error:hover {
  text-decoration-color: #d54309; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-error-dark {
  text-decoration-color: #b50909; }

.hover\:underline-error-dark:hover {
  text-decoration-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-error-darker {
  text-decoration-color: #6f3331; }

.hover\:underline-error-darker:hover {
  text-decoration-color: #6f3331; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-warning-lighter {
  text-decoration-color: #faf3d1; }

.hover\:underline-warning-lighter:hover {
  text-decoration-color: #faf3d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-warning-light {
  text-decoration-color: #fee685; }

.hover\:underline-warning-light:hover {
  text-decoration-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-warning {
  text-decoration-color: #ffbe2e; }

.hover\:underline-warning:hover {
  text-decoration-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-warning-dark {
  text-decoration-color: #e5a000; }

.hover\:underline-warning-dark:hover {
  text-decoration-color: #e5a000; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-warning-darker {
  text-decoration-color: #936f38; }

.hover\:underline-warning-darker:hover {
  text-decoration-color: #936f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-success-lighter {
  text-decoration-color: #ecf3ec; }

.hover\:underline-success-lighter:hover {
  text-decoration-color: #ecf3ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-success-light {
  text-decoration-color: #70e17b; }

.hover\:underline-success-light:hover {
  text-decoration-color: #70e17b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-success {
  text-decoration-color: #00a91c; }

.hover\:underline-success:hover {
  text-decoration-color: #00a91c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-success-dark {
  text-decoration-color: #008817; }

.hover\:underline-success-dark:hover {
  text-decoration-color: #008817; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-success-darker {
  text-decoration-color: #216e1f; }

.hover\:underline-success-darker:hover {
  text-decoration-color: #216e1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-info-lighter {
  text-decoration-color: #e7f6f8; }

.hover\:underline-info-lighter:hover {
  text-decoration-color: #e7f6f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-info-light {
  text-decoration-color: #99deea; }

.hover\:underline-info-light:hover {
  text-decoration-color: #99deea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-info {
  text-decoration-color: #00bde3; }

.hover\:underline-info:hover {
  text-decoration-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-info-dark {
  text-decoration-color: #009ec1; }

.hover\:underline-info-dark:hover {
  text-decoration-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-info-darker {
  text-decoration-color: #2e6276; }

.hover\:underline-info-darker:hover {
  text-decoration-color: #2e6276; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-disabled-light {
  text-decoration-color: #e6e6e6; }

.hover\:underline-disabled-light:hover {
  text-decoration-color: #e6e6e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-disabled {
  text-decoration-color: #c9c9c9; }

.hover\:underline-disabled:hover {
  text-decoration-color: #c9c9c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-disabled-dark {
  text-decoration-color: #adadad; }

.hover\:underline-disabled-dark:hover {
  text-decoration-color: #adadad; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-emergency {
  text-decoration-color: #9c3d10; }

.hover\:underline-emergency:hover {
  text-decoration-color: #9c3d10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-emergency-dark {
  text-decoration-color: #332d29; }

.hover\:underline-emergency-dark:hover {
  text-decoration-color: #332d29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red {
  text-decoration-color: #e52207; }

.hover\:underline-red:hover {
  text-decoration-color: #e52207; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange {
  text-decoration-color: #e66f0e; }

.hover\:underline-orange:hover {
  text-decoration-color: #e66f0e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold {
  text-decoration-color: #ffbe2e; }

.hover\:underline-gold:hover {
  text-decoration-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow {
  text-decoration-color: #fee685; }

.hover\:underline-yellow:hover {
  text-decoration-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green {
  text-decoration-color: #538200; }

.hover\:underline-green:hover {
  text-decoration-color: #538200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint {
  text-decoration-color: #04c585; }

.hover\:underline-mint:hover {
  text-decoration-color: #04c585; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan {
  text-decoration-color: #009ec1; }

.hover\:underline-cyan:hover {
  text-decoration-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue {
  text-decoration-color: #0076d6; }

.hover\:underline-blue:hover {
  text-decoration-color: #0076d6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo {
  text-decoration-color: #676cc8; }

.hover\:underline-indigo:hover {
  text-decoration-color: #676cc8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet {
  text-decoration-color: #8168b3; }

.hover\:underline-violet:hover {
  text-decoration-color: #8168b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta {
  text-decoration-color: #d72d79; }

.hover\:underline-magenta:hover {
  text-decoration-color: #d72d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black-transparent-5 {
  text-decoration-color: rgba(0, 0, 0, 0.01); }

.hover\:underline-black-transparent-5:hover {
  text-decoration-color: rgba(0, 0, 0, 0.01); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black-transparent-10 {
  text-decoration-color: rgba(0, 0, 0, 0.1); }

.hover\:underline-black-transparent-10:hover {
  text-decoration-color: rgba(0, 0, 0, 0.1); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black-transparent-20 {
  text-decoration-color: rgba(0, 0, 0, 0.2); }

.hover\:underline-black-transparent-20:hover {
  text-decoration-color: rgba(0, 0, 0, 0.2); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black-transparent-30 {
  text-decoration-color: rgba(0, 0, 0, 0.3); }

.hover\:underline-black-transparent-30:hover {
  text-decoration-color: rgba(0, 0, 0, 0.3); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black-transparent-40 {
  text-decoration-color: rgba(0, 0, 0, 0.4); }

.hover\:underline-black-transparent-40:hover {
  text-decoration-color: rgba(0, 0, 0, 0.4); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black-transparent-50 {
  text-decoration-color: rgba(0, 0, 0, 0.5); }

.hover\:underline-black-transparent-50:hover {
  text-decoration-color: rgba(0, 0, 0, 0.5); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black-transparent-60 {
  text-decoration-color: rgba(0, 0, 0, 0.6); }

.hover\:underline-black-transparent-60:hover {
  text-decoration-color: rgba(0, 0, 0, 0.6); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black-transparent-70 {
  text-decoration-color: rgba(0, 0, 0, 0.7); }

.hover\:underline-black-transparent-70:hover {
  text-decoration-color: rgba(0, 0, 0, 0.7); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black-transparent-80 {
  text-decoration-color: rgba(0, 0, 0, 0.8); }

.hover\:underline-black-transparent-80:hover {
  text-decoration-color: rgba(0, 0, 0, 0.8); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-black-transparent-90 {
  text-decoration-color: rgba(0, 0, 0, 0.9); }

.hover\:underline-black-transparent-90:hover {
  text-decoration-color: rgba(0, 0, 0, 0.9); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-1 {
  text-decoration-color: #fbfcfd; }

.hover\:underline-gray-cool-1:hover {
  text-decoration-color: #fbfcfd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-2 {
  text-decoration-color: #f7f9fa; }

.hover\:underline-gray-cool-2:hover {
  text-decoration-color: #f7f9fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-3 {
  text-decoration-color: #f5f6f7; }

.hover\:underline-gray-cool-3:hover {
  text-decoration-color: #f5f6f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-4 {
  text-decoration-color: #f1f3f6; }

.hover\:underline-gray-cool-4:hover {
  text-decoration-color: #f1f3f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-5 {
  text-decoration-color: #edeff0; }

.hover\:underline-gray-cool-5:hover {
  text-decoration-color: #edeff0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-10 {
  text-decoration-color: #dfe1e2; }

.hover\:underline-gray-cool-10:hover {
  text-decoration-color: #dfe1e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-20 {
  text-decoration-color: #c6cace; }

.hover\:underline-gray-cool-20:hover {
  text-decoration-color: #c6cace; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-30 {
  text-decoration-color: #a9aeb1; }

.hover\:underline-gray-cool-30:hover {
  text-decoration-color: #a9aeb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-40 {
  text-decoration-color: #8d9297; }

.hover\:underline-gray-cool-40:hover {
  text-decoration-color: #8d9297; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-50 {
  text-decoration-color: #71767a; }

.hover\:underline-gray-cool-50:hover {
  text-decoration-color: #71767a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-60 {
  text-decoration-color: #565c65; }

.hover\:underline-gray-cool-60:hover {
  text-decoration-color: #565c65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-70 {
  text-decoration-color: #3d4551; }

.hover\:underline-gray-cool-70:hover {
  text-decoration-color: #3d4551; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-80 {
  text-decoration-color: #2d2e2f; }

.hover\:underline-gray-cool-80:hover {
  text-decoration-color: #2d2e2f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-cool-90 {
  text-decoration-color: #1c1d1f; }

.hover\:underline-gray-cool-90:hover {
  text-decoration-color: #1c1d1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-1 {
  text-decoration-color: #fcfcfc; }

.hover\:underline-gray-1:hover {
  text-decoration-color: #fcfcfc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-2 {
  text-decoration-color: #f9f9f9; }

.hover\:underline-gray-2:hover {
  text-decoration-color: #f9f9f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-3 {
  text-decoration-color: #f6f6f6; }

.hover\:underline-gray-3:hover {
  text-decoration-color: #f6f6f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-4 {
  text-decoration-color: #f3f3f3; }

.hover\:underline-gray-4:hover {
  text-decoration-color: #f3f3f3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-20 {
  text-decoration-color: #c9c9c9; }

.hover\:underline-gray-20:hover {
  text-decoration-color: #c9c9c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-40 {
  text-decoration-color: #919191; }

.hover\:underline-gray-40:hover {
  text-decoration-color: #919191; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-60 {
  text-decoration-color: #5c5c5c; }

.hover\:underline-gray-60:hover {
  text-decoration-color: #5c5c5c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-80 {
  text-decoration-color: #2e2e2e; }

.hover\:underline-gray-80:hover {
  text-decoration-color: #2e2e2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-1 {
  text-decoration-color: #fcfcfb; }

.hover\:underline-gray-warm-1:hover {
  text-decoration-color: #fcfcfb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-2 {
  text-decoration-color: #f9f9f7; }

.hover\:underline-gray-warm-2:hover {
  text-decoration-color: #f9f9f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-3 {
  text-decoration-color: #f6f6f2; }

.hover\:underline-gray-warm-3:hover {
  text-decoration-color: #f6f6f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-4 {
  text-decoration-color: #f5f5f0; }

.hover\:underline-gray-warm-4:hover {
  text-decoration-color: #f5f5f0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-5 {
  text-decoration-color: #f0f0ec; }

.hover\:underline-gray-warm-5:hover {
  text-decoration-color: #f0f0ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-10 {
  text-decoration-color: #e6e6e2; }

.hover\:underline-gray-warm-10:hover {
  text-decoration-color: #e6e6e2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-20 {
  text-decoration-color: #cac9c0; }

.hover\:underline-gray-warm-20:hover {
  text-decoration-color: #cac9c0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-30 {
  text-decoration-color: #afaea2; }

.hover\:underline-gray-warm-30:hover {
  text-decoration-color: #afaea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-40 {
  text-decoration-color: #929285; }

.hover\:underline-gray-warm-40:hover {
  text-decoration-color: #929285; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-50 {
  text-decoration-color: #76766a; }

.hover\:underline-gray-warm-50:hover {
  text-decoration-color: #76766a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-60 {
  text-decoration-color: #5d5d52; }

.hover\:underline-gray-warm-60:hover {
  text-decoration-color: #5d5d52; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-70 {
  text-decoration-color: #454540; }

.hover\:underline-gray-warm-70:hover {
  text-decoration-color: #454540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-80 {
  text-decoration-color: #2e2e2a; }

.hover\:underline-gray-warm-80:hover {
  text-decoration-color: #2e2e2a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gray-warm-90 {
  text-decoration-color: #171716; }

.hover\:underline-gray-warm-90:hover {
  text-decoration-color: #171716; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-5 {
  text-decoration-color: #e7f2f5; }

.hover\:underline-blue-cool-5:hover {
  text-decoration-color: #e7f2f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-10 {
  text-decoration-color: #dae9ee; }

.hover\:underline-blue-cool-10:hover {
  text-decoration-color: #dae9ee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-20 {
  text-decoration-color: #adcfdc; }

.hover\:underline-blue-cool-20:hover {
  text-decoration-color: #adcfdc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-30 {
  text-decoration-color: #82b4c9; }

.hover\:underline-blue-cool-30:hover {
  text-decoration-color: #82b4c9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-40 {
  text-decoration-color: #6499af; }

.hover\:underline-blue-cool-40:hover {
  text-decoration-color: #6499af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-50 {
  text-decoration-color: #3a7d95; }

.hover\:underline-blue-cool-50:hover {
  text-decoration-color: #3a7d95; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-60 {
  text-decoration-color: #2e6276; }

.hover\:underline-blue-cool-60:hover {
  text-decoration-color: #2e6276; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-70 {
  text-decoration-color: #224a58; }

.hover\:underline-blue-cool-70:hover {
  text-decoration-color: #224a58; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-80 {
  text-decoration-color: #14333d; }

.hover\:underline-blue-cool-80:hover {
  text-decoration-color: #14333d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-90 {
  text-decoration-color: #0f191c; }

.hover\:underline-blue-cool-90:hover {
  text-decoration-color: #0f191c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-5v {
  text-decoration-color: #e1f3f8; }

.hover\:underline-blue-cool-5v:hover {
  text-decoration-color: #e1f3f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-10v {
  text-decoration-color: #c3ebfa; }

.hover\:underline-blue-cool-10v:hover {
  text-decoration-color: #c3ebfa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-20v {
  text-decoration-color: #97d4ea; }

.hover\:underline-blue-cool-20v:hover {
  text-decoration-color: #97d4ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-30v {
  text-decoration-color: #59b9de; }

.hover\:underline-blue-cool-30v:hover {
  text-decoration-color: #59b9de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-40v {
  text-decoration-color: #28a0cb; }

.hover\:underline-blue-cool-40v:hover {
  text-decoration-color: #28a0cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-50v {
  text-decoration-color: #0d7ea2; }

.hover\:underline-blue-cool-50v:hover {
  text-decoration-color: #0d7ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-60v {
  text-decoration-color: #07648d; }

.hover\:underline-blue-cool-60v:hover {
  text-decoration-color: #07648d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-70v {
  text-decoration-color: #074b69; }

.hover\:underline-blue-cool-70v:hover {
  text-decoration-color: #074b69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-cool-80v {
  text-decoration-color: #002d3f; }

.hover\:underline-blue-cool-80v:hover {
  text-decoration-color: #002d3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-5 {
  text-decoration-color: #eff6fb; }

.hover\:underline-blue-5:hover {
  text-decoration-color: #eff6fb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-10 {
  text-decoration-color: #d9e8f6; }

.hover\:underline-blue-10:hover {
  text-decoration-color: #d9e8f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-20 {
  text-decoration-color: #aacdec; }

.hover\:underline-blue-20:hover {
  text-decoration-color: #aacdec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-30 {
  text-decoration-color: #73b3e7; }

.hover\:underline-blue-30:hover {
  text-decoration-color: #73b3e7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-40 {
  text-decoration-color: #4f97d1; }

.hover\:underline-blue-40:hover {
  text-decoration-color: #4f97d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-50 {
  text-decoration-color: #2378c3; }

.hover\:underline-blue-50:hover {
  text-decoration-color: #2378c3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-60 {
  text-decoration-color: #2c608a; }

.hover\:underline-blue-60:hover {
  text-decoration-color: #2c608a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-70 {
  text-decoration-color: #274863; }

.hover\:underline-blue-70:hover {
  text-decoration-color: #274863; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-80 {
  text-decoration-color: #1f303e; }

.hover\:underline-blue-80:hover {
  text-decoration-color: #1f303e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-90 {
  text-decoration-color: #11181d; }

.hover\:underline-blue-90:hover {
  text-decoration-color: #11181d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-5v {
  text-decoration-color: #e8f5ff; }

.hover\:underline-blue-5v:hover {
  text-decoration-color: #e8f5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-10v {
  text-decoration-color: #cfe8ff; }

.hover\:underline-blue-10v:hover {
  text-decoration-color: #cfe8ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-20v {
  text-decoration-color: #a1d3ff; }

.hover\:underline-blue-20v:hover {
  text-decoration-color: #a1d3ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-30v {
  text-decoration-color: #58b4ff; }

.hover\:underline-blue-30v:hover {
  text-decoration-color: #58b4ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-40v {
  text-decoration-color: #2491ff; }

.hover\:underline-blue-40v:hover {
  text-decoration-color: #2491ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-50v {
  text-decoration-color: #0076d6; }

.hover\:underline-blue-50v:hover {
  text-decoration-color: #0076d6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-60v {
  text-decoration-color: #005ea2; }

.hover\:underline-blue-60v:hover {
  text-decoration-color: #005ea2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-70v {
  text-decoration-color: #0b4778; }

.hover\:underline-blue-70v:hover {
  text-decoration-color: #0b4778; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-80v {
  text-decoration-color: #112f4e; }

.hover\:underline-blue-80v:hover {
  text-decoration-color: #112f4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-5 {
  text-decoration-color: #ecf1f7; }

.hover\:underline-blue-warm-5:hover {
  text-decoration-color: #ecf1f7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-10 {
  text-decoration-color: #e1e7f1; }

.hover\:underline-blue-warm-10:hover {
  text-decoration-color: #e1e7f1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-20 {
  text-decoration-color: #bbcae4; }

.hover\:underline-blue-warm-20:hover {
  text-decoration-color: #bbcae4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-30 {
  text-decoration-color: #98afd2; }

.hover\:underline-blue-warm-30:hover {
  text-decoration-color: #98afd2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-40 {
  text-decoration-color: #7292c7; }

.hover\:underline-blue-warm-40:hover {
  text-decoration-color: #7292c7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-50 {
  text-decoration-color: #4a77b4; }

.hover\:underline-blue-warm-50:hover {
  text-decoration-color: #4a77b4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-60 {
  text-decoration-color: #345d96; }

.hover\:underline-blue-warm-60:hover {
  text-decoration-color: #345d96; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-70 {
  text-decoration-color: #2f4668; }

.hover\:underline-blue-warm-70:hover {
  text-decoration-color: #2f4668; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-80 {
  text-decoration-color: #252f3e; }

.hover\:underline-blue-warm-80:hover {
  text-decoration-color: #252f3e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-90 {
  text-decoration-color: #13171f; }

.hover\:underline-blue-warm-90:hover {
  text-decoration-color: #13171f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-5v {
  text-decoration-color: #edf5ff; }

.hover\:underline-blue-warm-5v:hover {
  text-decoration-color: #edf5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-10v {
  text-decoration-color: #d4e5ff; }

.hover\:underline-blue-warm-10v:hover {
  text-decoration-color: #d4e5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-20v {
  text-decoration-color: #adcdff; }

.hover\:underline-blue-warm-20v:hover {
  text-decoration-color: #adcdff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-30v {
  text-decoration-color: #81aefc; }

.hover\:underline-blue-warm-30v:hover {
  text-decoration-color: #81aefc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-40v {
  text-decoration-color: #5994f6; }

.hover\:underline-blue-warm-40v:hover {
  text-decoration-color: #5994f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-50v {
  text-decoration-color: #2672de; }

.hover\:underline-blue-warm-50v:hover {
  text-decoration-color: #2672de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-60v {
  text-decoration-color: #0050d8; }

.hover\:underline-blue-warm-60v:hover {
  text-decoration-color: #0050d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-70v {
  text-decoration-color: #1a4480; }

.hover\:underline-blue-warm-70v:hover {
  text-decoration-color: #1a4480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-blue-warm-80v {
  text-decoration-color: #162e51; }

.hover\:underline-blue-warm-80v:hover {
  text-decoration-color: #162e51; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-5 {
  text-decoration-color: #e7f6f8; }

.hover\:underline-cyan-5:hover {
  text-decoration-color: #e7f6f8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-10 {
  text-decoration-color: #ccecf2; }

.hover\:underline-cyan-10:hover {
  text-decoration-color: #ccecf2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-20 {
  text-decoration-color: #99deea; }

.hover\:underline-cyan-20:hover {
  text-decoration-color: #99deea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-30 {
  text-decoration-color: #5dc0d1; }

.hover\:underline-cyan-30:hover {
  text-decoration-color: #5dc0d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-40 {
  text-decoration-color: #449dac; }

.hover\:underline-cyan-40:hover {
  text-decoration-color: #449dac; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-50 {
  text-decoration-color: #168092; }

.hover\:underline-cyan-50:hover {
  text-decoration-color: #168092; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-60 {
  text-decoration-color: #2a646d; }

.hover\:underline-cyan-60:hover {
  text-decoration-color: #2a646d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-70 {
  text-decoration-color: #2c4a4e; }

.hover\:underline-cyan-70:hover {
  text-decoration-color: #2c4a4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-80 {
  text-decoration-color: #203133; }

.hover\:underline-cyan-80:hover {
  text-decoration-color: #203133; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-90 {
  text-decoration-color: #111819; }

.hover\:underline-cyan-90:hover {
  text-decoration-color: #111819; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-5v {
  text-decoration-color: #e5faff; }

.hover\:underline-cyan-5v:hover {
  text-decoration-color: #e5faff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-10v {
  text-decoration-color: #a8f2ff; }

.hover\:underline-cyan-10v:hover {
  text-decoration-color: #a8f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-20v {
  text-decoration-color: #52daf2; }

.hover\:underline-cyan-20v:hover {
  text-decoration-color: #52daf2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-30v {
  text-decoration-color: #00bde3; }

.hover\:underline-cyan-30v:hover {
  text-decoration-color: #00bde3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-40v {
  text-decoration-color: #009ec1; }

.hover\:underline-cyan-40v:hover {
  text-decoration-color: #009ec1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-50v {
  text-decoration-color: #0081a1; }

.hover\:underline-cyan-50v:hover {
  text-decoration-color: #0081a1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-60v {
  text-decoration-color: #00687d; }

.hover\:underline-cyan-60v:hover {
  text-decoration-color: #00687d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-70v {
  text-decoration-color: #0e4f5c; }

.hover\:underline-cyan-70v:hover {
  text-decoration-color: #0e4f5c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-cyan-80v {
  text-decoration-color: #093b44; }

.hover\:underline-cyan-80v:hover {
  text-decoration-color: #093b44; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-5 {
  text-decoration-color: #f5f0e6; }

.hover\:underline-gold-5:hover {
  text-decoration-color: #f5f0e6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-10 {
  text-decoration-color: #f1e5cd; }

.hover\:underline-gold-10:hover {
  text-decoration-color: #f1e5cd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-20 {
  text-decoration-color: #dec69a; }

.hover\:underline-gold-20:hover {
  text-decoration-color: #dec69a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-30 {
  text-decoration-color: #c7a97b; }

.hover\:underline-gold-30:hover {
  text-decoration-color: #c7a97b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-40 {
  text-decoration-color: #ad8b65; }

.hover\:underline-gold-40:hover {
  text-decoration-color: #ad8b65; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-50 {
  text-decoration-color: #8e704f; }

.hover\:underline-gold-50:hover {
  text-decoration-color: #8e704f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-60 {
  text-decoration-color: #6b5947; }

.hover\:underline-gold-60:hover {
  text-decoration-color: #6b5947; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-70 {
  text-decoration-color: #4d4438; }

.hover\:underline-gold-70:hover {
  text-decoration-color: #4d4438; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-80 {
  text-decoration-color: #322d26; }

.hover\:underline-gold-80:hover {
  text-decoration-color: #322d26; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-90 {
  text-decoration-color: #191714; }

.hover\:underline-gold-90:hover {
  text-decoration-color: #191714; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-5v {
  text-decoration-color: #fef0c8; }

.hover\:underline-gold-5v:hover {
  text-decoration-color: #fef0c8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-10v {
  text-decoration-color: #ffe396; }

.hover\:underline-gold-10v:hover {
  text-decoration-color: #ffe396; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-20v {
  text-decoration-color: #ffbe2e; }

.hover\:underline-gold-20v:hover {
  text-decoration-color: #ffbe2e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-30v {
  text-decoration-color: #e5a000; }

.hover\:underline-gold-30v:hover {
  text-decoration-color: #e5a000; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-40v {
  text-decoration-color: #c2850c; }

.hover\:underline-gold-40v:hover {
  text-decoration-color: #c2850c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-50v {
  text-decoration-color: #936f38; }

.hover\:underline-gold-50v:hover {
  text-decoration-color: #936f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-60v {
  text-decoration-color: #7a591a; }

.hover\:underline-gold-60v:hover {
  text-decoration-color: #7a591a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-70v {
  text-decoration-color: #5c410a; }

.hover\:underline-gold-70v:hover {
  text-decoration-color: #5c410a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-gold-80v {
  text-decoration-color: #3b2b15; }

.hover\:underline-gold-80v:hover {
  text-decoration-color: #3b2b15; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-5 {
  text-decoration-color: #ecf3ec; }

.hover\:underline-green-cool-5:hover {
  text-decoration-color: #ecf3ec; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-10 {
  text-decoration-color: #dbebde; }

.hover\:underline-green-cool-10:hover {
  text-decoration-color: #dbebde; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-20 {
  text-decoration-color: #b4d0b9; }

.hover\:underline-green-cool-20:hover {
  text-decoration-color: #b4d0b9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-30 {
  text-decoration-color: #86b98e; }

.hover\:underline-green-cool-30:hover {
  text-decoration-color: #86b98e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-40 {
  text-decoration-color: #5e9f69; }

.hover\:underline-green-cool-40:hover {
  text-decoration-color: #5e9f69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-50 {
  text-decoration-color: #4d8055; }

.hover\:underline-green-cool-50:hover {
  text-decoration-color: #4d8055; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-60 {
  text-decoration-color: #446443; }

.hover\:underline-green-cool-60:hover {
  text-decoration-color: #446443; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-70 {
  text-decoration-color: #37493b; }

.hover\:underline-green-cool-70:hover {
  text-decoration-color: #37493b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-80 {
  text-decoration-color: #28312a; }

.hover\:underline-green-cool-80:hover {
  text-decoration-color: #28312a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-90 {
  text-decoration-color: #1a1f1a; }

.hover\:underline-green-cool-90:hover {
  text-decoration-color: #1a1f1a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-5v {
  text-decoration-color: #e3f5e1; }

.hover\:underline-green-cool-5v:hover {
  text-decoration-color: #e3f5e1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-10v {
  text-decoration-color: #b7f5bd; }

.hover\:underline-green-cool-10v:hover {
  text-decoration-color: #b7f5bd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-20v {
  text-decoration-color: #70e17b; }

.hover\:underline-green-cool-20v:hover {
  text-decoration-color: #70e17b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-30v {
  text-decoration-color: #21c834; }

.hover\:underline-green-cool-30v:hover {
  text-decoration-color: #21c834; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-40v {
  text-decoration-color: #00a91c; }

.hover\:underline-green-cool-40v:hover {
  text-decoration-color: #00a91c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-50v {
  text-decoration-color: #008817; }

.hover\:underline-green-cool-50v:hover {
  text-decoration-color: #008817; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-60v {
  text-decoration-color: #216e1f; }

.hover\:underline-green-cool-60v:hover {
  text-decoration-color: #216e1f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-70v {
  text-decoration-color: #154c21; }

.hover\:underline-green-cool-70v:hover {
  text-decoration-color: #154c21; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-cool-80v {
  text-decoration-color: #19311e; }

.hover\:underline-green-cool-80v:hover {
  text-decoration-color: #19311e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-5 {
  text-decoration-color: #eaf4dd; }

.hover\:underline-green-5:hover {
  text-decoration-color: #eaf4dd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-10 {
  text-decoration-color: #dfeacd; }

.hover\:underline-green-10:hover {
  text-decoration-color: #dfeacd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-20 {
  text-decoration-color: #b8d293; }

.hover\:underline-green-20:hover {
  text-decoration-color: #b8d293; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-30 {
  text-decoration-color: #9bb672; }

.hover\:underline-green-30:hover {
  text-decoration-color: #9bb672; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-40 {
  text-decoration-color: #7d9b4e; }

.hover\:underline-green-40:hover {
  text-decoration-color: #7d9b4e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-50 {
  text-decoration-color: #607f35; }

.hover\:underline-green-50:hover {
  text-decoration-color: #607f35; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-60 {
  text-decoration-color: #4c6424; }

.hover\:underline-green-60:hover {
  text-decoration-color: #4c6424; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-70 {
  text-decoration-color: #3c4a29; }

.hover\:underline-green-70:hover {
  text-decoration-color: #3c4a29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-80 {
  text-decoration-color: #293021; }

.hover\:underline-green-80:hover {
  text-decoration-color: #293021; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-90 {
  text-decoration-color: #161814; }

.hover\:underline-green-90:hover {
  text-decoration-color: #161814; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-5v {
  text-decoration-color: #ddf9c7; }

.hover\:underline-green-5v:hover {
  text-decoration-color: #ddf9c7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-10v {
  text-decoration-color: #c5ee93; }

.hover\:underline-green-10v:hover {
  text-decoration-color: #c5ee93; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-20v {
  text-decoration-color: #98d035; }

.hover\:underline-green-20v:hover {
  text-decoration-color: #98d035; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-30v {
  text-decoration-color: #7fb135; }

.hover\:underline-green-30v:hover {
  text-decoration-color: #7fb135; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-40v {
  text-decoration-color: #719f2a; }

.hover\:underline-green-40v:hover {
  text-decoration-color: #719f2a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-50v {
  text-decoration-color: #538200; }

.hover\:underline-green-50v:hover {
  text-decoration-color: #538200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-60v {
  text-decoration-color: #466c04; }

.hover\:underline-green-60v:hover {
  text-decoration-color: #466c04; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-70v {
  text-decoration-color: #2f4a0b; }

.hover\:underline-green-70v:hover {
  text-decoration-color: #2f4a0b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-80v {
  text-decoration-color: #243413; }

.hover\:underline-green-80v:hover {
  text-decoration-color: #243413; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-5 {
  text-decoration-color: #f1f4d7; }

.hover\:underline-green-warm-5:hover {
  text-decoration-color: #f1f4d7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-10 {
  text-decoration-color: #e7eab7; }

.hover\:underline-green-warm-10:hover {
  text-decoration-color: #e7eab7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-20 {
  text-decoration-color: #cbd17a; }

.hover\:underline-green-warm-20:hover {
  text-decoration-color: #cbd17a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-30 {
  text-decoration-color: #a6b557; }

.hover\:underline-green-warm-30:hover {
  text-decoration-color: #a6b557; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-40 {
  text-decoration-color: #8a984b; }

.hover\:underline-green-warm-40:hover {
  text-decoration-color: #8a984b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-50 {
  text-decoration-color: #6f7a41; }

.hover\:underline-green-warm-50:hover {
  text-decoration-color: #6f7a41; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-60 {
  text-decoration-color: #5a5f38; }

.hover\:underline-green-warm-60:hover {
  text-decoration-color: #5a5f38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-70 {
  text-decoration-color: #45472f; }

.hover\:underline-green-warm-70:hover {
  text-decoration-color: #45472f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-80 {
  text-decoration-color: #2d2f21; }

.hover\:underline-green-warm-80:hover {
  text-decoration-color: #2d2f21; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-90 {
  text-decoration-color: #171712; }

.hover\:underline-green-warm-90:hover {
  text-decoration-color: #171712; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-5v {
  text-decoration-color: #f5fbc1; }

.hover\:underline-green-warm-5v:hover {
  text-decoration-color: #f5fbc1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-10v {
  text-decoration-color: #e7f434; }

.hover\:underline-green-warm-10v:hover {
  text-decoration-color: #e7f434; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-20v {
  text-decoration-color: #c5d30a; }

.hover\:underline-green-warm-20v:hover {
  text-decoration-color: #c5d30a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-30v {
  text-decoration-color: #a3b72c; }

.hover\:underline-green-warm-30v:hover {
  text-decoration-color: #a3b72c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-40v {
  text-decoration-color: #7e9c1d; }

.hover\:underline-green-warm-40v:hover {
  text-decoration-color: #7e9c1d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-50v {
  text-decoration-color: #6a7d00; }

.hover\:underline-green-warm-50v:hover {
  text-decoration-color: #6a7d00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-60v {
  text-decoration-color: #5a6613; }

.hover\:underline-green-warm-60v:hover {
  text-decoration-color: #5a6613; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-70v {
  text-decoration-color: #4b4e10; }

.hover\:underline-green-warm-70v:hover {
  text-decoration-color: #4b4e10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-green-warm-80v {
  text-decoration-color: #38380b; }

.hover\:underline-green-warm-80v:hover {
  text-decoration-color: #38380b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-5 {
  text-decoration-color: #eef0f9; }

.hover\:underline-indigo-cool-5:hover {
  text-decoration-color: #eef0f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-10 {
  text-decoration-color: #e1e6f9; }

.hover\:underline-indigo-cool-10:hover {
  text-decoration-color: #e1e6f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-20 {
  text-decoration-color: #bbc8f5; }

.hover\:underline-indigo-cool-20:hover {
  text-decoration-color: #bbc8f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-30 {
  text-decoration-color: #96abee; }

.hover\:underline-indigo-cool-30:hover {
  text-decoration-color: #96abee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-40 {
  text-decoration-color: #6b8ee8; }

.hover\:underline-indigo-cool-40:hover {
  text-decoration-color: #6b8ee8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-50 {
  text-decoration-color: #496fd8; }

.hover\:underline-indigo-cool-50:hover {
  text-decoration-color: #496fd8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-60 {
  text-decoration-color: #3f57a6; }

.hover\:underline-indigo-cool-60:hover {
  text-decoration-color: #3f57a6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-70 {
  text-decoration-color: #374274; }

.hover\:underline-indigo-cool-70:hover {
  text-decoration-color: #374274; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-80 {
  text-decoration-color: #292d42; }

.hover\:underline-indigo-cool-80:hover {
  text-decoration-color: #292d42; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-90 {
  text-decoration-color: #151622; }

.hover\:underline-indigo-cool-90:hover {
  text-decoration-color: #151622; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-5v {
  text-decoration-color: #edf0ff; }

.hover\:underline-indigo-cool-5v:hover {
  text-decoration-color: #edf0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-10v {
  text-decoration-color: #dee5ff; }

.hover\:underline-indigo-cool-10v:hover {
  text-decoration-color: #dee5ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-20v {
  text-decoration-color: #b8c8ff; }

.hover\:underline-indigo-cool-20v:hover {
  text-decoration-color: #b8c8ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-30v {
  text-decoration-color: #94adff; }

.hover\:underline-indigo-cool-30v:hover {
  text-decoration-color: #94adff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-40v {
  text-decoration-color: #628ef4; }

.hover\:underline-indigo-cool-40v:hover {
  text-decoration-color: #628ef4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-50v {
  text-decoration-color: #4866ff; }

.hover\:underline-indigo-cool-50v:hover {
  text-decoration-color: #4866ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-60v {
  text-decoration-color: #3e4ded; }

.hover\:underline-indigo-cool-60v:hover {
  text-decoration-color: #3e4ded; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-70v {
  text-decoration-color: #222fbf; }

.hover\:underline-indigo-cool-70v:hover {
  text-decoration-color: #222fbf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-cool-80v {
  text-decoration-color: #1b2b85; }

.hover\:underline-indigo-cool-80v:hover {
  text-decoration-color: #1b2b85; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-5 {
  text-decoration-color: #efeff8; }

.hover\:underline-indigo-5:hover {
  text-decoration-color: #efeff8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-10 {
  text-decoration-color: #e5e4fa; }

.hover\:underline-indigo-10:hover {
  text-decoration-color: #e5e4fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-20 {
  text-decoration-color: #c5c5f3; }

.hover\:underline-indigo-20:hover {
  text-decoration-color: #c5c5f3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-30 {
  text-decoration-color: #a5a8eb; }

.hover\:underline-indigo-30:hover {
  text-decoration-color: #a5a8eb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-40 {
  text-decoration-color: #8889db; }

.hover\:underline-indigo-40:hover {
  text-decoration-color: #8889db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-50 {
  text-decoration-color: #676cc8; }

.hover\:underline-indigo-50:hover {
  text-decoration-color: #676cc8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-60 {
  text-decoration-color: #4d52af; }

.hover\:underline-indigo-60:hover {
  text-decoration-color: #4d52af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-70 {
  text-decoration-color: #3d4076; }

.hover\:underline-indigo-70:hover {
  text-decoration-color: #3d4076; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-80 {
  text-decoration-color: #2b2c40; }

.hover\:underline-indigo-80:hover {
  text-decoration-color: #2b2c40; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-90 {
  text-decoration-color: #16171f; }

.hover\:underline-indigo-90:hover {
  text-decoration-color: #16171f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-5v {
  text-decoration-color: #f0f0ff; }

.hover\:underline-indigo-5v:hover {
  text-decoration-color: #f0f0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-10v {
  text-decoration-color: #e0e0ff; }

.hover\:underline-indigo-10v:hover {
  text-decoration-color: #e0e0ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-20v {
  text-decoration-color: #ccceff; }

.hover\:underline-indigo-20v:hover {
  text-decoration-color: #ccceff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-30v {
  text-decoration-color: #a3a7fa; }

.hover\:underline-indigo-30v:hover {
  text-decoration-color: #a3a7fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-40v {
  text-decoration-color: #8289ff; }

.hover\:underline-indigo-40v:hover {
  text-decoration-color: #8289ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-50v {
  text-decoration-color: #656bd7; }

.hover\:underline-indigo-50v:hover {
  text-decoration-color: #656bd7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-60v {
  text-decoration-color: #4a50c4; }

.hover\:underline-indigo-60v:hover {
  text-decoration-color: #4a50c4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-70v {
  text-decoration-color: #3333a3; }

.hover\:underline-indigo-70v:hover {
  text-decoration-color: #3333a3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-80v {
  text-decoration-color: #212463; }

.hover\:underline-indigo-80v:hover {
  text-decoration-color: #212463; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-5 {
  text-decoration-color: #f1eff7; }

.hover\:underline-indigo-warm-5:hover {
  text-decoration-color: #f1eff7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-10 {
  text-decoration-color: #e7e3fa; }

.hover\:underline-indigo-warm-10:hover {
  text-decoration-color: #e7e3fa; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-20 {
  text-decoration-color: #cbc4f2; }

.hover\:underline-indigo-warm-20:hover {
  text-decoration-color: #cbc4f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-30 {
  text-decoration-color: #afa5e8; }

.hover\:underline-indigo-warm-30:hover {
  text-decoration-color: #afa5e8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-40 {
  text-decoration-color: #9287d8; }

.hover\:underline-indigo-warm-40:hover {
  text-decoration-color: #9287d8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-50 {
  text-decoration-color: #7665d1; }

.hover\:underline-indigo-warm-50:hover {
  text-decoration-color: #7665d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-60 {
  text-decoration-color: #5e519e; }

.hover\:underline-indigo-warm-60:hover {
  text-decoration-color: #5e519e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-70 {
  text-decoration-color: #453c7b; }

.hover\:underline-indigo-warm-70:hover {
  text-decoration-color: #453c7b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-80 {
  text-decoration-color: #2e2c40; }

.hover\:underline-indigo-warm-80:hover {
  text-decoration-color: #2e2c40; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-90 {
  text-decoration-color: #18161d; }

.hover\:underline-indigo-warm-90:hover {
  text-decoration-color: #18161d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-5v {
  text-decoration-color: #f5f2ff; }

.hover\:underline-indigo-warm-5v:hover {
  text-decoration-color: #f5f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-10v {
  text-decoration-color: #e4deff; }

.hover\:underline-indigo-warm-10v:hover {
  text-decoration-color: #e4deff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-20v {
  text-decoration-color: #cfc4fd; }

.hover\:underline-indigo-warm-20v:hover {
  text-decoration-color: #cfc4fd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-30v {
  text-decoration-color: #b69fff; }

.hover\:underline-indigo-warm-30v:hover {
  text-decoration-color: #b69fff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-40v {
  text-decoration-color: #967efb; }

.hover\:underline-indigo-warm-40v:hover {
  text-decoration-color: #967efb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-50v {
  text-decoration-color: #745fe9; }

.hover\:underline-indigo-warm-50v:hover {
  text-decoration-color: #745fe9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-60v {
  text-decoration-color: #5942d2; }

.hover\:underline-indigo-warm-60v:hover {
  text-decoration-color: #5942d2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-70v {
  text-decoration-color: #3d2c9d; }

.hover\:underline-indigo-warm-70v:hover {
  text-decoration-color: #3d2c9d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-indigo-warm-80v {
  text-decoration-color: #261f5b; }

.hover\:underline-indigo-warm-80v:hover {
  text-decoration-color: #261f5b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-5 {
  text-decoration-color: #f9f0f2; }

.hover\:underline-magenta-5:hover {
  text-decoration-color: #f9f0f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-10 {
  text-decoration-color: #f6e1e8; }

.hover\:underline-magenta-10:hover {
  text-decoration-color: #f6e1e8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-20 {
  text-decoration-color: #f0bbcc; }

.hover\:underline-magenta-20:hover {
  text-decoration-color: #f0bbcc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-30 {
  text-decoration-color: #e895b3; }

.hover\:underline-magenta-30:hover {
  text-decoration-color: #e895b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-40 {
  text-decoration-color: #e0699f; }

.hover\:underline-magenta-40:hover {
  text-decoration-color: #e0699f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-50 {
  text-decoration-color: #c84281; }

.hover\:underline-magenta-50:hover {
  text-decoration-color: #c84281; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-60 {
  text-decoration-color: #8b4566; }

.hover\:underline-magenta-60:hover {
  text-decoration-color: #8b4566; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-70 {
  text-decoration-color: #66364b; }

.hover\:underline-magenta-70:hover {
  text-decoration-color: #66364b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-80 {
  text-decoration-color: #402731; }

.hover\:underline-magenta-80:hover {
  text-decoration-color: #402731; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-90 {
  text-decoration-color: #1b1617; }

.hover\:underline-magenta-90:hover {
  text-decoration-color: #1b1617; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-5v {
  text-decoration-color: #f9f0f2; }

.hover\:underline-magenta-5v:hover {
  text-decoration-color: #f9f0f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-10v {
  text-decoration-color: #ffddea; }

.hover\:underline-magenta-10v:hover {
  text-decoration-color: #ffddea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-20v {
  text-decoration-color: #ffb4cf; }

.hover\:underline-magenta-20v:hover {
  text-decoration-color: #ffb4cf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-30v {
  text-decoration-color: #ff87b2; }

.hover\:underline-magenta-30v:hover {
  text-decoration-color: #ff87b2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-40v {
  text-decoration-color: #fd4496; }

.hover\:underline-magenta-40v:hover {
  text-decoration-color: #fd4496; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-50v {
  text-decoration-color: #d72d79; }

.hover\:underline-magenta-50v:hover {
  text-decoration-color: #d72d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-60v {
  text-decoration-color: #ab2165; }

.hover\:underline-magenta-60v:hover {
  text-decoration-color: #ab2165; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-70v {
  text-decoration-color: #731f44; }

.hover\:underline-magenta-70v:hover {
  text-decoration-color: #731f44; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-magenta-80v {
  text-decoration-color: #4f172e; }

.hover\:underline-magenta-80v:hover {
  text-decoration-color: #4f172e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-5 {
  text-decoration-color: #e0f7f6; }

.hover\:underline-mint-cool-5:hover {
  text-decoration-color: #e0f7f6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-10 {
  text-decoration-color: #c4eeeb; }

.hover\:underline-mint-cool-10:hover {
  text-decoration-color: #c4eeeb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-20 {
  text-decoration-color: #9bd4cf; }

.hover\:underline-mint-cool-20:hover {
  text-decoration-color: #9bd4cf; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-30 {
  text-decoration-color: #6fbab3; }

.hover\:underline-mint-cool-30:hover {
  text-decoration-color: #6fbab3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-40 {
  text-decoration-color: #4f9e99; }

.hover\:underline-mint-cool-40:hover {
  text-decoration-color: #4f9e99; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-50 {
  text-decoration-color: #40807e; }

.hover\:underline-mint-cool-50:hover {
  text-decoration-color: #40807e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-60 {
  text-decoration-color: #376462; }

.hover\:underline-mint-cool-60:hover {
  text-decoration-color: #376462; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-70 {
  text-decoration-color: #2a4b45; }

.hover\:underline-mint-cool-70:hover {
  text-decoration-color: #2a4b45; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-80 {
  text-decoration-color: #203131; }

.hover\:underline-mint-cool-80:hover {
  text-decoration-color: #203131; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-90 {
  text-decoration-color: #111818; }

.hover\:underline-mint-cool-90:hover {
  text-decoration-color: #111818; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-5v {
  text-decoration-color: #d5fbf3; }

.hover\:underline-mint-cool-5v:hover {
  text-decoration-color: #d5fbf3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-10v {
  text-decoration-color: #7efbe1; }

.hover\:underline-mint-cool-10v:hover {
  text-decoration-color: #7efbe1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-20v {
  text-decoration-color: #29e1cb; }

.hover\:underline-mint-cool-20v:hover {
  text-decoration-color: #29e1cb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-30v {
  text-decoration-color: #1dc2ae; }

.hover\:underline-mint-cool-30v:hover {
  text-decoration-color: #1dc2ae; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-40v {
  text-decoration-color: #00a398; }

.hover\:underline-mint-cool-40v:hover {
  text-decoration-color: #00a398; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-50v {
  text-decoration-color: #008480; }

.hover\:underline-mint-cool-50v:hover {
  text-decoration-color: #008480; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-60v {
  text-decoration-color: #0f6460; }

.hover\:underline-mint-cool-60v:hover {
  text-decoration-color: #0f6460; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-70v {
  text-decoration-color: #0b4b3f; }

.hover\:underline-mint-cool-70v:hover {
  text-decoration-color: #0b4b3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-cool-80v {
  text-decoration-color: #123131; }

.hover\:underline-mint-cool-80v:hover {
  text-decoration-color: #123131; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-5 {
  text-decoration-color: #dbf6ed; }

.hover\:underline-mint-5:hover {
  text-decoration-color: #dbf6ed; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-10 {
  text-decoration-color: #c7efe2; }

.hover\:underline-mint-10:hover {
  text-decoration-color: #c7efe2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-20 {
  text-decoration-color: #92d9bb; }

.hover\:underline-mint-20:hover {
  text-decoration-color: #92d9bb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-30 {
  text-decoration-color: #5abf95; }

.hover\:underline-mint-30:hover {
  text-decoration-color: #5abf95; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-40 {
  text-decoration-color: #34a37e; }

.hover\:underline-mint-40:hover {
  text-decoration-color: #34a37e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-50 {
  text-decoration-color: #2e8367; }

.hover\:underline-mint-50:hover {
  text-decoration-color: #2e8367; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-60 {
  text-decoration-color: #286846; }

.hover\:underline-mint-60:hover {
  text-decoration-color: #286846; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-70 {
  text-decoration-color: #204e34; }

.hover\:underline-mint-70:hover {
  text-decoration-color: #204e34; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-80 {
  text-decoration-color: #193324; }

.hover\:underline-mint-80:hover {
  text-decoration-color: #193324; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-90 {
  text-decoration-color: #0d1a12; }

.hover\:underline-mint-90:hover {
  text-decoration-color: #0d1a12; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-5v {
  text-decoration-color: #c9fbeb; }

.hover\:underline-mint-5v:hover {
  text-decoration-color: #c9fbeb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-10v {
  text-decoration-color: #83fcd4; }

.hover\:underline-mint-10v:hover {
  text-decoration-color: #83fcd4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-20v {
  text-decoration-color: #0ceda6; }

.hover\:underline-mint-20v:hover {
  text-decoration-color: #0ceda6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-30v {
  text-decoration-color: #04c585; }

.hover\:underline-mint-30v:hover {
  text-decoration-color: #04c585; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-40v {
  text-decoration-color: #00a871; }

.hover\:underline-mint-40v:hover {
  text-decoration-color: #00a871; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-50v {
  text-decoration-color: #008659; }

.hover\:underline-mint-50v:hover {
  text-decoration-color: #008659; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-60v {
  text-decoration-color: #146947; }

.hover\:underline-mint-60v:hover {
  text-decoration-color: #146947; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-70v {
  text-decoration-color: #0c4e29; }

.hover\:underline-mint-70v:hover {
  text-decoration-color: #0c4e29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-mint-80v {
  text-decoration-color: #0d351e; }

.hover\:underline-mint-80v:hover {
  text-decoration-color: #0d351e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-5 {
  text-decoration-color: #f6efe9; }

.hover\:underline-orange-5:hover {
  text-decoration-color: #f6efe9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-10 {
  text-decoration-color: #f2e4d4; }

.hover\:underline-orange-10:hover {
  text-decoration-color: #f2e4d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-20 {
  text-decoration-color: #f3bf90; }

.hover\:underline-orange-20:hover {
  text-decoration-color: #f3bf90; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-30 {
  text-decoration-color: #f09860; }

.hover\:underline-orange-30:hover {
  text-decoration-color: #f09860; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-40 {
  text-decoration-color: #dd7533; }

.hover\:underline-orange-40:hover {
  text-decoration-color: #dd7533; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-50 {
  text-decoration-color: #a86437; }

.hover\:underline-orange-50:hover {
  text-decoration-color: #a86437; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-60 {
  text-decoration-color: #775540; }

.hover\:underline-orange-60:hover {
  text-decoration-color: #775540; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-70 {
  text-decoration-color: #524236; }

.hover\:underline-orange-70:hover {
  text-decoration-color: #524236; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-80 {
  text-decoration-color: #332d27; }

.hover\:underline-orange-80:hover {
  text-decoration-color: #332d27; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-90 {
  text-decoration-color: #1b1614; }

.hover\:underline-orange-90:hover {
  text-decoration-color: #1b1614; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-5v {
  text-decoration-color: #fef2e4; }

.hover\:underline-orange-5v:hover {
  text-decoration-color: #fef2e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-10v {
  text-decoration-color: #fce2c5; }

.hover\:underline-orange-10v:hover {
  text-decoration-color: #fce2c5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-20v {
  text-decoration-color: #ffbc78; }

.hover\:underline-orange-20v:hover {
  text-decoration-color: #ffbc78; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-30v {
  text-decoration-color: #fa9441; }

.hover\:underline-orange-30v:hover {
  text-decoration-color: #fa9441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-40v {
  text-decoration-color: #e66f0e; }

.hover\:underline-orange-40v:hover {
  text-decoration-color: #e66f0e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-50v {
  text-decoration-color: #c05600; }

.hover\:underline-orange-50v:hover {
  text-decoration-color: #c05600; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-60v {
  text-decoration-color: #8c471c; }

.hover\:underline-orange-60v:hover {
  text-decoration-color: #8c471c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-70v {
  text-decoration-color: #5f3617; }

.hover\:underline-orange-70v:hover {
  text-decoration-color: #5f3617; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-80v {
  text-decoration-color: #352313; }

.hover\:underline-orange-80v:hover {
  text-decoration-color: #352313; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-5 {
  text-decoration-color: #faeee5; }

.hover\:underline-orange-warm-5:hover {
  text-decoration-color: #faeee5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-10 {
  text-decoration-color: #fbe0d0; }

.hover\:underline-orange-warm-10:hover {
  text-decoration-color: #fbe0d0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-20 {
  text-decoration-color: #f7bca2; }

.hover\:underline-orange-warm-20:hover {
  text-decoration-color: #f7bca2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-30 {
  text-decoration-color: #f3966d; }

.hover\:underline-orange-warm-30:hover {
  text-decoration-color: #f3966d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-40 {
  text-decoration-color: #e17141; }

.hover\:underline-orange-warm-40:hover {
  text-decoration-color: #e17141; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-50 {
  text-decoration-color: #bd5727; }

.hover\:underline-orange-warm-50:hover {
  text-decoration-color: #bd5727; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-60 {
  text-decoration-color: #914734; }

.hover\:underline-orange-warm-60:hover {
  text-decoration-color: #914734; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-70 {
  text-decoration-color: #633a32; }

.hover\:underline-orange-warm-70:hover {
  text-decoration-color: #633a32; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-80 {
  text-decoration-color: #3d2925; }

.hover\:underline-orange-warm-80:hover {
  text-decoration-color: #3d2925; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-90 {
  text-decoration-color: #1c1615; }

.hover\:underline-orange-warm-90:hover {
  text-decoration-color: #1c1615; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-5v {
  text-decoration-color: #fff3ea; }

.hover\:underline-orange-warm-5v:hover {
  text-decoration-color: #fff3ea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-10v {
  text-decoration-color: #ffe2d1; }

.hover\:underline-orange-warm-10v:hover {
  text-decoration-color: #ffe2d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-20v {
  text-decoration-color: #fbbaa7; }

.hover\:underline-orange-warm-20v:hover {
  text-decoration-color: #fbbaa7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-30v {
  text-decoration-color: #fc906d; }

.hover\:underline-orange-warm-30v:hover {
  text-decoration-color: #fc906d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-40v {
  text-decoration-color: #ff580a; }

.hover\:underline-orange-warm-40v:hover {
  text-decoration-color: #ff580a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-50v {
  text-decoration-color: #cf4900; }

.hover\:underline-orange-warm-50v:hover {
  text-decoration-color: #cf4900; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-60v {
  text-decoration-color: #a72f10; }

.hover\:underline-orange-warm-60v:hover {
  text-decoration-color: #a72f10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-70v {
  text-decoration-color: #782312; }

.hover\:underline-orange-warm-70v:hover {
  text-decoration-color: #782312; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-orange-warm-80v {
  text-decoration-color: #3d231d; }

.hover\:underline-orange-warm-80v:hover {
  text-decoration-color: #3d231d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-5 {
  text-decoration-color: #f8eff1; }

.hover\:underline-red-cool-5:hover {
  text-decoration-color: #f8eff1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-10 {
  text-decoration-color: #f3e1e4; }

.hover\:underline-red-cool-10:hover {
  text-decoration-color: #f3e1e4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-20 {
  text-decoration-color: #ecbec6; }

.hover\:underline-red-cool-20:hover {
  text-decoration-color: #ecbec6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-30 {
  text-decoration-color: #e09aa6; }

.hover\:underline-red-cool-30:hover {
  text-decoration-color: #e09aa6; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-40 {
  text-decoration-color: #e16b80; }

.hover\:underline-red-cool-40:hover {
  text-decoration-color: #e16b80; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-50 {
  text-decoration-color: #cd425b; }

.hover\:underline-red-cool-50:hover {
  text-decoration-color: #cd425b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-60 {
  text-decoration-color: #9e394b; }

.hover\:underline-red-cool-60:hover {
  text-decoration-color: #9e394b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-70 {
  text-decoration-color: #68363f; }

.hover\:underline-red-cool-70:hover {
  text-decoration-color: #68363f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-80 {
  text-decoration-color: #40282c; }

.hover\:underline-red-cool-80:hover {
  text-decoration-color: #40282c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-90 {
  text-decoration-color: #1e1517; }

.hover\:underline-red-cool-90:hover {
  text-decoration-color: #1e1517; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-5v {
  text-decoration-color: #fff2f5; }

.hover\:underline-red-cool-5v:hover {
  text-decoration-color: #fff2f5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-10v {
  text-decoration-color: #f8dfe2; }

.hover\:underline-red-cool-10v:hover {
  text-decoration-color: #f8dfe2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-20v {
  text-decoration-color: #f8b9c5; }

.hover\:underline-red-cool-20v:hover {
  text-decoration-color: #f8b9c5; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-30v {
  text-decoration-color: #fd8ba0; }

.hover\:underline-red-cool-30v:hover {
  text-decoration-color: #fd8ba0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-40v {
  text-decoration-color: #f45d79; }

.hover\:underline-red-cool-40v:hover {
  text-decoration-color: #f45d79; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-50v {
  text-decoration-color: #e41d3d; }

.hover\:underline-red-cool-50v:hover {
  text-decoration-color: #e41d3d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-60v {
  text-decoration-color: #b21d38; }

.hover\:underline-red-cool-60v:hover {
  text-decoration-color: #b21d38; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-70v {
  text-decoration-color: #822133; }

.hover\:underline-red-cool-70v:hover {
  text-decoration-color: #822133; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-cool-80v {
  text-decoration-color: #4f1c24; }

.hover\:underline-red-cool-80v:hover {
  text-decoration-color: #4f1c24; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-5 {
  text-decoration-color: #f9eeee; }

.hover\:underline-red-5:hover {
  text-decoration-color: #f9eeee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-10 {
  text-decoration-color: #f8e1de; }

.hover\:underline-red-10:hover {
  text-decoration-color: #f8e1de; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-20 {
  text-decoration-color: #f7bbb1; }

.hover\:underline-red-20:hover {
  text-decoration-color: #f7bbb1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-30 {
  text-decoration-color: #f2938c; }

.hover\:underline-red-30:hover {
  text-decoration-color: #f2938c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-40 {
  text-decoration-color: #e9695f; }

.hover\:underline-red-40:hover {
  text-decoration-color: #e9695f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-50 {
  text-decoration-color: #d83933; }

.hover\:underline-red-50:hover {
  text-decoration-color: #d83933; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-60 {
  text-decoration-color: #a23737; }

.hover\:underline-red-60:hover {
  text-decoration-color: #a23737; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-70 {
  text-decoration-color: #6f3331; }

.hover\:underline-red-70:hover {
  text-decoration-color: #6f3331; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-80 {
  text-decoration-color: #3e2927; }

.hover\:underline-red-80:hover {
  text-decoration-color: #3e2927; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-90 {
  text-decoration-color: #1b1616; }

.hover\:underline-red-90:hover {
  text-decoration-color: #1b1616; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-5v {
  text-decoration-color: #fff3f2; }

.hover\:underline-red-5v:hover {
  text-decoration-color: #fff3f2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-10v {
  text-decoration-color: #fde0db; }

.hover\:underline-red-10v:hover {
  text-decoration-color: #fde0db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-20v {
  text-decoration-color: #fdb8ae; }

.hover\:underline-red-20v:hover {
  text-decoration-color: #fdb8ae; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-30v {
  text-decoration-color: #ff8d7b; }

.hover\:underline-red-30v:hover {
  text-decoration-color: #ff8d7b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-40v {
  text-decoration-color: #fb5a47; }

.hover\:underline-red-40v:hover {
  text-decoration-color: #fb5a47; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-50v {
  text-decoration-color: #e52207; }

.hover\:underline-red-50v:hover {
  text-decoration-color: #e52207; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-60v {
  text-decoration-color: #b50909; }

.hover\:underline-red-60v:hover {
  text-decoration-color: #b50909; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-70v {
  text-decoration-color: #8b0a03; }

.hover\:underline-red-70v:hover {
  text-decoration-color: #8b0a03; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-80v {
  text-decoration-color: #5c1111; }

.hover\:underline-red-80v:hover {
  text-decoration-color: #5c1111; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-5 {
  text-decoration-color: #f6efea; }

.hover\:underline-red-warm-5:hover {
  text-decoration-color: #f6efea; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-10 {
  text-decoration-color: #f4e3db; }

.hover\:underline-red-warm-10:hover {
  text-decoration-color: #f4e3db; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-20 {
  text-decoration-color: #ecc0a7; }

.hover\:underline-red-warm-20:hover {
  text-decoration-color: #ecc0a7; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-30 {
  text-decoration-color: #dca081; }

.hover\:underline-red-warm-30:hover {
  text-decoration-color: #dca081; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-40 {
  text-decoration-color: #d27a56; }

.hover\:underline-red-warm-40:hover {
  text-decoration-color: #d27a56; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-50 {
  text-decoration-color: #c3512c; }

.hover\:underline-red-warm-50:hover {
  text-decoration-color: #c3512c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-60 {
  text-decoration-color: #805039; }

.hover\:underline-red-warm-60:hover {
  text-decoration-color: #805039; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-70 {
  text-decoration-color: #524236; }

.hover\:underline-red-warm-70:hover {
  text-decoration-color: #524236; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-80 {
  text-decoration-color: #332d29; }

.hover\:underline-red-warm-80:hover {
  text-decoration-color: #332d29; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-90 {
  text-decoration-color: #1f1c18; }

.hover\:underline-red-warm-90:hover {
  text-decoration-color: #1f1c18; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-5v {
  text-decoration-color: #fff5ee; }

.hover\:underline-red-warm-5v:hover {
  text-decoration-color: #fff5ee; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-10v {
  text-decoration-color: #fce1d4; }

.hover\:underline-red-warm-10v:hover {
  text-decoration-color: #fce1d4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-20v {
  text-decoration-color: #f6bd9c; }

.hover\:underline-red-warm-20v:hover {
  text-decoration-color: #f6bd9c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-30v {
  text-decoration-color: #f39268; }

.hover\:underline-red-warm-30v:hover {
  text-decoration-color: #f39268; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-40v {
  text-decoration-color: #ef5e25; }

.hover\:underline-red-warm-40v:hover {
  text-decoration-color: #ef5e25; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-50v {
  text-decoration-color: #d54309; }

.hover\:underline-red-warm-50v:hover {
  text-decoration-color: #d54309; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-60v {
  text-decoration-color: #9c3d10; }

.hover\:underline-red-warm-60v:hover {
  text-decoration-color: #9c3d10; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-70v {
  text-decoration-color: #63340f; }

.hover\:underline-red-warm-70v:hover {
  text-decoration-color: #63340f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-red-warm-80v {
  text-decoration-color: #3e2a1e; }

.hover\:underline-red-warm-80v:hover {
  text-decoration-color: #3e2a1e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-5 {
  text-decoration-color: #f4f1f9; }

.hover\:underline-violet-5:hover {
  text-decoration-color: #f4f1f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-10 {
  text-decoration-color: #ebe3f9; }

.hover\:underline-violet-10:hover {
  text-decoration-color: #ebe3f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-20 {
  text-decoration-color: #d0c3e9; }

.hover\:underline-violet-20:hover {
  text-decoration-color: #d0c3e9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-30 {
  text-decoration-color: #b8a2e3; }

.hover\:underline-violet-30:hover {
  text-decoration-color: #b8a2e3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-40 {
  text-decoration-color: #9d84d2; }

.hover\:underline-violet-40:hover {
  text-decoration-color: #9d84d2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-50 {
  text-decoration-color: #8168b3; }

.hover\:underline-violet-50:hover {
  text-decoration-color: #8168b3; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-60 {
  text-decoration-color: #665190; }

.hover\:underline-violet-60:hover {
  text-decoration-color: #665190; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-70 {
  text-decoration-color: #4c3d69; }

.hover\:underline-violet-70:hover {
  text-decoration-color: #4c3d69; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-80 {
  text-decoration-color: #312b3f; }

.hover\:underline-violet-80:hover {
  text-decoration-color: #312b3f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-90 {
  text-decoration-color: #18161d; }

.hover\:underline-violet-90:hover {
  text-decoration-color: #18161d; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-5v {
  text-decoration-color: #f7f2ff; }

.hover\:underline-violet-5v:hover {
  text-decoration-color: #f7f2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-10v {
  text-decoration-color: #ede3ff; }

.hover\:underline-violet-10v:hover {
  text-decoration-color: #ede3ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-20v {
  text-decoration-color: #d5bfff; }

.hover\:underline-violet-20v:hover {
  text-decoration-color: #d5bfff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-30v {
  text-decoration-color: #c39deb; }

.hover\:underline-violet-30v:hover {
  text-decoration-color: #c39deb; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-40v {
  text-decoration-color: #ad79e9; }

.hover\:underline-violet-40v:hover {
  text-decoration-color: #ad79e9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-50v {
  text-decoration-color: #9355dc; }

.hover\:underline-violet-50v:hover {
  text-decoration-color: #9355dc; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-60v {
  text-decoration-color: #783cb9; }

.hover\:underline-violet-60v:hover {
  text-decoration-color: #783cb9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-70v {
  text-decoration-color: #54278f; }

.hover\:underline-violet-70v:hover {
  text-decoration-color: #54278f; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-80v {
  text-decoration-color: #39215e; }

.hover\:underline-violet-80v:hover {
  text-decoration-color: #39215e; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-5 {
  text-decoration-color: #f8f0f9; }

.hover\:underline-violet-warm-5:hover {
  text-decoration-color: #f8f0f9; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-10 {
  text-decoration-color: #f6dff8; }

.hover\:underline-violet-warm-10:hover {
  text-decoration-color: #f6dff8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-20 {
  text-decoration-color: #e2bee4; }

.hover\:underline-violet-warm-20:hover {
  text-decoration-color: #e2bee4; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-30 {
  text-decoration-color: #d29ad8; }

.hover\:underline-violet-warm-30:hover {
  text-decoration-color: #d29ad8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-40 {
  text-decoration-color: #bf77c8; }

.hover\:underline-violet-warm-40:hover {
  text-decoration-color: #bf77c8; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-50 {
  text-decoration-color: #b04abd; }

.hover\:underline-violet-warm-50:hover {
  text-decoration-color: #b04abd; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-60 {
  text-decoration-color: #864381; }

.hover\:underline-violet-warm-60:hover {
  text-decoration-color: #864381; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-70 {
  text-decoration-color: #5c395a; }

.hover\:underline-violet-warm-70:hover {
  text-decoration-color: #5c395a; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-80 {
  text-decoration-color: #382936; }

.hover\:underline-violet-warm-80:hover {
  text-decoration-color: #382936; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-90 {
  text-decoration-color: #1b151b; }

.hover\:underline-violet-warm-90:hover {
  text-decoration-color: #1b151b; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-5v {
  text-decoration-color: #fef2ff; }

.hover\:underline-violet-warm-5v:hover {
  text-decoration-color: #fef2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-10v {
  text-decoration-color: #fbdcff; }

.hover\:underline-violet-warm-10v:hover {
  text-decoration-color: #fbdcff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-20v {
  text-decoration-color: #f4b2ff; }

.hover\:underline-violet-warm-20v:hover {
  text-decoration-color: #f4b2ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-30v {
  text-decoration-color: #ee83ff; }

.hover\:underline-violet-warm-30v:hover {
  text-decoration-color: #ee83ff; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-40v {
  text-decoration-color: #d85bef; }

.hover\:underline-violet-warm-40v:hover {
  text-decoration-color: #d85bef; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-50v {
  text-decoration-color: #be32d0; }

.hover\:underline-violet-warm-50v:hover {
  text-decoration-color: #be32d0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-60v {
  text-decoration-color: #93348c; }

.hover\:underline-violet-warm-60v:hover {
  text-decoration-color: #93348c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-70v {
  text-decoration-color: #711e6c; }

.hover\:underline-violet-warm-70v:hover {
  text-decoration-color: #711e6c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-violet-warm-80v {
  text-decoration-color: #481441; }

.hover\:underline-violet-warm-80v:hover {
  text-decoration-color: #481441; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white-transparent-5 {
  text-decoration-color: rgba(255, 255, 255, 0.01); }

.hover\:underline-white-transparent-5:hover {
  text-decoration-color: rgba(255, 255, 255, 0.01); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white-transparent-10 {
  text-decoration-color: rgba(255, 255, 255, 0.1); }

.hover\:underline-white-transparent-10:hover {
  text-decoration-color: rgba(255, 255, 255, 0.1); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white-transparent-20 {
  text-decoration-color: rgba(255, 255, 255, 0.2); }

.hover\:underline-white-transparent-20:hover {
  text-decoration-color: rgba(255, 255, 255, 0.2); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white-transparent-30 {
  text-decoration-color: rgba(255, 255, 255, 0.3); }

.hover\:underline-white-transparent-30:hover {
  text-decoration-color: rgba(255, 255, 255, 0.3); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white-transparent-40 {
  text-decoration-color: rgba(255, 255, 255, 0.4); }

.hover\:underline-white-transparent-40:hover {
  text-decoration-color: rgba(255, 255, 255, 0.4); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white-transparent-50 {
  text-decoration-color: rgba(255, 255, 255, 0.5); }

.hover\:underline-white-transparent-50:hover {
  text-decoration-color: rgba(255, 255, 255, 0.5); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white-transparent-60 {
  text-decoration-color: rgba(255, 255, 255, 0.6); }

.hover\:underline-white-transparent-60:hover {
  text-decoration-color: rgba(255, 255, 255, 0.6); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white-transparent-70 {
  text-decoration-color: rgba(255, 255, 255, 0.7); }

.hover\:underline-white-transparent-70:hover {
  text-decoration-color: rgba(255, 255, 255, 0.7); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white-transparent-80 {
  text-decoration-color: rgba(255, 255, 255, 0.8); }

.hover\:underline-white-transparent-80:hover {
  text-decoration-color: rgba(255, 255, 255, 0.8); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-white-transparent-90 {
  text-decoration-color: rgba(255, 255, 255, 0.9); }

.hover\:underline-white-transparent-90:hover {
  text-decoration-color: rgba(255, 255, 255, 0.9); }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-5 {
  text-decoration-color: #faf3d1; }

.hover\:underline-yellow-5:hover {
  text-decoration-color: #faf3d1; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-10 {
  text-decoration-color: #f5e6af; }

.hover\:underline-yellow-10:hover {
  text-decoration-color: #f5e6af; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-20 {
  text-decoration-color: #e6c74c; }

.hover\:underline-yellow-20:hover {
  text-decoration-color: #e6c74c; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-30 {
  text-decoration-color: #c9ab48; }

.hover\:underline-yellow-30:hover {
  text-decoration-color: #c9ab48; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-40 {
  text-decoration-color: #a88f48; }

.hover\:underline-yellow-40:hover {
  text-decoration-color: #a88f48; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-50 {
  text-decoration-color: #8a7237; }

.hover\:underline-yellow-50:hover {
  text-decoration-color: #8a7237; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-60 {
  text-decoration-color: #6b5a39; }

.hover\:underline-yellow-60:hover {
  text-decoration-color: #6b5a39; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-70 {
  text-decoration-color: #504332; }

.hover\:underline-yellow-70:hover {
  text-decoration-color: #504332; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-80 {
  text-decoration-color: #332d27; }

.hover\:underline-yellow-80:hover {
  text-decoration-color: #332d27; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-90 {
  text-decoration-color: #1a1614; }

.hover\:underline-yellow-90:hover {
  text-decoration-color: #1a1614; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-5v {
  text-decoration-color: #fff5c2; }

.hover\:underline-yellow-5v:hover {
  text-decoration-color: #fff5c2; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-10v {
  text-decoration-color: #fee685; }

.hover\:underline-yellow-10v:hover {
  text-decoration-color: #fee685; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-20v {
  text-decoration-color: #face00; }

.hover\:underline-yellow-20v:hover {
  text-decoration-color: #face00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-30v {
  text-decoration-color: #ddaa01; }

.hover\:underline-yellow-30v:hover {
  text-decoration-color: #ddaa01; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-40v {
  text-decoration-color: #b38c00; }

.hover\:underline-yellow-40v:hover {
  text-decoration-color: #b38c00; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-50v {
  text-decoration-color: #947100; }

.hover\:underline-yellow-50v:hover {
  text-decoration-color: #947100; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-60v {
  text-decoration-color: #776017; }

.hover\:underline-yellow-60v:hover {
  text-decoration-color: #776017; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-70v {
  text-decoration-color: #5c4809; }

.hover\:underline-yellow-70v:hover {
  text-decoration-color: #5c4809; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.underline-yellow-80v {
  text-decoration-color: #422d19; }

.hover\:underline-yellow-80v:hover {
  text-decoration-color: #422d19; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-0 {
  text-indent: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-05 {
  text-indent: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-1 {
  text-indent: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-105 {
  text-indent: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-2 {
  text-indent: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-205 {
  text-indent: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-3 {
  text-indent: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-05 {
  text-indent: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-1 {
  text-indent: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-105 {
  text-indent: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-2 {
  text-indent: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-205 {
  text-indent: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-3 {
  text-indent: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-4 {
  text-indent: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-5 {
  text-indent: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-6 {
  text-indent: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-7 {
  text-indent: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-8 {
  text-indent: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-9 {
  text-indent: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-10 {
  text-indent: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-15 {
  text-indent: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-4 {
  text-indent: -2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-5 {
  text-indent: -2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-6 {
  text-indent: -3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-7 {
  text-indent: -3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-8 {
  text-indent: -4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-9 {
  text-indent: -4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-10 {
  text-indent: -5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-indent-neg-15 {
  text-indent: -7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-uppercase {
  text-transform: uppercase; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-no-uppercase {
  text-transform: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-lowercase {
  text-transform: lowercase; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-no-lowercase {
  text-transform: none; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-capitalize {
  text-transform: capitalize; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-1px {
  top: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-2px {
  top: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-05 {
  top: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-1 {
  top: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-105 {
  top: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-2 {
  top: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-205 {
  top: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-3 {
  top: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-neg-1px {
  top: -1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-neg-2px {
  top: -2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-neg-05 {
  top: -0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-neg-1 {
  top: -0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-neg-105 {
  top: -0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-neg-2 {
  top: -1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-neg-205 {
  top: -1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-neg-3 {
  top: -1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-0 {
  top: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.top-auto {
  top: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-baseline {
  vertical-align: baseline; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-bottom {
  vertical-align: bottom; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-middle {
  vertical-align: middle; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-sub {
  vertical-align: sub; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-super {
  vertical-align: super; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-tbottom {
  vertical-align: text-bottom; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-ttop {
  vertical-align: text-top; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-top {
  vertical-align: top; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-pre {
  white-space: pre; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-pre-line {
  white-space: pre-line; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-pre-wrap {
  white-space: pre-wrap; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-wrap {
  white-space: normal; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.text-no-wrap {
  white-space: nowrap; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-1px {
  width: 1px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-2px {
  width: 2px; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-05 {
  width: 0.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-1 {
  width: 0.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-105 {
  width: 0.75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-2 {
  width: 1rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-205 {
  width: 1.25rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-3 {
  width: 1.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-4 {
  width: 2rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-5 {
  width: 2.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-6 {
  width: 3rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-7 {
  width: 3.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-8 {
  width: 4rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-9 {
  width: 4.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-10 {
  width: 5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-15 {
  width: 7.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-card {
  width: 10rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-card-lg {
  width: 15rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-mobile {
  width: 20rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-mobile-lg {
  width: 30rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-tablet {
  width: 40rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-tablet-lg {
  width: 55rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-desktop {
  width: 64rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-desktop-lg {
  width: 75rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-widescreen {
  width: 87.5rem; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-0 {
  width: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-full {
  width: 100%; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.width-auto {
  width: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.z-auto {
  z-index: auto; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.z-bottom {
  z-index: -100; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.z-top {
  z-index: 99999; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.z-0 {
  z-index: 0; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.z-100 {
  z-index: 100; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.z-200 {
  z-index: 200; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.z-300 {
  z-index: 300; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.z-400 {
  z-index: 400; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
.z-500 {
  z-index: 500; }

/*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
@media all and (min-width: 20em) {
  .mobile\:border-1px {
    border: 1px solid; }
  .mobile\:hover\:border-1px:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-y-1px {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .mobile\:hover\:border-y-1px:hover {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-x-1px {
    border-left: 1px solid;
    border-right: 1px solid; }
  .mobile\:hover\:border-x-1px:hover {
    border-left: 1px solid;
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-top-1px {
    border-top: 1px solid; }
  .mobile\:hover\:border-top-1px:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-right-1px {
    border-right: 1px solid; }
  .mobile\:hover\:border-right-1px:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-bottom-1px {
    border-bottom: 1px solid; }
  .mobile\:hover\:border-bottom-1px:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-left-1px {
    border-left: 1px solid; }
  .mobile\:hover\:border-left-1px:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-2px {
    border: 2px solid; }
  .mobile\:hover\:border-2px:hover {
    border: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-y-2px {
    border-top: 2px solid;
    border-bottom: 2px solid; }
  .mobile\:hover\:border-y-2px:hover {
    border-top: 2px solid;
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-x-2px {
    border-left: 2px solid;
    border-right: 2px solid; }
  .mobile\:hover\:border-x-2px:hover {
    border-left: 2px solid;
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-top-2px {
    border-top: 2px solid; }
  .mobile\:hover\:border-top-2px:hover {
    border-top: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-right-2px {
    border-right: 2px solid; }
  .mobile\:hover\:border-right-2px:hover {
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-bottom-2px {
    border-bottom: 2px solid; }
  .mobile\:hover\:border-bottom-2px:hover {
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-left-2px {
    border-left: 2px solid; }
  .mobile\:hover\:border-left-2px:hover {
    border-left: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-05 {
    border: 0.25rem solid; }
  .mobile\:hover\:border-05:hover {
    border: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-y-05 {
    border-top: 0.25rem solid;
    border-bottom: 0.25rem solid; }
  .mobile\:hover\:border-y-05:hover {
    border-top: 0.25rem solid;
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-x-05 {
    border-left: 0.25rem solid;
    border-right: 0.25rem solid; }
  .mobile\:hover\:border-x-05:hover {
    border-left: 0.25rem solid;
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-top-05 {
    border-top: 0.25rem solid; }
  .mobile\:hover\:border-top-05:hover {
    border-top: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-right-05 {
    border-right: 0.25rem solid; }
  .mobile\:hover\:border-right-05:hover {
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-bottom-05 {
    border-bottom: 0.25rem solid; }
  .mobile\:hover\:border-bottom-05:hover {
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-left-05 {
    border-left: 0.25rem solid; }
  .mobile\:hover\:border-left-05:hover {
    border-left: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-1 {
    border: 0.5rem solid; }
  .mobile\:hover\:border-1:hover {
    border: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-y-1 {
    border-top: 0.5rem solid;
    border-bottom: 0.5rem solid; }
  .mobile\:hover\:border-y-1:hover {
    border-top: 0.5rem solid;
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-x-1 {
    border-left: 0.5rem solid;
    border-right: 0.5rem solid; }
  .mobile\:hover\:border-x-1:hover {
    border-left: 0.5rem solid;
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-top-1 {
    border-top: 0.5rem solid; }
  .mobile\:hover\:border-top-1:hover {
    border-top: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-right-1 {
    border-right: 0.5rem solid; }
  .mobile\:hover\:border-right-1:hover {
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-bottom-1 {
    border-bottom: 0.5rem solid; }
  .mobile\:hover\:border-bottom-1:hover {
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-left-1 {
    border-left: 0.5rem solid; }
  .mobile\:hover\:border-left-1:hover {
    border-left: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-105 {
    border: 0.75rem solid; }
  .mobile\:hover\:border-105:hover {
    border: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-y-105 {
    border-top: 0.75rem solid;
    border-bottom: 0.75rem solid; }
  .mobile\:hover\:border-y-105:hover {
    border-top: 0.75rem solid;
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-x-105 {
    border-left: 0.75rem solid;
    border-right: 0.75rem solid; }
  .mobile\:hover\:border-x-105:hover {
    border-left: 0.75rem solid;
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-top-105 {
    border-top: 0.75rem solid; }
  .mobile\:hover\:border-top-105:hover {
    border-top: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-right-105 {
    border-right: 0.75rem solid; }
  .mobile\:hover\:border-right-105:hover {
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-bottom-105 {
    border-bottom: 0.75rem solid; }
  .mobile\:hover\:border-bottom-105:hover {
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-left-105 {
    border-left: 0.75rem solid; }
  .mobile\:hover\:border-left-105:hover {
    border-left: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-2 {
    border: 1rem solid; }
  .mobile\:hover\:border-2:hover {
    border: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-y-2 {
    border-top: 1rem solid;
    border-bottom: 1rem solid; }
  .mobile\:hover\:border-y-2:hover {
    border-top: 1rem solid;
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-x-2 {
    border-left: 1rem solid;
    border-right: 1rem solid; }
  .mobile\:hover\:border-x-2:hover {
    border-left: 1rem solid;
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-top-2 {
    border-top: 1rem solid; }
  .mobile\:hover\:border-top-2:hover {
    border-top: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-right-2 {
    border-right: 1rem solid; }
  .mobile\:hover\:border-right-2:hover {
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-bottom-2 {
    border-bottom: 1rem solid; }
  .mobile\:hover\:border-bottom-2:hover {
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-left-2 {
    border-left: 1rem solid; }
  .mobile\:hover\:border-left-2:hover {
    border-left: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-205 {
    border: 1.25rem solid; }
  .mobile\:hover\:border-205:hover {
    border: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-y-205 {
    border-top: 1.25rem solid;
    border-bottom: 1.25rem solid; }
  .mobile\:hover\:border-y-205:hover {
    border-top: 1.25rem solid;
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-x-205 {
    border-left: 1.25rem solid;
    border-right: 1.25rem solid; }
  .mobile\:hover\:border-x-205:hover {
    border-left: 1.25rem solid;
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-top-205 {
    border-top: 1.25rem solid; }
  .mobile\:hover\:border-top-205:hover {
    border-top: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-right-205 {
    border-right: 1.25rem solid; }
  .mobile\:hover\:border-right-205:hover {
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-bottom-205 {
    border-bottom: 1.25rem solid; }
  .mobile\:hover\:border-bottom-205:hover {
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-left-205 {
    border-left: 1.25rem solid; }
  .mobile\:hover\:border-left-205:hover {
    border-left: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-3 {
    border: 1.5rem solid; }
  .mobile\:hover\:border-3:hover {
    border: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-y-3 {
    border-top: 1.5rem solid;
    border-bottom: 1.5rem solid; }
  .mobile\:hover\:border-y-3:hover {
    border-top: 1.5rem solid;
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-x-3 {
    border-left: 1.5rem solid;
    border-right: 1.5rem solid; }
  .mobile\:hover\:border-x-3:hover {
    border-left: 1.5rem solid;
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-top-3 {
    border-top: 1.5rem solid; }
  .mobile\:hover\:border-top-3:hover {
    border-top: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-right-3 {
    border-right: 1.5rem solid; }
  .mobile\:hover\:border-right-3:hover {
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-bottom-3 {
    border-bottom: 1.5rem solid; }
  .mobile\:hover\:border-bottom-3:hover {
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-left-3 {
    border-left: 1.5rem solid; }
  .mobile\:hover\:border-left-3:hover {
    border-left: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-0 {
    border: 0 solid; }
  .mobile\:hover\:border-0:hover {
    border: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-y-0 {
    border-top: 0 solid;
    border-bottom: 0 solid; }
  .mobile\:hover\:border-y-0:hover {
    border-top: 0 solid;
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-x-0 {
    border-left: 0 solid;
    border-right: 0 solid; }
  .mobile\:hover\:border-x-0:hover {
    border-left: 0 solid;
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-top-0 {
    border-top: 0 solid; }
  .mobile\:hover\:border-top-0:hover {
    border-top: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-right-0 {
    border-right: 0 solid; }
  .mobile\:hover\:border-right-0:hover {
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-bottom-0 {
    border-bottom: 0 solid; }
  .mobile\:hover\:border-bottom-0:hover {
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-left-0 {
    border-left: 0 solid; }
  .mobile\:hover\:border-left-0:hover {
    border-left: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border {
    border: 1px solid; }
  .mobile\:hover\:border:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-y {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .mobile\:hover\:border-y:hover {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-x {
    border-left: 1px solid;
    border-right: 1px solid; }
  .mobile\:hover\:border-x:hover {
    border-left: 1px solid;
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-top {
    border-top: 1px solid; }
  .mobile\:hover\:border-top:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-right {
    border-right: 1px solid; }
  .mobile\:hover\:border-right:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-bottom {
    border-bottom: 1px solid; }
  .mobile\:hover\:border-bottom:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-left {
    border-left: 1px solid; }
  .mobile\:hover\:border-left:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-transparent {
    border-color: transparent; }
  .mobile\:hover\:border-transparent:hover {
    border-color: transparent; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black {
    border-color: black; }
  .mobile\:hover\:border-black:hover {
    border-color: black; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white {
    border-color: white; }
  .mobile\:hover\:border-white:hover {
    border-color: white; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-base-lightest {
    border-color: #f0f0f0; }
  .mobile\:hover\:border-base-lightest:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-base-lighter {
    border-color: #dfe1e2; }
  .mobile\:hover\:border-base-lighter:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-base-light {
    border-color: #a9aeb1; }
  .mobile\:hover\:border-base-light:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-base {
    border-color: #71767a; }
  .mobile\:hover\:border-base:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-base-dark {
    border-color: #565c65; }
  .mobile\:hover\:border-base-dark:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-base-darker {
    border-color: #3d4551; }
  .mobile\:hover\:border-base-darker:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-base-darkest {
    border-color: #1b1b1b; }
  .mobile\:hover\:border-base-darkest:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-ink {
    border-color: #1b1b1b; }
  .mobile\:hover\:border-ink:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-primary-lighter {
    border-color: #d9e8f6; }
  .mobile\:hover\:border-primary-lighter:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-primary-light {
    border-color: #73b3e7; }
  .mobile\:hover\:border-primary-light:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-primary {
    border-color: #005ea2; }
  .mobile\:hover\:border-primary:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-primary-vivid {
    border-color: #0050d8; }
  .mobile\:hover\:border-primary-vivid:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-primary-dark {
    border-color: #1a4480; }
  .mobile\:hover\:border-primary-dark:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-primary-darker {
    border-color: #162e51; }
  .mobile\:hover\:border-primary-darker:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-secondary-lighter {
    border-color: #f3e1e4; }
  .mobile\:hover\:border-secondary-lighter:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-secondary-light {
    border-color: #f2938c; }
  .mobile\:hover\:border-secondary-light:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-secondary {
    border-color: #d83933; }
  .mobile\:hover\:border-secondary:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-secondary-vivid {
    border-color: #e41d3d; }
  .mobile\:hover\:border-secondary-vivid:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-secondary-dark {
    border-color: #b50909; }
  .mobile\:hover\:border-secondary-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-secondary-darker {
    border-color: #8b0a03; }
  .mobile\:hover\:border-secondary-darker:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-accent-warm-darker {
    border-color: #775540; }
  .mobile\:hover\:border-accent-warm-darker:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-accent-warm-dark {
    border-color: #c05600; }
  .mobile\:hover\:border-accent-warm-dark:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-accent-warm {
    border-color: #fa9441; }
  .mobile\:hover\:border-accent-warm:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-accent-warm-light {
    border-color: #ffbc78; }
  .mobile\:hover\:border-accent-warm-light:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-accent-warm-lighter {
    border-color: #f2e4d4; }
  .mobile\:hover\:border-accent-warm-lighter:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-accent-cool-darker {
    border-color: #07648d; }
  .mobile\:hover\:border-accent-cool-darker:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-accent-cool-dark {
    border-color: #28a0cb; }
  .mobile\:hover\:border-accent-cool-dark:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-accent-cool {
    border-color: #00bde3; }
  .mobile\:hover\:border-accent-cool:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-accent-cool-light {
    border-color: #97d4ea; }
  .mobile\:hover\:border-accent-cool-light:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-accent-cool-lighter {
    border-color: #e1f3f8; }
  .mobile\:hover\:border-accent-cool-lighter:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-5 {
    border-color: #f0f0f0; }
  .mobile\:hover\:border-gray-5:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-10 {
    border-color: #e6e6e6; }
  .mobile\:hover\:border-gray-10:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-30 {
    border-color: #adadad; }
  .mobile\:hover\:border-gray-30:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-50 {
    border-color: #757575; }
  .mobile\:hover\:border-gray-50:hover {
    border-color: #757575; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-70 {
    border-color: #454545; }
  .mobile\:hover\:border-gray-70:hover {
    border-color: #454545; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-90 {
    border-color: #1b1b1b; }
  .mobile\:hover\:border-gray-90:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-error-lighter {
    border-color: #f4e3db; }
  .mobile\:hover\:border-error-lighter:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-error-light {
    border-color: #f39268; }
  .mobile\:hover\:border-error-light:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-error {
    border-color: #d54309; }
  .mobile\:hover\:border-error:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-error-dark {
    border-color: #b50909; }
  .mobile\:hover\:border-error-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-error-darker {
    border-color: #6f3331; }
  .mobile\:hover\:border-error-darker:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-warning-lighter {
    border-color: #faf3d1; }
  .mobile\:hover\:border-warning-lighter:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-warning-light {
    border-color: #fee685; }
  .mobile\:hover\:border-warning-light:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-warning {
    border-color: #ffbe2e; }
  .mobile\:hover\:border-warning:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-warning-dark {
    border-color: #e5a000; }
  .mobile\:hover\:border-warning-dark:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-warning-darker {
    border-color: #936f38; }
  .mobile\:hover\:border-warning-darker:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-success-lighter {
    border-color: #ecf3ec; }
  .mobile\:hover\:border-success-lighter:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-success-light {
    border-color: #70e17b; }
  .mobile\:hover\:border-success-light:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-success {
    border-color: #00a91c; }
  .mobile\:hover\:border-success:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-success-dark {
    border-color: #008817; }
  .mobile\:hover\:border-success-dark:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-success-darker {
    border-color: #216e1f; }
  .mobile\:hover\:border-success-darker:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-info-lighter {
    border-color: #e7f6f8; }
  .mobile\:hover\:border-info-lighter:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-info-light {
    border-color: #99deea; }
  .mobile\:hover\:border-info-light:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-info {
    border-color: #00bde3; }
  .mobile\:hover\:border-info:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-info-dark {
    border-color: #009ec1; }
  .mobile\:hover\:border-info-dark:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-info-darker {
    border-color: #2e6276; }
  .mobile\:hover\:border-info-darker:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-disabled-light {
    border-color: #e6e6e6; }
  .mobile\:hover\:border-disabled-light:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-disabled {
    border-color: #c9c9c9; }
  .mobile\:hover\:border-disabled:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-disabled-dark {
    border-color: #adadad; }
  .mobile\:hover\:border-disabled-dark:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-emergency {
    border-color: #9c3d10; }
  .mobile\:hover\:border-emergency:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-emergency-dark {
    border-color: #332d29; }
  .mobile\:hover\:border-emergency-dark:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red {
    border-color: #e52207; }
  .mobile\:hover\:border-red:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange {
    border-color: #e66f0e; }
  .mobile\:hover\:border-orange:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold {
    border-color: #ffbe2e; }
  .mobile\:hover\:border-gold:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow {
    border-color: #fee685; }
  .mobile\:hover\:border-yellow:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green {
    border-color: #538200; }
  .mobile\:hover\:border-green:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint {
    border-color: #04c585; }
  .mobile\:hover\:border-mint:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan {
    border-color: #009ec1; }
  .mobile\:hover\:border-cyan:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue {
    border-color: #0076d6; }
  .mobile\:hover\:border-blue:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo {
    border-color: #676cc8; }
  .mobile\:hover\:border-indigo:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet {
    border-color: #8168b3; }
  .mobile\:hover\:border-violet:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta {
    border-color: #d72d79; }
  .mobile\:hover\:border-magenta:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black-transparent-5 {
    border-color: rgba(0, 0, 0, 0.01); }
  .mobile\:hover\:border-black-transparent-5:hover {
    border-color: rgba(0, 0, 0, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black-transparent-10 {
    border-color: rgba(0, 0, 0, 0.1); }
  .mobile\:hover\:border-black-transparent-10:hover {
    border-color: rgba(0, 0, 0, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black-transparent-20 {
    border-color: rgba(0, 0, 0, 0.2); }
  .mobile\:hover\:border-black-transparent-20:hover {
    border-color: rgba(0, 0, 0, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black-transparent-30 {
    border-color: rgba(0, 0, 0, 0.3); }
  .mobile\:hover\:border-black-transparent-30:hover {
    border-color: rgba(0, 0, 0, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black-transparent-40 {
    border-color: rgba(0, 0, 0, 0.4); }
  .mobile\:hover\:border-black-transparent-40:hover {
    border-color: rgba(0, 0, 0, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black-transparent-50 {
    border-color: rgba(0, 0, 0, 0.5); }
  .mobile\:hover\:border-black-transparent-50:hover {
    border-color: rgba(0, 0, 0, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black-transparent-60 {
    border-color: rgba(0, 0, 0, 0.6); }
  .mobile\:hover\:border-black-transparent-60:hover {
    border-color: rgba(0, 0, 0, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black-transparent-70 {
    border-color: rgba(0, 0, 0, 0.7); }
  .mobile\:hover\:border-black-transparent-70:hover {
    border-color: rgba(0, 0, 0, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black-transparent-80 {
    border-color: rgba(0, 0, 0, 0.8); }
  .mobile\:hover\:border-black-transparent-80:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-black-transparent-90 {
    border-color: rgba(0, 0, 0, 0.9); }
  .mobile\:hover\:border-black-transparent-90:hover {
    border-color: rgba(0, 0, 0, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-1 {
    border-color: #fbfcfd; }
  .mobile\:hover\:border-gray-cool-1:hover {
    border-color: #fbfcfd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-2 {
    border-color: #f7f9fa; }
  .mobile\:hover\:border-gray-cool-2:hover {
    border-color: #f7f9fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-3 {
    border-color: #f5f6f7; }
  .mobile\:hover\:border-gray-cool-3:hover {
    border-color: #f5f6f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-4 {
    border-color: #f1f3f6; }
  .mobile\:hover\:border-gray-cool-4:hover {
    border-color: #f1f3f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-5 {
    border-color: #edeff0; }
  .mobile\:hover\:border-gray-cool-5:hover {
    border-color: #edeff0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-10 {
    border-color: #dfe1e2; }
  .mobile\:hover\:border-gray-cool-10:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-20 {
    border-color: #c6cace; }
  .mobile\:hover\:border-gray-cool-20:hover {
    border-color: #c6cace; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-30 {
    border-color: #a9aeb1; }
  .mobile\:hover\:border-gray-cool-30:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-40 {
    border-color: #8d9297; }
  .mobile\:hover\:border-gray-cool-40:hover {
    border-color: #8d9297; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-50 {
    border-color: #71767a; }
  .mobile\:hover\:border-gray-cool-50:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-60 {
    border-color: #565c65; }
  .mobile\:hover\:border-gray-cool-60:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-70 {
    border-color: #3d4551; }
  .mobile\:hover\:border-gray-cool-70:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-80 {
    border-color: #2d2e2f; }
  .mobile\:hover\:border-gray-cool-80:hover {
    border-color: #2d2e2f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-cool-90 {
    border-color: #1c1d1f; }
  .mobile\:hover\:border-gray-cool-90:hover {
    border-color: #1c1d1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-1 {
    border-color: #fcfcfc; }
  .mobile\:hover\:border-gray-1:hover {
    border-color: #fcfcfc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-2 {
    border-color: #f9f9f9; }
  .mobile\:hover\:border-gray-2:hover {
    border-color: #f9f9f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-3 {
    border-color: #f6f6f6; }
  .mobile\:hover\:border-gray-3:hover {
    border-color: #f6f6f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-4 {
    border-color: #f3f3f3; }
  .mobile\:hover\:border-gray-4:hover {
    border-color: #f3f3f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-20 {
    border-color: #c9c9c9; }
  .mobile\:hover\:border-gray-20:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-40 {
    border-color: #919191; }
  .mobile\:hover\:border-gray-40:hover {
    border-color: #919191; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-60 {
    border-color: #5c5c5c; }
  .mobile\:hover\:border-gray-60:hover {
    border-color: #5c5c5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-80 {
    border-color: #2e2e2e; }
  .mobile\:hover\:border-gray-80:hover {
    border-color: #2e2e2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-1 {
    border-color: #fcfcfb; }
  .mobile\:hover\:border-gray-warm-1:hover {
    border-color: #fcfcfb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-2 {
    border-color: #f9f9f7; }
  .mobile\:hover\:border-gray-warm-2:hover {
    border-color: #f9f9f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-3 {
    border-color: #f6f6f2; }
  .mobile\:hover\:border-gray-warm-3:hover {
    border-color: #f6f6f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-4 {
    border-color: #f5f5f0; }
  .mobile\:hover\:border-gray-warm-4:hover {
    border-color: #f5f5f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-5 {
    border-color: #f0f0ec; }
  .mobile\:hover\:border-gray-warm-5:hover {
    border-color: #f0f0ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-10 {
    border-color: #e6e6e2; }
  .mobile\:hover\:border-gray-warm-10:hover {
    border-color: #e6e6e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-20 {
    border-color: #cac9c0; }
  .mobile\:hover\:border-gray-warm-20:hover {
    border-color: #cac9c0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-30 {
    border-color: #afaea2; }
  .mobile\:hover\:border-gray-warm-30:hover {
    border-color: #afaea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-40 {
    border-color: #929285; }
  .mobile\:hover\:border-gray-warm-40:hover {
    border-color: #929285; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-50 {
    border-color: #76766a; }
  .mobile\:hover\:border-gray-warm-50:hover {
    border-color: #76766a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-60 {
    border-color: #5d5d52; }
  .mobile\:hover\:border-gray-warm-60:hover {
    border-color: #5d5d52; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-70 {
    border-color: #454540; }
  .mobile\:hover\:border-gray-warm-70:hover {
    border-color: #454540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-80 {
    border-color: #2e2e2a; }
  .mobile\:hover\:border-gray-warm-80:hover {
    border-color: #2e2e2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gray-warm-90 {
    border-color: #171716; }
  .mobile\:hover\:border-gray-warm-90:hover {
    border-color: #171716; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-5 {
    border-color: #e7f2f5; }
  .mobile\:hover\:border-blue-cool-5:hover {
    border-color: #e7f2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-10 {
    border-color: #dae9ee; }
  .mobile\:hover\:border-blue-cool-10:hover {
    border-color: #dae9ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-20 {
    border-color: #adcfdc; }
  .mobile\:hover\:border-blue-cool-20:hover {
    border-color: #adcfdc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-30 {
    border-color: #82b4c9; }
  .mobile\:hover\:border-blue-cool-30:hover {
    border-color: #82b4c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-40 {
    border-color: #6499af; }
  .mobile\:hover\:border-blue-cool-40:hover {
    border-color: #6499af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-50 {
    border-color: #3a7d95; }
  .mobile\:hover\:border-blue-cool-50:hover {
    border-color: #3a7d95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-60 {
    border-color: #2e6276; }
  .mobile\:hover\:border-blue-cool-60:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-70 {
    border-color: #224a58; }
  .mobile\:hover\:border-blue-cool-70:hover {
    border-color: #224a58; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-80 {
    border-color: #14333d; }
  .mobile\:hover\:border-blue-cool-80:hover {
    border-color: #14333d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-90 {
    border-color: #0f191c; }
  .mobile\:hover\:border-blue-cool-90:hover {
    border-color: #0f191c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-5v {
    border-color: #e1f3f8; }
  .mobile\:hover\:border-blue-cool-5v:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-10v {
    border-color: #c3ebfa; }
  .mobile\:hover\:border-blue-cool-10v:hover {
    border-color: #c3ebfa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-20v {
    border-color: #97d4ea; }
  .mobile\:hover\:border-blue-cool-20v:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-30v {
    border-color: #59b9de; }
  .mobile\:hover\:border-blue-cool-30v:hover {
    border-color: #59b9de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-40v {
    border-color: #28a0cb; }
  .mobile\:hover\:border-blue-cool-40v:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-50v {
    border-color: #0d7ea2; }
  .mobile\:hover\:border-blue-cool-50v:hover {
    border-color: #0d7ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-60v {
    border-color: #07648d; }
  .mobile\:hover\:border-blue-cool-60v:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-70v {
    border-color: #074b69; }
  .mobile\:hover\:border-blue-cool-70v:hover {
    border-color: #074b69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-cool-80v {
    border-color: #002d3f; }
  .mobile\:hover\:border-blue-cool-80v:hover {
    border-color: #002d3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-5 {
    border-color: #eff6fb; }
  .mobile\:hover\:border-blue-5:hover {
    border-color: #eff6fb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-10 {
    border-color: #d9e8f6; }
  .mobile\:hover\:border-blue-10:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-20 {
    border-color: #aacdec; }
  .mobile\:hover\:border-blue-20:hover {
    border-color: #aacdec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-30 {
    border-color: #73b3e7; }
  .mobile\:hover\:border-blue-30:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-40 {
    border-color: #4f97d1; }
  .mobile\:hover\:border-blue-40:hover {
    border-color: #4f97d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-50 {
    border-color: #2378c3; }
  .mobile\:hover\:border-blue-50:hover {
    border-color: #2378c3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-60 {
    border-color: #2c608a; }
  .mobile\:hover\:border-blue-60:hover {
    border-color: #2c608a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-70 {
    border-color: #274863; }
  .mobile\:hover\:border-blue-70:hover {
    border-color: #274863; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-80 {
    border-color: #1f303e; }
  .mobile\:hover\:border-blue-80:hover {
    border-color: #1f303e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-90 {
    border-color: #11181d; }
  .mobile\:hover\:border-blue-90:hover {
    border-color: #11181d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-5v {
    border-color: #e8f5ff; }
  .mobile\:hover\:border-blue-5v:hover {
    border-color: #e8f5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-10v {
    border-color: #cfe8ff; }
  .mobile\:hover\:border-blue-10v:hover {
    border-color: #cfe8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-20v {
    border-color: #a1d3ff; }
  .mobile\:hover\:border-blue-20v:hover {
    border-color: #a1d3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-30v {
    border-color: #58b4ff; }
  .mobile\:hover\:border-blue-30v:hover {
    border-color: #58b4ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-40v {
    border-color: #2491ff; }
  .mobile\:hover\:border-blue-40v:hover {
    border-color: #2491ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-50v {
    border-color: #0076d6; }
  .mobile\:hover\:border-blue-50v:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-60v {
    border-color: #005ea2; }
  .mobile\:hover\:border-blue-60v:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-70v {
    border-color: #0b4778; }
  .mobile\:hover\:border-blue-70v:hover {
    border-color: #0b4778; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-80v {
    border-color: #112f4e; }
  .mobile\:hover\:border-blue-80v:hover {
    border-color: #112f4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-5 {
    border-color: #ecf1f7; }
  .mobile\:hover\:border-blue-warm-5:hover {
    border-color: #ecf1f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-10 {
    border-color: #e1e7f1; }
  .mobile\:hover\:border-blue-warm-10:hover {
    border-color: #e1e7f1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-20 {
    border-color: #bbcae4; }
  .mobile\:hover\:border-blue-warm-20:hover {
    border-color: #bbcae4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-30 {
    border-color: #98afd2; }
  .mobile\:hover\:border-blue-warm-30:hover {
    border-color: #98afd2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-40 {
    border-color: #7292c7; }
  .mobile\:hover\:border-blue-warm-40:hover {
    border-color: #7292c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-50 {
    border-color: #4a77b4; }
  .mobile\:hover\:border-blue-warm-50:hover {
    border-color: #4a77b4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-60 {
    border-color: #345d96; }
  .mobile\:hover\:border-blue-warm-60:hover {
    border-color: #345d96; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-70 {
    border-color: #2f4668; }
  .mobile\:hover\:border-blue-warm-70:hover {
    border-color: #2f4668; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-80 {
    border-color: #252f3e; }
  .mobile\:hover\:border-blue-warm-80:hover {
    border-color: #252f3e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-90 {
    border-color: #13171f; }
  .mobile\:hover\:border-blue-warm-90:hover {
    border-color: #13171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-5v {
    border-color: #edf5ff; }
  .mobile\:hover\:border-blue-warm-5v:hover {
    border-color: #edf5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-10v {
    border-color: #d4e5ff; }
  .mobile\:hover\:border-blue-warm-10v:hover {
    border-color: #d4e5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-20v {
    border-color: #adcdff; }
  .mobile\:hover\:border-blue-warm-20v:hover {
    border-color: #adcdff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-30v {
    border-color: #81aefc; }
  .mobile\:hover\:border-blue-warm-30v:hover {
    border-color: #81aefc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-40v {
    border-color: #5994f6; }
  .mobile\:hover\:border-blue-warm-40v:hover {
    border-color: #5994f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-50v {
    border-color: #2672de; }
  .mobile\:hover\:border-blue-warm-50v:hover {
    border-color: #2672de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-60v {
    border-color: #0050d8; }
  .mobile\:hover\:border-blue-warm-60v:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-70v {
    border-color: #1a4480; }
  .mobile\:hover\:border-blue-warm-70v:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-blue-warm-80v {
    border-color: #162e51; }
  .mobile\:hover\:border-blue-warm-80v:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-5 {
    border-color: #e7f6f8; }
  .mobile\:hover\:border-cyan-5:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-10 {
    border-color: #ccecf2; }
  .mobile\:hover\:border-cyan-10:hover {
    border-color: #ccecf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-20 {
    border-color: #99deea; }
  .mobile\:hover\:border-cyan-20:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-30 {
    border-color: #5dc0d1; }
  .mobile\:hover\:border-cyan-30:hover {
    border-color: #5dc0d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-40 {
    border-color: #449dac; }
  .mobile\:hover\:border-cyan-40:hover {
    border-color: #449dac; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-50 {
    border-color: #168092; }
  .mobile\:hover\:border-cyan-50:hover {
    border-color: #168092; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-60 {
    border-color: #2a646d; }
  .mobile\:hover\:border-cyan-60:hover {
    border-color: #2a646d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-70 {
    border-color: #2c4a4e; }
  .mobile\:hover\:border-cyan-70:hover {
    border-color: #2c4a4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-80 {
    border-color: #203133; }
  .mobile\:hover\:border-cyan-80:hover {
    border-color: #203133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-90 {
    border-color: #111819; }
  .mobile\:hover\:border-cyan-90:hover {
    border-color: #111819; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-5v {
    border-color: #e5faff; }
  .mobile\:hover\:border-cyan-5v:hover {
    border-color: #e5faff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-10v {
    border-color: #a8f2ff; }
  .mobile\:hover\:border-cyan-10v:hover {
    border-color: #a8f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-20v {
    border-color: #52daf2; }
  .mobile\:hover\:border-cyan-20v:hover {
    border-color: #52daf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-30v {
    border-color: #00bde3; }
  .mobile\:hover\:border-cyan-30v:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-40v {
    border-color: #009ec1; }
  .mobile\:hover\:border-cyan-40v:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-50v {
    border-color: #0081a1; }
  .mobile\:hover\:border-cyan-50v:hover {
    border-color: #0081a1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-60v {
    border-color: #00687d; }
  .mobile\:hover\:border-cyan-60v:hover {
    border-color: #00687d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-70v {
    border-color: #0e4f5c; }
  .mobile\:hover\:border-cyan-70v:hover {
    border-color: #0e4f5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-cyan-80v {
    border-color: #093b44; }
  .mobile\:hover\:border-cyan-80v:hover {
    border-color: #093b44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-5 {
    border-color: #f5f0e6; }
  .mobile\:hover\:border-gold-5:hover {
    border-color: #f5f0e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-10 {
    border-color: #f1e5cd; }
  .mobile\:hover\:border-gold-10:hover {
    border-color: #f1e5cd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-20 {
    border-color: #dec69a; }
  .mobile\:hover\:border-gold-20:hover {
    border-color: #dec69a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-30 {
    border-color: #c7a97b; }
  .mobile\:hover\:border-gold-30:hover {
    border-color: #c7a97b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-40 {
    border-color: #ad8b65; }
  .mobile\:hover\:border-gold-40:hover {
    border-color: #ad8b65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-50 {
    border-color: #8e704f; }
  .mobile\:hover\:border-gold-50:hover {
    border-color: #8e704f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-60 {
    border-color: #6b5947; }
  .mobile\:hover\:border-gold-60:hover {
    border-color: #6b5947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-70 {
    border-color: #4d4438; }
  .mobile\:hover\:border-gold-70:hover {
    border-color: #4d4438; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-80 {
    border-color: #322d26; }
  .mobile\:hover\:border-gold-80:hover {
    border-color: #322d26; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-90 {
    border-color: #191714; }
  .mobile\:hover\:border-gold-90:hover {
    border-color: #191714; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-5v {
    border-color: #fef0c8; }
  .mobile\:hover\:border-gold-5v:hover {
    border-color: #fef0c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-10v {
    border-color: #ffe396; }
  .mobile\:hover\:border-gold-10v:hover {
    border-color: #ffe396; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-20v {
    border-color: #ffbe2e; }
  .mobile\:hover\:border-gold-20v:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-30v {
    border-color: #e5a000; }
  .mobile\:hover\:border-gold-30v:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-40v {
    border-color: #c2850c; }
  .mobile\:hover\:border-gold-40v:hover {
    border-color: #c2850c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-50v {
    border-color: #936f38; }
  .mobile\:hover\:border-gold-50v:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-60v {
    border-color: #7a591a; }
  .mobile\:hover\:border-gold-60v:hover {
    border-color: #7a591a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-70v {
    border-color: #5c410a; }
  .mobile\:hover\:border-gold-70v:hover {
    border-color: #5c410a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-gold-80v {
    border-color: #3b2b15; }
  .mobile\:hover\:border-gold-80v:hover {
    border-color: #3b2b15; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-5 {
    border-color: #ecf3ec; }
  .mobile\:hover\:border-green-cool-5:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-10 {
    border-color: #dbebde; }
  .mobile\:hover\:border-green-cool-10:hover {
    border-color: #dbebde; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-20 {
    border-color: #b4d0b9; }
  .mobile\:hover\:border-green-cool-20:hover {
    border-color: #b4d0b9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-30 {
    border-color: #86b98e; }
  .mobile\:hover\:border-green-cool-30:hover {
    border-color: #86b98e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-40 {
    border-color: #5e9f69; }
  .mobile\:hover\:border-green-cool-40:hover {
    border-color: #5e9f69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-50 {
    border-color: #4d8055; }
  .mobile\:hover\:border-green-cool-50:hover {
    border-color: #4d8055; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-60 {
    border-color: #446443; }
  .mobile\:hover\:border-green-cool-60:hover {
    border-color: #446443; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-70 {
    border-color: #37493b; }
  .mobile\:hover\:border-green-cool-70:hover {
    border-color: #37493b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-80 {
    border-color: #28312a; }
  .mobile\:hover\:border-green-cool-80:hover {
    border-color: #28312a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-90 {
    border-color: #1a1f1a; }
  .mobile\:hover\:border-green-cool-90:hover {
    border-color: #1a1f1a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-5v {
    border-color: #e3f5e1; }
  .mobile\:hover\:border-green-cool-5v:hover {
    border-color: #e3f5e1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-10v {
    border-color: #b7f5bd; }
  .mobile\:hover\:border-green-cool-10v:hover {
    border-color: #b7f5bd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-20v {
    border-color: #70e17b; }
  .mobile\:hover\:border-green-cool-20v:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-30v {
    border-color: #21c834; }
  .mobile\:hover\:border-green-cool-30v:hover {
    border-color: #21c834; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-40v {
    border-color: #00a91c; }
  .mobile\:hover\:border-green-cool-40v:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-50v {
    border-color: #008817; }
  .mobile\:hover\:border-green-cool-50v:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-60v {
    border-color: #216e1f; }
  .mobile\:hover\:border-green-cool-60v:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-70v {
    border-color: #154c21; }
  .mobile\:hover\:border-green-cool-70v:hover {
    border-color: #154c21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-cool-80v {
    border-color: #19311e; }
  .mobile\:hover\:border-green-cool-80v:hover {
    border-color: #19311e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-5 {
    border-color: #eaf4dd; }
  .mobile\:hover\:border-green-5:hover {
    border-color: #eaf4dd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-10 {
    border-color: #dfeacd; }
  .mobile\:hover\:border-green-10:hover {
    border-color: #dfeacd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-20 {
    border-color: #b8d293; }
  .mobile\:hover\:border-green-20:hover {
    border-color: #b8d293; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-30 {
    border-color: #9bb672; }
  .mobile\:hover\:border-green-30:hover {
    border-color: #9bb672; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-40 {
    border-color: #7d9b4e; }
  .mobile\:hover\:border-green-40:hover {
    border-color: #7d9b4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-50 {
    border-color: #607f35; }
  .mobile\:hover\:border-green-50:hover {
    border-color: #607f35; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-60 {
    border-color: #4c6424; }
  .mobile\:hover\:border-green-60:hover {
    border-color: #4c6424; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-70 {
    border-color: #3c4a29; }
  .mobile\:hover\:border-green-70:hover {
    border-color: #3c4a29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-80 {
    border-color: #293021; }
  .mobile\:hover\:border-green-80:hover {
    border-color: #293021; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-90 {
    border-color: #161814; }
  .mobile\:hover\:border-green-90:hover {
    border-color: #161814; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-5v {
    border-color: #ddf9c7; }
  .mobile\:hover\:border-green-5v:hover {
    border-color: #ddf9c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-10v {
    border-color: #c5ee93; }
  .mobile\:hover\:border-green-10v:hover {
    border-color: #c5ee93; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-20v {
    border-color: #98d035; }
  .mobile\:hover\:border-green-20v:hover {
    border-color: #98d035; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-30v {
    border-color: #7fb135; }
  .mobile\:hover\:border-green-30v:hover {
    border-color: #7fb135; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-40v {
    border-color: #719f2a; }
  .mobile\:hover\:border-green-40v:hover {
    border-color: #719f2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-50v {
    border-color: #538200; }
  .mobile\:hover\:border-green-50v:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-60v {
    border-color: #466c04; }
  .mobile\:hover\:border-green-60v:hover {
    border-color: #466c04; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-70v {
    border-color: #2f4a0b; }
  .mobile\:hover\:border-green-70v:hover {
    border-color: #2f4a0b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-80v {
    border-color: #243413; }
  .mobile\:hover\:border-green-80v:hover {
    border-color: #243413; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-5 {
    border-color: #f1f4d7; }
  .mobile\:hover\:border-green-warm-5:hover {
    border-color: #f1f4d7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-10 {
    border-color: #e7eab7; }
  .mobile\:hover\:border-green-warm-10:hover {
    border-color: #e7eab7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-20 {
    border-color: #cbd17a; }
  .mobile\:hover\:border-green-warm-20:hover {
    border-color: #cbd17a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-30 {
    border-color: #a6b557; }
  .mobile\:hover\:border-green-warm-30:hover {
    border-color: #a6b557; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-40 {
    border-color: #8a984b; }
  .mobile\:hover\:border-green-warm-40:hover {
    border-color: #8a984b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-50 {
    border-color: #6f7a41; }
  .mobile\:hover\:border-green-warm-50:hover {
    border-color: #6f7a41; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-60 {
    border-color: #5a5f38; }
  .mobile\:hover\:border-green-warm-60:hover {
    border-color: #5a5f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-70 {
    border-color: #45472f; }
  .mobile\:hover\:border-green-warm-70:hover {
    border-color: #45472f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-80 {
    border-color: #2d2f21; }
  .mobile\:hover\:border-green-warm-80:hover {
    border-color: #2d2f21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-90 {
    border-color: #171712; }
  .mobile\:hover\:border-green-warm-90:hover {
    border-color: #171712; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-5v {
    border-color: #f5fbc1; }
  .mobile\:hover\:border-green-warm-5v:hover {
    border-color: #f5fbc1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-10v {
    border-color: #e7f434; }
  .mobile\:hover\:border-green-warm-10v:hover {
    border-color: #e7f434; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-20v {
    border-color: #c5d30a; }
  .mobile\:hover\:border-green-warm-20v:hover {
    border-color: #c5d30a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-30v {
    border-color: #a3b72c; }
  .mobile\:hover\:border-green-warm-30v:hover {
    border-color: #a3b72c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-40v {
    border-color: #7e9c1d; }
  .mobile\:hover\:border-green-warm-40v:hover {
    border-color: #7e9c1d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-50v {
    border-color: #6a7d00; }
  .mobile\:hover\:border-green-warm-50v:hover {
    border-color: #6a7d00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-60v {
    border-color: #5a6613; }
  .mobile\:hover\:border-green-warm-60v:hover {
    border-color: #5a6613; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-70v {
    border-color: #4b4e10; }
  .mobile\:hover\:border-green-warm-70v:hover {
    border-color: #4b4e10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-green-warm-80v {
    border-color: #38380b; }
  .mobile\:hover\:border-green-warm-80v:hover {
    border-color: #38380b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-5 {
    border-color: #eef0f9; }
  .mobile\:hover\:border-indigo-cool-5:hover {
    border-color: #eef0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-10 {
    border-color: #e1e6f9; }
  .mobile\:hover\:border-indigo-cool-10:hover {
    border-color: #e1e6f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-20 {
    border-color: #bbc8f5; }
  .mobile\:hover\:border-indigo-cool-20:hover {
    border-color: #bbc8f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-30 {
    border-color: #96abee; }
  .mobile\:hover\:border-indigo-cool-30:hover {
    border-color: #96abee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-40 {
    border-color: #6b8ee8; }
  .mobile\:hover\:border-indigo-cool-40:hover {
    border-color: #6b8ee8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-50 {
    border-color: #496fd8; }
  .mobile\:hover\:border-indigo-cool-50:hover {
    border-color: #496fd8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-60 {
    border-color: #3f57a6; }
  .mobile\:hover\:border-indigo-cool-60:hover {
    border-color: #3f57a6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-70 {
    border-color: #374274; }
  .mobile\:hover\:border-indigo-cool-70:hover {
    border-color: #374274; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-80 {
    border-color: #292d42; }
  .mobile\:hover\:border-indigo-cool-80:hover {
    border-color: #292d42; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-90 {
    border-color: #151622; }
  .mobile\:hover\:border-indigo-cool-90:hover {
    border-color: #151622; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-5v {
    border-color: #edf0ff; }
  .mobile\:hover\:border-indigo-cool-5v:hover {
    border-color: #edf0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-10v {
    border-color: #dee5ff; }
  .mobile\:hover\:border-indigo-cool-10v:hover {
    border-color: #dee5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-20v {
    border-color: #b8c8ff; }
  .mobile\:hover\:border-indigo-cool-20v:hover {
    border-color: #b8c8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-30v {
    border-color: #94adff; }
  .mobile\:hover\:border-indigo-cool-30v:hover {
    border-color: #94adff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-40v {
    border-color: #628ef4; }
  .mobile\:hover\:border-indigo-cool-40v:hover {
    border-color: #628ef4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-50v {
    border-color: #4866ff; }
  .mobile\:hover\:border-indigo-cool-50v:hover {
    border-color: #4866ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-60v {
    border-color: #3e4ded; }
  .mobile\:hover\:border-indigo-cool-60v:hover {
    border-color: #3e4ded; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-70v {
    border-color: #222fbf; }
  .mobile\:hover\:border-indigo-cool-70v:hover {
    border-color: #222fbf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-cool-80v {
    border-color: #1b2b85; }
  .mobile\:hover\:border-indigo-cool-80v:hover {
    border-color: #1b2b85; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-5 {
    border-color: #efeff8; }
  .mobile\:hover\:border-indigo-5:hover {
    border-color: #efeff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-10 {
    border-color: #e5e4fa; }
  .mobile\:hover\:border-indigo-10:hover {
    border-color: #e5e4fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-20 {
    border-color: #c5c5f3; }
  .mobile\:hover\:border-indigo-20:hover {
    border-color: #c5c5f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-30 {
    border-color: #a5a8eb; }
  .mobile\:hover\:border-indigo-30:hover {
    border-color: #a5a8eb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-40 {
    border-color: #8889db; }
  .mobile\:hover\:border-indigo-40:hover {
    border-color: #8889db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-50 {
    border-color: #676cc8; }
  .mobile\:hover\:border-indigo-50:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-60 {
    border-color: #4d52af; }
  .mobile\:hover\:border-indigo-60:hover {
    border-color: #4d52af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-70 {
    border-color: #3d4076; }
  .mobile\:hover\:border-indigo-70:hover {
    border-color: #3d4076; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-80 {
    border-color: #2b2c40; }
  .mobile\:hover\:border-indigo-80:hover {
    border-color: #2b2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-90 {
    border-color: #16171f; }
  .mobile\:hover\:border-indigo-90:hover {
    border-color: #16171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-5v {
    border-color: #f0f0ff; }
  .mobile\:hover\:border-indigo-5v:hover {
    border-color: #f0f0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-10v {
    border-color: #e0e0ff; }
  .mobile\:hover\:border-indigo-10v:hover {
    border-color: #e0e0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-20v {
    border-color: #ccceff; }
  .mobile\:hover\:border-indigo-20v:hover {
    border-color: #ccceff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-30v {
    border-color: #a3a7fa; }
  .mobile\:hover\:border-indigo-30v:hover {
    border-color: #a3a7fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-40v {
    border-color: #8289ff; }
  .mobile\:hover\:border-indigo-40v:hover {
    border-color: #8289ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-50v {
    border-color: #656bd7; }
  .mobile\:hover\:border-indigo-50v:hover {
    border-color: #656bd7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-60v {
    border-color: #4a50c4; }
  .mobile\:hover\:border-indigo-60v:hover {
    border-color: #4a50c4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-70v {
    border-color: #3333a3; }
  .mobile\:hover\:border-indigo-70v:hover {
    border-color: #3333a3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-80v {
    border-color: #212463; }
  .mobile\:hover\:border-indigo-80v:hover {
    border-color: #212463; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-5 {
    border-color: #f1eff7; }
  .mobile\:hover\:border-indigo-warm-5:hover {
    border-color: #f1eff7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-10 {
    border-color: #e7e3fa; }
  .mobile\:hover\:border-indigo-warm-10:hover {
    border-color: #e7e3fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-20 {
    border-color: #cbc4f2; }
  .mobile\:hover\:border-indigo-warm-20:hover {
    border-color: #cbc4f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-30 {
    border-color: #afa5e8; }
  .mobile\:hover\:border-indigo-warm-30:hover {
    border-color: #afa5e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-40 {
    border-color: #9287d8; }
  .mobile\:hover\:border-indigo-warm-40:hover {
    border-color: #9287d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-50 {
    border-color: #7665d1; }
  .mobile\:hover\:border-indigo-warm-50:hover {
    border-color: #7665d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-60 {
    border-color: #5e519e; }
  .mobile\:hover\:border-indigo-warm-60:hover {
    border-color: #5e519e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-70 {
    border-color: #453c7b; }
  .mobile\:hover\:border-indigo-warm-70:hover {
    border-color: #453c7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-80 {
    border-color: #2e2c40; }
  .mobile\:hover\:border-indigo-warm-80:hover {
    border-color: #2e2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-90 {
    border-color: #18161d; }
  .mobile\:hover\:border-indigo-warm-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-5v {
    border-color: #f5f2ff; }
  .mobile\:hover\:border-indigo-warm-5v:hover {
    border-color: #f5f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-10v {
    border-color: #e4deff; }
  .mobile\:hover\:border-indigo-warm-10v:hover {
    border-color: #e4deff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-20v {
    border-color: #cfc4fd; }
  .mobile\:hover\:border-indigo-warm-20v:hover {
    border-color: #cfc4fd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-30v {
    border-color: #b69fff; }
  .mobile\:hover\:border-indigo-warm-30v:hover {
    border-color: #b69fff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-40v {
    border-color: #967efb; }
  .mobile\:hover\:border-indigo-warm-40v:hover {
    border-color: #967efb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-50v {
    border-color: #745fe9; }
  .mobile\:hover\:border-indigo-warm-50v:hover {
    border-color: #745fe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-60v {
    border-color: #5942d2; }
  .mobile\:hover\:border-indigo-warm-60v:hover {
    border-color: #5942d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-70v {
    border-color: #3d2c9d; }
  .mobile\:hover\:border-indigo-warm-70v:hover {
    border-color: #3d2c9d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-indigo-warm-80v {
    border-color: #261f5b; }
  .mobile\:hover\:border-indigo-warm-80v:hover {
    border-color: #261f5b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-5 {
    border-color: #f9f0f2; }
  .mobile\:hover\:border-magenta-5:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-10 {
    border-color: #f6e1e8; }
  .mobile\:hover\:border-magenta-10:hover {
    border-color: #f6e1e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-20 {
    border-color: #f0bbcc; }
  .mobile\:hover\:border-magenta-20:hover {
    border-color: #f0bbcc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-30 {
    border-color: #e895b3; }
  .mobile\:hover\:border-magenta-30:hover {
    border-color: #e895b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-40 {
    border-color: #e0699f; }
  .mobile\:hover\:border-magenta-40:hover {
    border-color: #e0699f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-50 {
    border-color: #c84281; }
  .mobile\:hover\:border-magenta-50:hover {
    border-color: #c84281; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-60 {
    border-color: #8b4566; }
  .mobile\:hover\:border-magenta-60:hover {
    border-color: #8b4566; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-70 {
    border-color: #66364b; }
  .mobile\:hover\:border-magenta-70:hover {
    border-color: #66364b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-80 {
    border-color: #402731; }
  .mobile\:hover\:border-magenta-80:hover {
    border-color: #402731; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-90 {
    border-color: #1b1617; }
  .mobile\:hover\:border-magenta-90:hover {
    border-color: #1b1617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-5v {
    border-color: #f9f0f2; }
  .mobile\:hover\:border-magenta-5v:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-10v {
    border-color: #ffddea; }
  .mobile\:hover\:border-magenta-10v:hover {
    border-color: #ffddea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-20v {
    border-color: #ffb4cf; }
  .mobile\:hover\:border-magenta-20v:hover {
    border-color: #ffb4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-30v {
    border-color: #ff87b2; }
  .mobile\:hover\:border-magenta-30v:hover {
    border-color: #ff87b2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-40v {
    border-color: #fd4496; }
  .mobile\:hover\:border-magenta-40v:hover {
    border-color: #fd4496; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-50v {
    border-color: #d72d79; }
  .mobile\:hover\:border-magenta-50v:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-60v {
    border-color: #ab2165; }
  .mobile\:hover\:border-magenta-60v:hover {
    border-color: #ab2165; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-70v {
    border-color: #731f44; }
  .mobile\:hover\:border-magenta-70v:hover {
    border-color: #731f44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-magenta-80v {
    border-color: #4f172e; }
  .mobile\:hover\:border-magenta-80v:hover {
    border-color: #4f172e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-5 {
    border-color: #e0f7f6; }
  .mobile\:hover\:border-mint-cool-5:hover {
    border-color: #e0f7f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-10 {
    border-color: #c4eeeb; }
  .mobile\:hover\:border-mint-cool-10:hover {
    border-color: #c4eeeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-20 {
    border-color: #9bd4cf; }
  .mobile\:hover\:border-mint-cool-20:hover {
    border-color: #9bd4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-30 {
    border-color: #6fbab3; }
  .mobile\:hover\:border-mint-cool-30:hover {
    border-color: #6fbab3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-40 {
    border-color: #4f9e99; }
  .mobile\:hover\:border-mint-cool-40:hover {
    border-color: #4f9e99; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-50 {
    border-color: #40807e; }
  .mobile\:hover\:border-mint-cool-50:hover {
    border-color: #40807e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-60 {
    border-color: #376462; }
  .mobile\:hover\:border-mint-cool-60:hover {
    border-color: #376462; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-70 {
    border-color: #2a4b45; }
  .mobile\:hover\:border-mint-cool-70:hover {
    border-color: #2a4b45; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-80 {
    border-color: #203131; }
  .mobile\:hover\:border-mint-cool-80:hover {
    border-color: #203131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-90 {
    border-color: #111818; }
  .mobile\:hover\:border-mint-cool-90:hover {
    border-color: #111818; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-5v {
    border-color: #d5fbf3; }
  .mobile\:hover\:border-mint-cool-5v:hover {
    border-color: #d5fbf3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-10v {
    border-color: #7efbe1; }
  .mobile\:hover\:border-mint-cool-10v:hover {
    border-color: #7efbe1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-20v {
    border-color: #29e1cb; }
  .mobile\:hover\:border-mint-cool-20v:hover {
    border-color: #29e1cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-30v {
    border-color: #1dc2ae; }
  .mobile\:hover\:border-mint-cool-30v:hover {
    border-color: #1dc2ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-40v {
    border-color: #00a398; }
  .mobile\:hover\:border-mint-cool-40v:hover {
    border-color: #00a398; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-50v {
    border-color: #008480; }
  .mobile\:hover\:border-mint-cool-50v:hover {
    border-color: #008480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-60v {
    border-color: #0f6460; }
  .mobile\:hover\:border-mint-cool-60v:hover {
    border-color: #0f6460; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-70v {
    border-color: #0b4b3f; }
  .mobile\:hover\:border-mint-cool-70v:hover {
    border-color: #0b4b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-cool-80v {
    border-color: #123131; }
  .mobile\:hover\:border-mint-cool-80v:hover {
    border-color: #123131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-5 {
    border-color: #dbf6ed; }
  .mobile\:hover\:border-mint-5:hover {
    border-color: #dbf6ed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-10 {
    border-color: #c7efe2; }
  .mobile\:hover\:border-mint-10:hover {
    border-color: #c7efe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-20 {
    border-color: #92d9bb; }
  .mobile\:hover\:border-mint-20:hover {
    border-color: #92d9bb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-30 {
    border-color: #5abf95; }
  .mobile\:hover\:border-mint-30:hover {
    border-color: #5abf95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-40 {
    border-color: #34a37e; }
  .mobile\:hover\:border-mint-40:hover {
    border-color: #34a37e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-50 {
    border-color: #2e8367; }
  .mobile\:hover\:border-mint-50:hover {
    border-color: #2e8367; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-60 {
    border-color: #286846; }
  .mobile\:hover\:border-mint-60:hover {
    border-color: #286846; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-70 {
    border-color: #204e34; }
  .mobile\:hover\:border-mint-70:hover {
    border-color: #204e34; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-80 {
    border-color: #193324; }
  .mobile\:hover\:border-mint-80:hover {
    border-color: #193324; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-90 {
    border-color: #0d1a12; }
  .mobile\:hover\:border-mint-90:hover {
    border-color: #0d1a12; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-5v {
    border-color: #c9fbeb; }
  .mobile\:hover\:border-mint-5v:hover {
    border-color: #c9fbeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-10v {
    border-color: #83fcd4; }
  .mobile\:hover\:border-mint-10v:hover {
    border-color: #83fcd4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-20v {
    border-color: #0ceda6; }
  .mobile\:hover\:border-mint-20v:hover {
    border-color: #0ceda6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-30v {
    border-color: #04c585; }
  .mobile\:hover\:border-mint-30v:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-40v {
    border-color: #00a871; }
  .mobile\:hover\:border-mint-40v:hover {
    border-color: #00a871; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-50v {
    border-color: #008659; }
  .mobile\:hover\:border-mint-50v:hover {
    border-color: #008659; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-60v {
    border-color: #146947; }
  .mobile\:hover\:border-mint-60v:hover {
    border-color: #146947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-70v {
    border-color: #0c4e29; }
  .mobile\:hover\:border-mint-70v:hover {
    border-color: #0c4e29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-mint-80v {
    border-color: #0d351e; }
  .mobile\:hover\:border-mint-80v:hover {
    border-color: #0d351e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-5 {
    border-color: #f6efe9; }
  .mobile\:hover\:border-orange-5:hover {
    border-color: #f6efe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-10 {
    border-color: #f2e4d4; }
  .mobile\:hover\:border-orange-10:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-20 {
    border-color: #f3bf90; }
  .mobile\:hover\:border-orange-20:hover {
    border-color: #f3bf90; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-30 {
    border-color: #f09860; }
  .mobile\:hover\:border-orange-30:hover {
    border-color: #f09860; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-40 {
    border-color: #dd7533; }
  .mobile\:hover\:border-orange-40:hover {
    border-color: #dd7533; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-50 {
    border-color: #a86437; }
  .mobile\:hover\:border-orange-50:hover {
    border-color: #a86437; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-60 {
    border-color: #775540; }
  .mobile\:hover\:border-orange-60:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-70 {
    border-color: #524236; }
  .mobile\:hover\:border-orange-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-80 {
    border-color: #332d27; }
  .mobile\:hover\:border-orange-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-90 {
    border-color: #1b1614; }
  .mobile\:hover\:border-orange-90:hover {
    border-color: #1b1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-5v {
    border-color: #fef2e4; }
  .mobile\:hover\:border-orange-5v:hover {
    border-color: #fef2e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-10v {
    border-color: #fce2c5; }
  .mobile\:hover\:border-orange-10v:hover {
    border-color: #fce2c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-20v {
    border-color: #ffbc78; }
  .mobile\:hover\:border-orange-20v:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-30v {
    border-color: #fa9441; }
  .mobile\:hover\:border-orange-30v:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-40v {
    border-color: #e66f0e; }
  .mobile\:hover\:border-orange-40v:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-50v {
    border-color: #c05600; }
  .mobile\:hover\:border-orange-50v:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-60v {
    border-color: #8c471c; }
  .mobile\:hover\:border-orange-60v:hover {
    border-color: #8c471c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-70v {
    border-color: #5f3617; }
  .mobile\:hover\:border-orange-70v:hover {
    border-color: #5f3617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-80v {
    border-color: #352313; }
  .mobile\:hover\:border-orange-80v:hover {
    border-color: #352313; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-5 {
    border-color: #faeee5; }
  .mobile\:hover\:border-orange-warm-5:hover {
    border-color: #faeee5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-10 {
    border-color: #fbe0d0; }
  .mobile\:hover\:border-orange-warm-10:hover {
    border-color: #fbe0d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-20 {
    border-color: #f7bca2; }
  .mobile\:hover\:border-orange-warm-20:hover {
    border-color: #f7bca2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-30 {
    border-color: #f3966d; }
  .mobile\:hover\:border-orange-warm-30:hover {
    border-color: #f3966d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-40 {
    border-color: #e17141; }
  .mobile\:hover\:border-orange-warm-40:hover {
    border-color: #e17141; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-50 {
    border-color: #bd5727; }
  .mobile\:hover\:border-orange-warm-50:hover {
    border-color: #bd5727; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-60 {
    border-color: #914734; }
  .mobile\:hover\:border-orange-warm-60:hover {
    border-color: #914734; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-70 {
    border-color: #633a32; }
  .mobile\:hover\:border-orange-warm-70:hover {
    border-color: #633a32; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-80 {
    border-color: #3d2925; }
  .mobile\:hover\:border-orange-warm-80:hover {
    border-color: #3d2925; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-90 {
    border-color: #1c1615; }
  .mobile\:hover\:border-orange-warm-90:hover {
    border-color: #1c1615; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-5v {
    border-color: #fff3ea; }
  .mobile\:hover\:border-orange-warm-5v:hover {
    border-color: #fff3ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-10v {
    border-color: #ffe2d1; }
  .mobile\:hover\:border-orange-warm-10v:hover {
    border-color: #ffe2d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-20v {
    border-color: #fbbaa7; }
  .mobile\:hover\:border-orange-warm-20v:hover {
    border-color: #fbbaa7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-30v {
    border-color: #fc906d; }
  .mobile\:hover\:border-orange-warm-30v:hover {
    border-color: #fc906d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-40v {
    border-color: #ff580a; }
  .mobile\:hover\:border-orange-warm-40v:hover {
    border-color: #ff580a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-50v {
    border-color: #cf4900; }
  .mobile\:hover\:border-orange-warm-50v:hover {
    border-color: #cf4900; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-60v {
    border-color: #a72f10; }
  .mobile\:hover\:border-orange-warm-60v:hover {
    border-color: #a72f10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-70v {
    border-color: #782312; }
  .mobile\:hover\:border-orange-warm-70v:hover {
    border-color: #782312; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-orange-warm-80v {
    border-color: #3d231d; }
  .mobile\:hover\:border-orange-warm-80v:hover {
    border-color: #3d231d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-5 {
    border-color: #f8eff1; }
  .mobile\:hover\:border-red-cool-5:hover {
    border-color: #f8eff1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-10 {
    border-color: #f3e1e4; }
  .mobile\:hover\:border-red-cool-10:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-20 {
    border-color: #ecbec6; }
  .mobile\:hover\:border-red-cool-20:hover {
    border-color: #ecbec6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-30 {
    border-color: #e09aa6; }
  .mobile\:hover\:border-red-cool-30:hover {
    border-color: #e09aa6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-40 {
    border-color: #e16b80; }
  .mobile\:hover\:border-red-cool-40:hover {
    border-color: #e16b80; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-50 {
    border-color: #cd425b; }
  .mobile\:hover\:border-red-cool-50:hover {
    border-color: #cd425b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-60 {
    border-color: #9e394b; }
  .mobile\:hover\:border-red-cool-60:hover {
    border-color: #9e394b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-70 {
    border-color: #68363f; }
  .mobile\:hover\:border-red-cool-70:hover {
    border-color: #68363f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-80 {
    border-color: #40282c; }
  .mobile\:hover\:border-red-cool-80:hover {
    border-color: #40282c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-90 {
    border-color: #1e1517; }
  .mobile\:hover\:border-red-cool-90:hover {
    border-color: #1e1517; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-5v {
    border-color: #fff2f5; }
  .mobile\:hover\:border-red-cool-5v:hover {
    border-color: #fff2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-10v {
    border-color: #f8dfe2; }
  .mobile\:hover\:border-red-cool-10v:hover {
    border-color: #f8dfe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-20v {
    border-color: #f8b9c5; }
  .mobile\:hover\:border-red-cool-20v:hover {
    border-color: #f8b9c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-30v {
    border-color: #fd8ba0; }
  .mobile\:hover\:border-red-cool-30v:hover {
    border-color: #fd8ba0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-40v {
    border-color: #f45d79; }
  .mobile\:hover\:border-red-cool-40v:hover {
    border-color: #f45d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-50v {
    border-color: #e41d3d; }
  .mobile\:hover\:border-red-cool-50v:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-60v {
    border-color: #b21d38; }
  .mobile\:hover\:border-red-cool-60v:hover {
    border-color: #b21d38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-70v {
    border-color: #822133; }
  .mobile\:hover\:border-red-cool-70v:hover {
    border-color: #822133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-cool-80v {
    border-color: #4f1c24; }
  .mobile\:hover\:border-red-cool-80v:hover {
    border-color: #4f1c24; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-5 {
    border-color: #f9eeee; }
  .mobile\:hover\:border-red-5:hover {
    border-color: #f9eeee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-10 {
    border-color: #f8e1de; }
  .mobile\:hover\:border-red-10:hover {
    border-color: #f8e1de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-20 {
    border-color: #f7bbb1; }
  .mobile\:hover\:border-red-20:hover {
    border-color: #f7bbb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-30 {
    border-color: #f2938c; }
  .mobile\:hover\:border-red-30:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-40 {
    border-color: #e9695f; }
  .mobile\:hover\:border-red-40:hover {
    border-color: #e9695f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-50 {
    border-color: #d83933; }
  .mobile\:hover\:border-red-50:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-60 {
    border-color: #a23737; }
  .mobile\:hover\:border-red-60:hover {
    border-color: #a23737; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-70 {
    border-color: #6f3331; }
  .mobile\:hover\:border-red-70:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-80 {
    border-color: #3e2927; }
  .mobile\:hover\:border-red-80:hover {
    border-color: #3e2927; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-90 {
    border-color: #1b1616; }
  .mobile\:hover\:border-red-90:hover {
    border-color: #1b1616; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-5v {
    border-color: #fff3f2; }
  .mobile\:hover\:border-red-5v:hover {
    border-color: #fff3f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-10v {
    border-color: #fde0db; }
  .mobile\:hover\:border-red-10v:hover {
    border-color: #fde0db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-20v {
    border-color: #fdb8ae; }
  .mobile\:hover\:border-red-20v:hover {
    border-color: #fdb8ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-30v {
    border-color: #ff8d7b; }
  .mobile\:hover\:border-red-30v:hover {
    border-color: #ff8d7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-40v {
    border-color: #fb5a47; }
  .mobile\:hover\:border-red-40v:hover {
    border-color: #fb5a47; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-50v {
    border-color: #e52207; }
  .mobile\:hover\:border-red-50v:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-60v {
    border-color: #b50909; }
  .mobile\:hover\:border-red-60v:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-70v {
    border-color: #8b0a03; }
  .mobile\:hover\:border-red-70v:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-80v {
    border-color: #5c1111; }
  .mobile\:hover\:border-red-80v:hover {
    border-color: #5c1111; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-5 {
    border-color: #f6efea; }
  .mobile\:hover\:border-red-warm-5:hover {
    border-color: #f6efea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-10 {
    border-color: #f4e3db; }
  .mobile\:hover\:border-red-warm-10:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-20 {
    border-color: #ecc0a7; }
  .mobile\:hover\:border-red-warm-20:hover {
    border-color: #ecc0a7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-30 {
    border-color: #dca081; }
  .mobile\:hover\:border-red-warm-30:hover {
    border-color: #dca081; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-40 {
    border-color: #d27a56; }
  .mobile\:hover\:border-red-warm-40:hover {
    border-color: #d27a56; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-50 {
    border-color: #c3512c; }
  .mobile\:hover\:border-red-warm-50:hover {
    border-color: #c3512c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-60 {
    border-color: #805039; }
  .mobile\:hover\:border-red-warm-60:hover {
    border-color: #805039; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-70 {
    border-color: #524236; }
  .mobile\:hover\:border-red-warm-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-80 {
    border-color: #332d29; }
  .mobile\:hover\:border-red-warm-80:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-90 {
    border-color: #1f1c18; }
  .mobile\:hover\:border-red-warm-90:hover {
    border-color: #1f1c18; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-5v {
    border-color: #fff5ee; }
  .mobile\:hover\:border-red-warm-5v:hover {
    border-color: #fff5ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-10v {
    border-color: #fce1d4; }
  .mobile\:hover\:border-red-warm-10v:hover {
    border-color: #fce1d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-20v {
    border-color: #f6bd9c; }
  .mobile\:hover\:border-red-warm-20v:hover {
    border-color: #f6bd9c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-30v {
    border-color: #f39268; }
  .mobile\:hover\:border-red-warm-30v:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-40v {
    border-color: #ef5e25; }
  .mobile\:hover\:border-red-warm-40v:hover {
    border-color: #ef5e25; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-50v {
    border-color: #d54309; }
  .mobile\:hover\:border-red-warm-50v:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-60v {
    border-color: #9c3d10; }
  .mobile\:hover\:border-red-warm-60v:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-70v {
    border-color: #63340f; }
  .mobile\:hover\:border-red-warm-70v:hover {
    border-color: #63340f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-red-warm-80v {
    border-color: #3e2a1e; }
  .mobile\:hover\:border-red-warm-80v:hover {
    border-color: #3e2a1e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-5 {
    border-color: #f4f1f9; }
  .mobile\:hover\:border-violet-5:hover {
    border-color: #f4f1f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-10 {
    border-color: #ebe3f9; }
  .mobile\:hover\:border-violet-10:hover {
    border-color: #ebe3f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-20 {
    border-color: #d0c3e9; }
  .mobile\:hover\:border-violet-20:hover {
    border-color: #d0c3e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-30 {
    border-color: #b8a2e3; }
  .mobile\:hover\:border-violet-30:hover {
    border-color: #b8a2e3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-40 {
    border-color: #9d84d2; }
  .mobile\:hover\:border-violet-40:hover {
    border-color: #9d84d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-50 {
    border-color: #8168b3; }
  .mobile\:hover\:border-violet-50:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-60 {
    border-color: #665190; }
  .mobile\:hover\:border-violet-60:hover {
    border-color: #665190; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-70 {
    border-color: #4c3d69; }
  .mobile\:hover\:border-violet-70:hover {
    border-color: #4c3d69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-80 {
    border-color: #312b3f; }
  .mobile\:hover\:border-violet-80:hover {
    border-color: #312b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-90 {
    border-color: #18161d; }
  .mobile\:hover\:border-violet-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-5v {
    border-color: #f7f2ff; }
  .mobile\:hover\:border-violet-5v:hover {
    border-color: #f7f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-10v {
    border-color: #ede3ff; }
  .mobile\:hover\:border-violet-10v:hover {
    border-color: #ede3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-20v {
    border-color: #d5bfff; }
  .mobile\:hover\:border-violet-20v:hover {
    border-color: #d5bfff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-30v {
    border-color: #c39deb; }
  .mobile\:hover\:border-violet-30v:hover {
    border-color: #c39deb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-40v {
    border-color: #ad79e9; }
  .mobile\:hover\:border-violet-40v:hover {
    border-color: #ad79e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-50v {
    border-color: #9355dc; }
  .mobile\:hover\:border-violet-50v:hover {
    border-color: #9355dc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-60v {
    border-color: #783cb9; }
  .mobile\:hover\:border-violet-60v:hover {
    border-color: #783cb9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-70v {
    border-color: #54278f; }
  .mobile\:hover\:border-violet-70v:hover {
    border-color: #54278f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-80v {
    border-color: #39215e; }
  .mobile\:hover\:border-violet-80v:hover {
    border-color: #39215e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-5 {
    border-color: #f8f0f9; }
  .mobile\:hover\:border-violet-warm-5:hover {
    border-color: #f8f0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-10 {
    border-color: #f6dff8; }
  .mobile\:hover\:border-violet-warm-10:hover {
    border-color: #f6dff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-20 {
    border-color: #e2bee4; }
  .mobile\:hover\:border-violet-warm-20:hover {
    border-color: #e2bee4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-30 {
    border-color: #d29ad8; }
  .mobile\:hover\:border-violet-warm-30:hover {
    border-color: #d29ad8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-40 {
    border-color: #bf77c8; }
  .mobile\:hover\:border-violet-warm-40:hover {
    border-color: #bf77c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-50 {
    border-color: #b04abd; }
  .mobile\:hover\:border-violet-warm-50:hover {
    border-color: #b04abd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-60 {
    border-color: #864381; }
  .mobile\:hover\:border-violet-warm-60:hover {
    border-color: #864381; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-70 {
    border-color: #5c395a; }
  .mobile\:hover\:border-violet-warm-70:hover {
    border-color: #5c395a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-80 {
    border-color: #382936; }
  .mobile\:hover\:border-violet-warm-80:hover {
    border-color: #382936; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-90 {
    border-color: #1b151b; }
  .mobile\:hover\:border-violet-warm-90:hover {
    border-color: #1b151b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-5v {
    border-color: #fef2ff; }
  .mobile\:hover\:border-violet-warm-5v:hover {
    border-color: #fef2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-10v {
    border-color: #fbdcff; }
  .mobile\:hover\:border-violet-warm-10v:hover {
    border-color: #fbdcff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-20v {
    border-color: #f4b2ff; }
  .mobile\:hover\:border-violet-warm-20v:hover {
    border-color: #f4b2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-30v {
    border-color: #ee83ff; }
  .mobile\:hover\:border-violet-warm-30v:hover {
    border-color: #ee83ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-40v {
    border-color: #d85bef; }
  .mobile\:hover\:border-violet-warm-40v:hover {
    border-color: #d85bef; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-50v {
    border-color: #be32d0; }
  .mobile\:hover\:border-violet-warm-50v:hover {
    border-color: #be32d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-60v {
    border-color: #93348c; }
  .mobile\:hover\:border-violet-warm-60v:hover {
    border-color: #93348c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-70v {
    border-color: #711e6c; }
  .mobile\:hover\:border-violet-warm-70v:hover {
    border-color: #711e6c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-violet-warm-80v {
    border-color: #481441; }
  .mobile\:hover\:border-violet-warm-80v:hover {
    border-color: #481441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white-transparent-5 {
    border-color: rgba(255, 255, 255, 0.01); }
  .mobile\:hover\:border-white-transparent-5:hover {
    border-color: rgba(255, 255, 255, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white-transparent-10 {
    border-color: rgba(255, 255, 255, 0.1); }
  .mobile\:hover\:border-white-transparent-10:hover {
    border-color: rgba(255, 255, 255, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white-transparent-20 {
    border-color: rgba(255, 255, 255, 0.2); }
  .mobile\:hover\:border-white-transparent-20:hover {
    border-color: rgba(255, 255, 255, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white-transparent-30 {
    border-color: rgba(255, 255, 255, 0.3); }
  .mobile\:hover\:border-white-transparent-30:hover {
    border-color: rgba(255, 255, 255, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white-transparent-40 {
    border-color: rgba(255, 255, 255, 0.4); }
  .mobile\:hover\:border-white-transparent-40:hover {
    border-color: rgba(255, 255, 255, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white-transparent-50 {
    border-color: rgba(255, 255, 255, 0.5); }
  .mobile\:hover\:border-white-transparent-50:hover {
    border-color: rgba(255, 255, 255, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white-transparent-60 {
    border-color: rgba(255, 255, 255, 0.6); }
  .mobile\:hover\:border-white-transparent-60:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white-transparent-70 {
    border-color: rgba(255, 255, 255, 0.7); }
  .mobile\:hover\:border-white-transparent-70:hover {
    border-color: rgba(255, 255, 255, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white-transparent-80 {
    border-color: rgba(255, 255, 255, 0.8); }
  .mobile\:hover\:border-white-transparent-80:hover {
    border-color: rgba(255, 255, 255, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-white-transparent-90 {
    border-color: rgba(255, 255, 255, 0.9); }
  .mobile\:hover\:border-white-transparent-90:hover {
    border-color: rgba(255, 255, 255, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-5 {
    border-color: #faf3d1; }
  .mobile\:hover\:border-yellow-5:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-10 {
    border-color: #f5e6af; }
  .mobile\:hover\:border-yellow-10:hover {
    border-color: #f5e6af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-20 {
    border-color: #e6c74c; }
  .mobile\:hover\:border-yellow-20:hover {
    border-color: #e6c74c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-30 {
    border-color: #c9ab48; }
  .mobile\:hover\:border-yellow-30:hover {
    border-color: #c9ab48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-40 {
    border-color: #a88f48; }
  .mobile\:hover\:border-yellow-40:hover {
    border-color: #a88f48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-50 {
    border-color: #8a7237; }
  .mobile\:hover\:border-yellow-50:hover {
    border-color: #8a7237; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-60 {
    border-color: #6b5a39; }
  .mobile\:hover\:border-yellow-60:hover {
    border-color: #6b5a39; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-70 {
    border-color: #504332; }
  .mobile\:hover\:border-yellow-70:hover {
    border-color: #504332; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-80 {
    border-color: #332d27; }
  .mobile\:hover\:border-yellow-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-90 {
    border-color: #1a1614; }
  .mobile\:hover\:border-yellow-90:hover {
    border-color: #1a1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-5v {
    border-color: #fff5c2; }
  .mobile\:hover\:border-yellow-5v:hover {
    border-color: #fff5c2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-10v {
    border-color: #fee685; }
  .mobile\:hover\:border-yellow-10v:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-20v {
    border-color: #face00; }
  .mobile\:hover\:border-yellow-20v:hover {
    border-color: #face00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-30v {
    border-color: #ddaa01; }
  .mobile\:hover\:border-yellow-30v:hover {
    border-color: #ddaa01; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-40v {
    border-color: #b38c00; }
  .mobile\:hover\:border-yellow-40v:hover {
    border-color: #b38c00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-50v {
    border-color: #947100; }
  .mobile\:hover\:border-yellow-50v:hover {
    border-color: #947100; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-60v {
    border-color: #776017; }
  .mobile\:hover\:border-yellow-60v:hover {
    border-color: #776017; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-70v {
    border-color: #5c4809; }
  .mobile\:hover\:border-yellow-70v:hover {
    border-color: #5c4809; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:border-yellow-80v {
    border-color: #422d19; }
  .mobile\:hover\:border-yellow-80v:hover {
    border-color: #422d19; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-0 {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-none {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-top-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-right-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-bottom-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-left-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-sm {
    border-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-top-sm {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-right-sm {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-bottom-sm {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-left-sm {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-md {
    border-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-top-md {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-right-md {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-bottom-md {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-left-md {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-lg {
    border-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-top-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-right-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-bottom-lg {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-left-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-pill {
    border-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-top-pill {
    border-top-left-radius: 99rem;
    border-top-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-right-pill {
    border-top-right-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-bottom-pill {
    border-bottom-left-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:radius-left-pill {
    border-top-left-radius: 99rem;
    border-bottom-left-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:display-block {
    display: block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:display-flex {
    display: flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:display-none {
    display: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:display-inline {
    display: inline; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:display-inline-block {
    display: inline-block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:display-inline-flex {
    display: inline-flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:display-table {
    display: table; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:display-table-cell {
    display: table-cell; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:display-table-row {
    display: table-row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:flex-row {
    flex-direction: row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:flex-column {
    flex-direction: column; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-mono-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-mono-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-mono-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-mono-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-mono-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-mono-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-mono-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-mono-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-mono-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-sans-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-sans-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-sans-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-sans-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-sans-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-sans-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-sans-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-sans-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-sans-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-serif-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-serif-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-serif-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-serif-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-serif-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-serif-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-serif-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-serif-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-serif-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-heading-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-heading-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-heading-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-heading-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-heading-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-heading-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-heading-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-heading-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-heading-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-body-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-body-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-body-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-body-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-body-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-body-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-body-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-body-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-body-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-code-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-code-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-code-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-code-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-code-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-code-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-code-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-code-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-code-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-alt-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-alt-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-alt-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-alt-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-alt-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-alt-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-alt-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-alt-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-alt-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-ui-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-ui-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-ui-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-ui-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-ui-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-ui-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-ui-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-ui-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:font-ui-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:text-light {
    font-weight: 300; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:text-normal {
    font-weight: normal; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:text-bold {
    font-weight: 700; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:flex-justify-center {
    justify-content: center; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:flex-justify-start {
    justify-content: flex-start; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:flex-justify-end {
    justify-content: flex-end; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:flex-justify {
    justify-content: space-between; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-sans-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-sans-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-sans-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-sans-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-sans-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-sans-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-serif-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-serif-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-serif-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-serif-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-serif-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-serif-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-mono-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-mono-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-mono-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-mono-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-mono-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-mono-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-heading-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-heading-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-heading-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-heading-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-heading-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-heading-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-ui-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-ui-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-ui-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-ui-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-ui-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-ui-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-body-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-body-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-body-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-body-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-body-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-body-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-code-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-code-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-code-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-code-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-code-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-code-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-alt-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-alt-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-alt-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-alt-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-alt-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:line-height-alt-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-1px {
    margin: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-2px {
    margin: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-05 {
    margin: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-1 {
    margin: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-105 {
    margin: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-2 {
    margin: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-205 {
    margin: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-3 {
    margin: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-1px {
    margin: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-2px {
    margin: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-05 {
    margin: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-1 {
    margin: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-105 {
    margin: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-2 {
    margin: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-205 {
    margin: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-3 {
    margin: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-4 {
    margin: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-5 {
    margin: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-6 {
    margin: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-7 {
    margin: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-8 {
    margin: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-9 {
    margin: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-10 {
    margin: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-neg-15 {
    margin: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-4 {
    margin: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-5 {
    margin: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-6 {
    margin: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-7 {
    margin: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-8 {
    margin: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-9 {
    margin: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-10 {
    margin: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-15 {
    margin: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-05em {
    margin: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-1em {
    margin: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-105em {
    margin: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-2em {
    margin: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-0 {
    margin: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-1px {
    margin-top: 1px;
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-1px {
    margin-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-1px {
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-2px {
    margin-top: 2px;
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-2px {
    margin-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-2px {
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-05 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-05 {
    margin-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-05 {
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-1 {
    margin-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-1 {
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-105 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-105 {
    margin-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-105 {
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-2 {
    margin-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-2 {
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-205 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-205 {
    margin-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-205 {
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-3 {
    margin-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-3 {
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-1px {
    margin-top: -1px;
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-1px {
    margin-top: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-1px {
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-2px {
    margin-top: -2px;
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-2px {
    margin-top: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-2px {
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-05 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-05 {
    margin-top: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-05 {
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-1 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-1 {
    margin-top: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-1 {
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-105 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-105 {
    margin-top: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-105 {
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-2 {
    margin-top: -1rem;
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-2 {
    margin-top: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-2 {
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-205 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-205 {
    margin-top: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-205 {
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-3 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-3 {
    margin-top: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-3 {
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-4 {
    margin-top: -2rem;
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-4 {
    margin-top: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-4 {
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-5 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-5 {
    margin-top: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-5 {
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-6 {
    margin-top: -3rem;
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-6 {
    margin-top: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-6 {
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-7 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-7 {
    margin-top: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-7 {
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-8 {
    margin-top: -4rem;
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-8 {
    margin-top: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-8 {
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-9 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-9 {
    margin-top: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-9 {
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-10 {
    margin-top: -5rem;
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-10 {
    margin-top: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-10 {
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-neg-15 {
    margin-top: -7.5rem;
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-neg-15 {
    margin-top: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-neg-15 {
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-4 {
    margin-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-4 {
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-5 {
    margin-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-5 {
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-6 {
    margin-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-6 {
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-7 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-7 {
    margin-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-7 {
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-8 {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-8 {
    margin-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-8 {
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-9 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-9 {
    margin-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-9 {
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-10 {
    margin-top: 5rem;
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-10 {
    margin-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-10 {
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-15 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-15 {
    margin-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-15 {
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-05em {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-05em {
    margin-top: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-05em {
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-1em {
    margin-top: 1em;
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-1em {
    margin-top: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-1em {
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-105em {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-105em {
    margin-top: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-105em {
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-2em {
    margin-top: 2em;
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-2em {
    margin-top: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-2em {
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-0 {
    margin-top: 0;
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-0 {
    margin-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-0 {
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-y-auto {
    margin-top: auto;
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-top-auto {
    margin-top: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-bottom-auto {
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-1px {
    margin-left: 1px;
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-1px {
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-1px {
    margin-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-2px {
    margin-left: 2px;
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-2px {
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-2px {
    margin-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-05 {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-05 {
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-05 {
    margin-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-1 {
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-1 {
    margin-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-105 {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-105 {
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-105 {
    margin-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-2 {
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-2 {
    margin-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-205 {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-205 {
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-205 {
    margin-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-3 {
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-3 {
    margin-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-1px {
    margin-left: -1px;
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-1px {
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-1px {
    margin-left: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-2px {
    margin-left: -2px;
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-2px {
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-2px {
    margin-left: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-05 {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-05 {
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-05 {
    margin-left: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-1 {
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-1 {
    margin-left: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-105 {
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-105 {
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-105 {
    margin-left: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-2 {
    margin-left: -1rem;
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-2 {
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-2 {
    margin-left: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-205 {
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-205 {
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-205 {
    margin-left: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-3 {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-3 {
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-3 {
    margin-left: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-4 {
    margin-left: -2rem;
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-4 {
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-4 {
    margin-left: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-5 {
    margin-left: -2.5rem;
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-5 {
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-5 {
    margin-left: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-6 {
    margin-left: -3rem;
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-6 {
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-6 {
    margin-left: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-7 {
    margin-left: -3.5rem;
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-7 {
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-7 {
    margin-left: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-8 {
    margin-left: -4rem;
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-8 {
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-8 {
    margin-left: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-9 {
    margin-left: -4.5rem;
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-9 {
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-9 {
    margin-left: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-10 {
    margin-left: -5rem;
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-10 {
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-10 {
    margin-left: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-neg-15 {
    margin-left: -7.5rem;
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-neg-15 {
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-neg-15 {
    margin-left: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-4 {
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-4 {
    margin-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-5 {
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-5 {
    margin-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-6 {
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-6 {
    margin-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-7 {
    margin-left: 3.5rem;
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-7 {
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-7 {
    margin-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-8 {
    margin-left: 4rem;
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-8 {
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-8 {
    margin-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-9 {
    margin-left: 4.5rem;
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-9 {
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-9 {
    margin-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-10 {
    margin-left: 5rem;
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-10 {
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-10 {
    margin-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-15 {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-15 {
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-15 {
    margin-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-card {
    margin-left: 10rem;
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-card {
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-card {
    margin-left: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-card-lg {
    margin-left: 15rem;
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-card-lg {
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-card-lg {
    margin-left: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-mobile {
    margin-left: 20rem;
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-mobile {
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-mobile {
    margin-left: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-05em {
    margin-left: 0.5em;
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-05em {
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-05em {
    margin-left: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-1em {
    margin-left: 1em;
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-1em {
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-1em {
    margin-left: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-105em {
    margin-left: 1.5em;
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-105em {
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-105em {
    margin-left: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-2em {
    margin-left: 2em;
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-2em {
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-2em {
    margin-left: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-0 {
    margin-left: 0;
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-0 {
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-0 {
    margin-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-x-auto {
    margin-left: auto;
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-right-auto {
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:margin-left-auto {
    margin-left: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:measure-1 {
    max-width: 44ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:measure-2 {
    max-width: 60ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:measure-3 {
    max-width: 64ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:measure-4 {
    max-width: 68ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:measure-5 {
    max-width: 72ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:measure-6 {
    max-width: 88ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:measure-none {
    max-width: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-05 {
    min-width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-1 {
    min-width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-105 {
    min-width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-2 {
    min-width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-205 {
    min-width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-3 {
    min-width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-4 {
    min-width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-5 {
    min-width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-6 {
    min-width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-7 {
    min-width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-8 {
    min-width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-9 {
    min-width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-10 {
    min-width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-15 {
    min-width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-0 {
    min-width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-card {
    min-width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:minw-card-lg {
    min-width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-first {
    order: -1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-last {
    order: 999; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-initial {
    order: initial; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-0 {
    order: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-1 {
    order: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-2 {
    order: 2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-3 {
    order: 3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-4 {
    order: 4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-5 {
    order: 5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-6 {
    order: 6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-7 {
    order: 7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-8 {
    order: 8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-9 {
    order: 9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-10 {
    order: 10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:order-11 {
    order: 11; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-1px {
    padding: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-1px {
    padding-top: 1px;
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-1px {
    padding-left: 1px;
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-1px {
    padding-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-1px {
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-1px {
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-1px {
    padding-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-2px {
    padding: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-2px {
    padding-top: 2px;
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-2px {
    padding-left: 2px;
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-2px {
    padding-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-2px {
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-2px {
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-2px {
    padding-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-05 {
    padding: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-05 {
    padding-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-05 {
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-05 {
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-05 {
    padding-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-1 {
    padding: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-1 {
    padding-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-1 {
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-1 {
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-1 {
    padding-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-105 {
    padding: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-105 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-105 {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-105 {
    padding-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-105 {
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-105 {
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-105 {
    padding-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-2 {
    padding: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-2 {
    padding-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-2 {
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-2 {
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-2 {
    padding-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-205 {
    padding: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-205 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-205 {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-205 {
    padding-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-205 {
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-205 {
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-205 {
    padding-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-3 {
    padding: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-3 {
    padding-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-3 {
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-3 {
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-3 {
    padding-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-4 {
    padding: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-4 {
    padding-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-4 {
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-4 {
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-4 {
    padding-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-5 {
    padding: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-5 {
    padding-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-5 {
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-5 {
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-5 {
    padding-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-6 {
    padding: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-6 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-6 {
    padding-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-6 {
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-6 {
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-6 {
    padding-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-7 {
    padding: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-7 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-7 {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-7 {
    padding-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-7 {
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-7 {
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-7 {
    padding-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-8 {
    padding: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-8 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-8 {
    padding-left: 4rem;
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-8 {
    padding-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-8 {
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-8 {
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-8 {
    padding-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-9 {
    padding: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-9 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-9 {
    padding-left: 4.5rem;
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-9 {
    padding-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-9 {
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-9 {
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-9 {
    padding-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-10 {
    padding: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-10 {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-10 {
    padding-left: 5rem;
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-10 {
    padding-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-10 {
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-10 {
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-10 {
    padding-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-15 {
    padding: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-15 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-15 {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-15 {
    padding-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-15 {
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-15 {
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-15 {
    padding-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-0 {
    padding: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-y-0 {
    padding-top: 0;
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-x-0 {
    padding-left: 0;
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-top-0 {
    padding-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-right-0 {
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-bottom-0 {
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:padding-left-0 {
    padding-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:position-absolute {
    position: absolute; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:position-fixed {
    position: fixed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:position-relative {
    position: relative; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:position-static {
    position: static; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:position-sticky {
    position: sticky; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-1px {
    width: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-2px {
    width: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-05 {
    width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-1 {
    width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-105 {
    width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-2 {
    width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-205 {
    width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-3 {
    width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-4 {
    width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-5 {
    width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-6 {
    width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-7 {
    width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-8 {
    width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-9 {
    width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-10 {
    width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-15 {
    width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-card {
    width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-card-lg {
    width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-mobile {
    width: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-mobile-lg {
    width: 30rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-tablet {
    width: 40rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-tablet-lg {
    width: 55rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-desktop {
    width: 64rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-desktop-lg {
    width: 75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-widescreen {
    width: 87.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-0 {
    width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-full {
    width: 100%; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile\:width-auto {
    width: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */ }

@media all and (min-width: 30em) {
  .mobile-lg\:border-1px {
    border: 1px solid; }
  .mobile-lg\:hover\:border-1px:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-top-1px {
    border-top: 1px solid; }
  .mobile-lg\:hover\:border-top-1px:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-right-1px {
    border-right: 1px solid; }
  .mobile-lg\:hover\:border-right-1px:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-bottom-1px {
    border-bottom: 1px solid; }
  .mobile-lg\:hover\:border-bottom-1px:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-left-1px {
    border-left: 1px solid; }
  .mobile-lg\:hover\:border-left-1px:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-2px {
    border: 2px solid; }
  .mobile-lg\:hover\:border-2px:hover {
    border: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-top-2px {
    border-top: 2px solid; }
  .mobile-lg\:hover\:border-top-2px:hover {
    border-top: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-right-2px {
    border-right: 2px solid; }
  .mobile-lg\:hover\:border-right-2px:hover {
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-bottom-2px {
    border-bottom: 2px solid; }
  .mobile-lg\:hover\:border-bottom-2px:hover {
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-left-2px {
    border-left: 2px solid; }
  .mobile-lg\:hover\:border-left-2px:hover {
    border-left: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-05 {
    border: 0.25rem solid; }
  .mobile-lg\:hover\:border-05:hover {
    border: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-top-05 {
    border-top: 0.25rem solid; }
  .mobile-lg\:hover\:border-top-05:hover {
    border-top: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-right-05 {
    border-right: 0.25rem solid; }
  .mobile-lg\:hover\:border-right-05:hover {
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-bottom-05 {
    border-bottom: 0.25rem solid; }
  .mobile-lg\:hover\:border-bottom-05:hover {
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-left-05 {
    border-left: 0.25rem solid; }
  .mobile-lg\:hover\:border-left-05:hover {
    border-left: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-1 {
    border: 0.5rem solid; }
  .mobile-lg\:hover\:border-1:hover {
    border: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-top-1 {
    border-top: 0.5rem solid; }
  .mobile-lg\:hover\:border-top-1:hover {
    border-top: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-right-1 {
    border-right: 0.5rem solid; }
  .mobile-lg\:hover\:border-right-1:hover {
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-bottom-1 {
    border-bottom: 0.5rem solid; }
  .mobile-lg\:hover\:border-bottom-1:hover {
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-left-1 {
    border-left: 0.5rem solid; }
  .mobile-lg\:hover\:border-left-1:hover {
    border-left: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-105 {
    border: 0.75rem solid; }
  .mobile-lg\:hover\:border-105:hover {
    border: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-top-105 {
    border-top: 0.75rem solid; }
  .mobile-lg\:hover\:border-top-105:hover {
    border-top: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-right-105 {
    border-right: 0.75rem solid; }
  .mobile-lg\:hover\:border-right-105:hover {
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-bottom-105 {
    border-bottom: 0.75rem solid; }
  .mobile-lg\:hover\:border-bottom-105:hover {
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-left-105 {
    border-left: 0.75rem solid; }
  .mobile-lg\:hover\:border-left-105:hover {
    border-left: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-2 {
    border: 1rem solid; }
  .mobile-lg\:hover\:border-2:hover {
    border: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-top-2 {
    border-top: 1rem solid; }
  .mobile-lg\:hover\:border-top-2:hover {
    border-top: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-right-2 {
    border-right: 1rem solid; }
  .mobile-lg\:hover\:border-right-2:hover {
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-bottom-2 {
    border-bottom: 1rem solid; }
  .mobile-lg\:hover\:border-bottom-2:hover {
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-left-2 {
    border-left: 1rem solid; }
  .mobile-lg\:hover\:border-left-2:hover {
    border-left: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-205 {
    border: 1.25rem solid; }
  .mobile-lg\:hover\:border-205:hover {
    border: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-top-205 {
    border-top: 1.25rem solid; }
  .mobile-lg\:hover\:border-top-205:hover {
    border-top: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-right-205 {
    border-right: 1.25rem solid; }
  .mobile-lg\:hover\:border-right-205:hover {
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-bottom-205 {
    border-bottom: 1.25rem solid; }
  .mobile-lg\:hover\:border-bottom-205:hover {
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-left-205 {
    border-left: 1.25rem solid; }
  .mobile-lg\:hover\:border-left-205:hover {
    border-left: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-3 {
    border: 1.5rem solid; }
  .mobile-lg\:hover\:border-3:hover {
    border: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-top-3 {
    border-top: 1.5rem solid; }
  .mobile-lg\:hover\:border-top-3:hover {
    border-top: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-right-3 {
    border-right: 1.5rem solid; }
  .mobile-lg\:hover\:border-right-3:hover {
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-bottom-3 {
    border-bottom: 1.5rem solid; }
  .mobile-lg\:hover\:border-bottom-3:hover {
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-left-3 {
    border-left: 1.5rem solid; }
  .mobile-lg\:hover\:border-left-3:hover {
    border-left: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-0 {
    border: 0 solid; }
  .mobile-lg\:hover\:border-0:hover {
    border: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-top-0 {
    border-top: 0 solid; }
  .mobile-lg\:hover\:border-top-0:hover {
    border-top: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-right-0 {
    border-right: 0 solid; }
  .mobile-lg\:hover\:border-right-0:hover {
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-bottom-0 {
    border-bottom: 0 solid; }
  .mobile-lg\:hover\:border-bottom-0:hover {
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-left-0 {
    border-left: 0 solid; }
  .mobile-lg\:hover\:border-left-0:hover {
    border-left: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border {
    border: 1px solid; }
  .mobile-lg\:hover\:border:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-top {
    border-top: 1px solid; }
  .mobile-lg\:hover\:border-top:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-right {
    border-right: 1px solid; }
  .mobile-lg\:hover\:border-right:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-bottom {
    border-bottom: 1px solid; }
  .mobile-lg\:hover\:border-bottom:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-left {
    border-left: 1px solid; }
  .mobile-lg\:hover\:border-left:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-transparent {
    border-color: transparent; }
  .mobile-lg\:hover\:border-transparent:hover {
    border-color: transparent; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black {
    border-color: black; }
  .mobile-lg\:hover\:border-black:hover {
    border-color: black; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white {
    border-color: white; }
  .mobile-lg\:hover\:border-white:hover {
    border-color: white; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-base-lightest {
    border-color: #f0f0f0; }
  .mobile-lg\:hover\:border-base-lightest:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-base-lighter {
    border-color: #dfe1e2; }
  .mobile-lg\:hover\:border-base-lighter:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-base-light {
    border-color: #a9aeb1; }
  .mobile-lg\:hover\:border-base-light:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-base {
    border-color: #71767a; }
  .mobile-lg\:hover\:border-base:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-base-dark {
    border-color: #565c65; }
  .mobile-lg\:hover\:border-base-dark:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-base-darker {
    border-color: #3d4551; }
  .mobile-lg\:hover\:border-base-darker:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-base-darkest {
    border-color: #1b1b1b; }
  .mobile-lg\:hover\:border-base-darkest:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-ink {
    border-color: #1b1b1b; }
  .mobile-lg\:hover\:border-ink:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-primary-lighter {
    border-color: #d9e8f6; }
  .mobile-lg\:hover\:border-primary-lighter:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-primary-light {
    border-color: #73b3e7; }
  .mobile-lg\:hover\:border-primary-light:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-primary {
    border-color: #005ea2; }
  .mobile-lg\:hover\:border-primary:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-primary-vivid {
    border-color: #0050d8; }
  .mobile-lg\:hover\:border-primary-vivid:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-primary-dark {
    border-color: #1a4480; }
  .mobile-lg\:hover\:border-primary-dark:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-primary-darker {
    border-color: #162e51; }
  .mobile-lg\:hover\:border-primary-darker:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-secondary-lighter {
    border-color: #f3e1e4; }
  .mobile-lg\:hover\:border-secondary-lighter:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-secondary-light {
    border-color: #f2938c; }
  .mobile-lg\:hover\:border-secondary-light:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-secondary {
    border-color: #d83933; }
  .mobile-lg\:hover\:border-secondary:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-secondary-vivid {
    border-color: #e41d3d; }
  .mobile-lg\:hover\:border-secondary-vivid:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-secondary-dark {
    border-color: #b50909; }
  .mobile-lg\:hover\:border-secondary-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-secondary-darker {
    border-color: #8b0a03; }
  .mobile-lg\:hover\:border-secondary-darker:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-accent-warm-darker {
    border-color: #775540; }
  .mobile-lg\:hover\:border-accent-warm-darker:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-accent-warm-dark {
    border-color: #c05600; }
  .mobile-lg\:hover\:border-accent-warm-dark:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-accent-warm {
    border-color: #fa9441; }
  .mobile-lg\:hover\:border-accent-warm:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-accent-warm-light {
    border-color: #ffbc78; }
  .mobile-lg\:hover\:border-accent-warm-light:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-accent-warm-lighter {
    border-color: #f2e4d4; }
  .mobile-lg\:hover\:border-accent-warm-lighter:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-accent-cool-darker {
    border-color: #07648d; }
  .mobile-lg\:hover\:border-accent-cool-darker:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-accent-cool-dark {
    border-color: #28a0cb; }
  .mobile-lg\:hover\:border-accent-cool-dark:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-accent-cool {
    border-color: #00bde3; }
  .mobile-lg\:hover\:border-accent-cool:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-accent-cool-light {
    border-color: #97d4ea; }
  .mobile-lg\:hover\:border-accent-cool-light:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-accent-cool-lighter {
    border-color: #e1f3f8; }
  .mobile-lg\:hover\:border-accent-cool-lighter:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-5 {
    border-color: #f0f0f0; }
  .mobile-lg\:hover\:border-gray-5:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-10 {
    border-color: #e6e6e6; }
  .mobile-lg\:hover\:border-gray-10:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-30 {
    border-color: #adadad; }
  .mobile-lg\:hover\:border-gray-30:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-50 {
    border-color: #757575; }
  .mobile-lg\:hover\:border-gray-50:hover {
    border-color: #757575; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-70 {
    border-color: #454545; }
  .mobile-lg\:hover\:border-gray-70:hover {
    border-color: #454545; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-90 {
    border-color: #1b1b1b; }
  .mobile-lg\:hover\:border-gray-90:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-error-lighter {
    border-color: #f4e3db; }
  .mobile-lg\:hover\:border-error-lighter:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-error-light {
    border-color: #f39268; }
  .mobile-lg\:hover\:border-error-light:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-error {
    border-color: #d54309; }
  .mobile-lg\:hover\:border-error:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-error-dark {
    border-color: #b50909; }
  .mobile-lg\:hover\:border-error-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-error-darker {
    border-color: #6f3331; }
  .mobile-lg\:hover\:border-error-darker:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-warning-lighter {
    border-color: #faf3d1; }
  .mobile-lg\:hover\:border-warning-lighter:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-warning-light {
    border-color: #fee685; }
  .mobile-lg\:hover\:border-warning-light:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-warning {
    border-color: #ffbe2e; }
  .mobile-lg\:hover\:border-warning:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-warning-dark {
    border-color: #e5a000; }
  .mobile-lg\:hover\:border-warning-dark:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-warning-darker {
    border-color: #936f38; }
  .mobile-lg\:hover\:border-warning-darker:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-success-lighter {
    border-color: #ecf3ec; }
  .mobile-lg\:hover\:border-success-lighter:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-success-light {
    border-color: #70e17b; }
  .mobile-lg\:hover\:border-success-light:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-success {
    border-color: #00a91c; }
  .mobile-lg\:hover\:border-success:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-success-dark {
    border-color: #008817; }
  .mobile-lg\:hover\:border-success-dark:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-success-darker {
    border-color: #216e1f; }
  .mobile-lg\:hover\:border-success-darker:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-info-lighter {
    border-color: #e7f6f8; }
  .mobile-lg\:hover\:border-info-lighter:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-info-light {
    border-color: #99deea; }
  .mobile-lg\:hover\:border-info-light:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-info {
    border-color: #00bde3; }
  .mobile-lg\:hover\:border-info:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-info-dark {
    border-color: #009ec1; }
  .mobile-lg\:hover\:border-info-dark:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-info-darker {
    border-color: #2e6276; }
  .mobile-lg\:hover\:border-info-darker:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-disabled-light {
    border-color: #e6e6e6; }
  .mobile-lg\:hover\:border-disabled-light:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-disabled {
    border-color: #c9c9c9; }
  .mobile-lg\:hover\:border-disabled:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-disabled-dark {
    border-color: #adadad; }
  .mobile-lg\:hover\:border-disabled-dark:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-emergency {
    border-color: #9c3d10; }
  .mobile-lg\:hover\:border-emergency:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-emergency-dark {
    border-color: #332d29; }
  .mobile-lg\:hover\:border-emergency-dark:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red {
    border-color: #e52207; }
  .mobile-lg\:hover\:border-red:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange {
    border-color: #e66f0e; }
  .mobile-lg\:hover\:border-orange:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold {
    border-color: #ffbe2e; }
  .mobile-lg\:hover\:border-gold:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow {
    border-color: #fee685; }
  .mobile-lg\:hover\:border-yellow:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green {
    border-color: #538200; }
  .mobile-lg\:hover\:border-green:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint {
    border-color: #04c585; }
  .mobile-lg\:hover\:border-mint:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan {
    border-color: #009ec1; }
  .mobile-lg\:hover\:border-cyan:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue {
    border-color: #0076d6; }
  .mobile-lg\:hover\:border-blue:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo {
    border-color: #676cc8; }
  .mobile-lg\:hover\:border-indigo:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet {
    border-color: #8168b3; }
  .mobile-lg\:hover\:border-violet:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta {
    border-color: #d72d79; }
  .mobile-lg\:hover\:border-magenta:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black-transparent-5 {
    border-color: rgba(0, 0, 0, 0.01); }
  .mobile-lg\:hover\:border-black-transparent-5:hover {
    border-color: rgba(0, 0, 0, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black-transparent-10 {
    border-color: rgba(0, 0, 0, 0.1); }
  .mobile-lg\:hover\:border-black-transparent-10:hover {
    border-color: rgba(0, 0, 0, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black-transparent-20 {
    border-color: rgba(0, 0, 0, 0.2); }
  .mobile-lg\:hover\:border-black-transparent-20:hover {
    border-color: rgba(0, 0, 0, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black-transparent-30 {
    border-color: rgba(0, 0, 0, 0.3); }
  .mobile-lg\:hover\:border-black-transparent-30:hover {
    border-color: rgba(0, 0, 0, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black-transparent-40 {
    border-color: rgba(0, 0, 0, 0.4); }
  .mobile-lg\:hover\:border-black-transparent-40:hover {
    border-color: rgba(0, 0, 0, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black-transparent-50 {
    border-color: rgba(0, 0, 0, 0.5); }
  .mobile-lg\:hover\:border-black-transparent-50:hover {
    border-color: rgba(0, 0, 0, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black-transparent-60 {
    border-color: rgba(0, 0, 0, 0.6); }
  .mobile-lg\:hover\:border-black-transparent-60:hover {
    border-color: rgba(0, 0, 0, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black-transparent-70 {
    border-color: rgba(0, 0, 0, 0.7); }
  .mobile-lg\:hover\:border-black-transparent-70:hover {
    border-color: rgba(0, 0, 0, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black-transparent-80 {
    border-color: rgba(0, 0, 0, 0.8); }
  .mobile-lg\:hover\:border-black-transparent-80:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-black-transparent-90 {
    border-color: rgba(0, 0, 0, 0.9); }
  .mobile-lg\:hover\:border-black-transparent-90:hover {
    border-color: rgba(0, 0, 0, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-1 {
    border-color: #fbfcfd; }
  .mobile-lg\:hover\:border-gray-cool-1:hover {
    border-color: #fbfcfd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-2 {
    border-color: #f7f9fa; }
  .mobile-lg\:hover\:border-gray-cool-2:hover {
    border-color: #f7f9fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-3 {
    border-color: #f5f6f7; }
  .mobile-lg\:hover\:border-gray-cool-3:hover {
    border-color: #f5f6f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-4 {
    border-color: #f1f3f6; }
  .mobile-lg\:hover\:border-gray-cool-4:hover {
    border-color: #f1f3f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-5 {
    border-color: #edeff0; }
  .mobile-lg\:hover\:border-gray-cool-5:hover {
    border-color: #edeff0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-10 {
    border-color: #dfe1e2; }
  .mobile-lg\:hover\:border-gray-cool-10:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-20 {
    border-color: #c6cace; }
  .mobile-lg\:hover\:border-gray-cool-20:hover {
    border-color: #c6cace; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-30 {
    border-color: #a9aeb1; }
  .mobile-lg\:hover\:border-gray-cool-30:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-40 {
    border-color: #8d9297; }
  .mobile-lg\:hover\:border-gray-cool-40:hover {
    border-color: #8d9297; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-50 {
    border-color: #71767a; }
  .mobile-lg\:hover\:border-gray-cool-50:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-60 {
    border-color: #565c65; }
  .mobile-lg\:hover\:border-gray-cool-60:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-70 {
    border-color: #3d4551; }
  .mobile-lg\:hover\:border-gray-cool-70:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-80 {
    border-color: #2d2e2f; }
  .mobile-lg\:hover\:border-gray-cool-80:hover {
    border-color: #2d2e2f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-cool-90 {
    border-color: #1c1d1f; }
  .mobile-lg\:hover\:border-gray-cool-90:hover {
    border-color: #1c1d1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-1 {
    border-color: #fcfcfc; }
  .mobile-lg\:hover\:border-gray-1:hover {
    border-color: #fcfcfc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-2 {
    border-color: #f9f9f9; }
  .mobile-lg\:hover\:border-gray-2:hover {
    border-color: #f9f9f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-3 {
    border-color: #f6f6f6; }
  .mobile-lg\:hover\:border-gray-3:hover {
    border-color: #f6f6f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-4 {
    border-color: #f3f3f3; }
  .mobile-lg\:hover\:border-gray-4:hover {
    border-color: #f3f3f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-20 {
    border-color: #c9c9c9; }
  .mobile-lg\:hover\:border-gray-20:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-40 {
    border-color: #919191; }
  .mobile-lg\:hover\:border-gray-40:hover {
    border-color: #919191; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-60 {
    border-color: #5c5c5c; }
  .mobile-lg\:hover\:border-gray-60:hover {
    border-color: #5c5c5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-80 {
    border-color: #2e2e2e; }
  .mobile-lg\:hover\:border-gray-80:hover {
    border-color: #2e2e2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-1 {
    border-color: #fcfcfb; }
  .mobile-lg\:hover\:border-gray-warm-1:hover {
    border-color: #fcfcfb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-2 {
    border-color: #f9f9f7; }
  .mobile-lg\:hover\:border-gray-warm-2:hover {
    border-color: #f9f9f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-3 {
    border-color: #f6f6f2; }
  .mobile-lg\:hover\:border-gray-warm-3:hover {
    border-color: #f6f6f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-4 {
    border-color: #f5f5f0; }
  .mobile-lg\:hover\:border-gray-warm-4:hover {
    border-color: #f5f5f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-5 {
    border-color: #f0f0ec; }
  .mobile-lg\:hover\:border-gray-warm-5:hover {
    border-color: #f0f0ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-10 {
    border-color: #e6e6e2; }
  .mobile-lg\:hover\:border-gray-warm-10:hover {
    border-color: #e6e6e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-20 {
    border-color: #cac9c0; }
  .mobile-lg\:hover\:border-gray-warm-20:hover {
    border-color: #cac9c0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-30 {
    border-color: #afaea2; }
  .mobile-lg\:hover\:border-gray-warm-30:hover {
    border-color: #afaea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-40 {
    border-color: #929285; }
  .mobile-lg\:hover\:border-gray-warm-40:hover {
    border-color: #929285; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-50 {
    border-color: #76766a; }
  .mobile-lg\:hover\:border-gray-warm-50:hover {
    border-color: #76766a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-60 {
    border-color: #5d5d52; }
  .mobile-lg\:hover\:border-gray-warm-60:hover {
    border-color: #5d5d52; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-70 {
    border-color: #454540; }
  .mobile-lg\:hover\:border-gray-warm-70:hover {
    border-color: #454540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-80 {
    border-color: #2e2e2a; }
  .mobile-lg\:hover\:border-gray-warm-80:hover {
    border-color: #2e2e2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gray-warm-90 {
    border-color: #171716; }
  .mobile-lg\:hover\:border-gray-warm-90:hover {
    border-color: #171716; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-5 {
    border-color: #e7f2f5; }
  .mobile-lg\:hover\:border-blue-cool-5:hover {
    border-color: #e7f2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-10 {
    border-color: #dae9ee; }
  .mobile-lg\:hover\:border-blue-cool-10:hover {
    border-color: #dae9ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-20 {
    border-color: #adcfdc; }
  .mobile-lg\:hover\:border-blue-cool-20:hover {
    border-color: #adcfdc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-30 {
    border-color: #82b4c9; }
  .mobile-lg\:hover\:border-blue-cool-30:hover {
    border-color: #82b4c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-40 {
    border-color: #6499af; }
  .mobile-lg\:hover\:border-blue-cool-40:hover {
    border-color: #6499af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-50 {
    border-color: #3a7d95; }
  .mobile-lg\:hover\:border-blue-cool-50:hover {
    border-color: #3a7d95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-60 {
    border-color: #2e6276; }
  .mobile-lg\:hover\:border-blue-cool-60:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-70 {
    border-color: #224a58; }
  .mobile-lg\:hover\:border-blue-cool-70:hover {
    border-color: #224a58; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-80 {
    border-color: #14333d; }
  .mobile-lg\:hover\:border-blue-cool-80:hover {
    border-color: #14333d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-90 {
    border-color: #0f191c; }
  .mobile-lg\:hover\:border-blue-cool-90:hover {
    border-color: #0f191c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-5v {
    border-color: #e1f3f8; }
  .mobile-lg\:hover\:border-blue-cool-5v:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-10v {
    border-color: #c3ebfa; }
  .mobile-lg\:hover\:border-blue-cool-10v:hover {
    border-color: #c3ebfa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-20v {
    border-color: #97d4ea; }
  .mobile-lg\:hover\:border-blue-cool-20v:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-30v {
    border-color: #59b9de; }
  .mobile-lg\:hover\:border-blue-cool-30v:hover {
    border-color: #59b9de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-40v {
    border-color: #28a0cb; }
  .mobile-lg\:hover\:border-blue-cool-40v:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-50v {
    border-color: #0d7ea2; }
  .mobile-lg\:hover\:border-blue-cool-50v:hover {
    border-color: #0d7ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-60v {
    border-color: #07648d; }
  .mobile-lg\:hover\:border-blue-cool-60v:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-70v {
    border-color: #074b69; }
  .mobile-lg\:hover\:border-blue-cool-70v:hover {
    border-color: #074b69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-cool-80v {
    border-color: #002d3f; }
  .mobile-lg\:hover\:border-blue-cool-80v:hover {
    border-color: #002d3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-5 {
    border-color: #eff6fb; }
  .mobile-lg\:hover\:border-blue-5:hover {
    border-color: #eff6fb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-10 {
    border-color: #d9e8f6; }
  .mobile-lg\:hover\:border-blue-10:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-20 {
    border-color: #aacdec; }
  .mobile-lg\:hover\:border-blue-20:hover {
    border-color: #aacdec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-30 {
    border-color: #73b3e7; }
  .mobile-lg\:hover\:border-blue-30:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-40 {
    border-color: #4f97d1; }
  .mobile-lg\:hover\:border-blue-40:hover {
    border-color: #4f97d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-50 {
    border-color: #2378c3; }
  .mobile-lg\:hover\:border-blue-50:hover {
    border-color: #2378c3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-60 {
    border-color: #2c608a; }
  .mobile-lg\:hover\:border-blue-60:hover {
    border-color: #2c608a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-70 {
    border-color: #274863; }
  .mobile-lg\:hover\:border-blue-70:hover {
    border-color: #274863; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-80 {
    border-color: #1f303e; }
  .mobile-lg\:hover\:border-blue-80:hover {
    border-color: #1f303e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-90 {
    border-color: #11181d; }
  .mobile-lg\:hover\:border-blue-90:hover {
    border-color: #11181d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-5v {
    border-color: #e8f5ff; }
  .mobile-lg\:hover\:border-blue-5v:hover {
    border-color: #e8f5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-10v {
    border-color: #cfe8ff; }
  .mobile-lg\:hover\:border-blue-10v:hover {
    border-color: #cfe8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-20v {
    border-color: #a1d3ff; }
  .mobile-lg\:hover\:border-blue-20v:hover {
    border-color: #a1d3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-30v {
    border-color: #58b4ff; }
  .mobile-lg\:hover\:border-blue-30v:hover {
    border-color: #58b4ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-40v {
    border-color: #2491ff; }
  .mobile-lg\:hover\:border-blue-40v:hover {
    border-color: #2491ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-50v {
    border-color: #0076d6; }
  .mobile-lg\:hover\:border-blue-50v:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-60v {
    border-color: #005ea2; }
  .mobile-lg\:hover\:border-blue-60v:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-70v {
    border-color: #0b4778; }
  .mobile-lg\:hover\:border-blue-70v:hover {
    border-color: #0b4778; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-80v {
    border-color: #112f4e; }
  .mobile-lg\:hover\:border-blue-80v:hover {
    border-color: #112f4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-5 {
    border-color: #ecf1f7; }
  .mobile-lg\:hover\:border-blue-warm-5:hover {
    border-color: #ecf1f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-10 {
    border-color: #e1e7f1; }
  .mobile-lg\:hover\:border-blue-warm-10:hover {
    border-color: #e1e7f1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-20 {
    border-color: #bbcae4; }
  .mobile-lg\:hover\:border-blue-warm-20:hover {
    border-color: #bbcae4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-30 {
    border-color: #98afd2; }
  .mobile-lg\:hover\:border-blue-warm-30:hover {
    border-color: #98afd2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-40 {
    border-color: #7292c7; }
  .mobile-lg\:hover\:border-blue-warm-40:hover {
    border-color: #7292c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-50 {
    border-color: #4a77b4; }
  .mobile-lg\:hover\:border-blue-warm-50:hover {
    border-color: #4a77b4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-60 {
    border-color: #345d96; }
  .mobile-lg\:hover\:border-blue-warm-60:hover {
    border-color: #345d96; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-70 {
    border-color: #2f4668; }
  .mobile-lg\:hover\:border-blue-warm-70:hover {
    border-color: #2f4668; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-80 {
    border-color: #252f3e; }
  .mobile-lg\:hover\:border-blue-warm-80:hover {
    border-color: #252f3e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-90 {
    border-color: #13171f; }
  .mobile-lg\:hover\:border-blue-warm-90:hover {
    border-color: #13171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-5v {
    border-color: #edf5ff; }
  .mobile-lg\:hover\:border-blue-warm-5v:hover {
    border-color: #edf5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-10v {
    border-color: #d4e5ff; }
  .mobile-lg\:hover\:border-blue-warm-10v:hover {
    border-color: #d4e5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-20v {
    border-color: #adcdff; }
  .mobile-lg\:hover\:border-blue-warm-20v:hover {
    border-color: #adcdff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-30v {
    border-color: #81aefc; }
  .mobile-lg\:hover\:border-blue-warm-30v:hover {
    border-color: #81aefc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-40v {
    border-color: #5994f6; }
  .mobile-lg\:hover\:border-blue-warm-40v:hover {
    border-color: #5994f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-50v {
    border-color: #2672de; }
  .mobile-lg\:hover\:border-blue-warm-50v:hover {
    border-color: #2672de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-60v {
    border-color: #0050d8; }
  .mobile-lg\:hover\:border-blue-warm-60v:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-70v {
    border-color: #1a4480; }
  .mobile-lg\:hover\:border-blue-warm-70v:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-blue-warm-80v {
    border-color: #162e51; }
  .mobile-lg\:hover\:border-blue-warm-80v:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-5 {
    border-color: #e7f6f8; }
  .mobile-lg\:hover\:border-cyan-5:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-10 {
    border-color: #ccecf2; }
  .mobile-lg\:hover\:border-cyan-10:hover {
    border-color: #ccecf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-20 {
    border-color: #99deea; }
  .mobile-lg\:hover\:border-cyan-20:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-30 {
    border-color: #5dc0d1; }
  .mobile-lg\:hover\:border-cyan-30:hover {
    border-color: #5dc0d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-40 {
    border-color: #449dac; }
  .mobile-lg\:hover\:border-cyan-40:hover {
    border-color: #449dac; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-50 {
    border-color: #168092; }
  .mobile-lg\:hover\:border-cyan-50:hover {
    border-color: #168092; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-60 {
    border-color: #2a646d; }
  .mobile-lg\:hover\:border-cyan-60:hover {
    border-color: #2a646d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-70 {
    border-color: #2c4a4e; }
  .mobile-lg\:hover\:border-cyan-70:hover {
    border-color: #2c4a4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-80 {
    border-color: #203133; }
  .mobile-lg\:hover\:border-cyan-80:hover {
    border-color: #203133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-90 {
    border-color: #111819; }
  .mobile-lg\:hover\:border-cyan-90:hover {
    border-color: #111819; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-5v {
    border-color: #e5faff; }
  .mobile-lg\:hover\:border-cyan-5v:hover {
    border-color: #e5faff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-10v {
    border-color: #a8f2ff; }
  .mobile-lg\:hover\:border-cyan-10v:hover {
    border-color: #a8f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-20v {
    border-color: #52daf2; }
  .mobile-lg\:hover\:border-cyan-20v:hover {
    border-color: #52daf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-30v {
    border-color: #00bde3; }
  .mobile-lg\:hover\:border-cyan-30v:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-40v {
    border-color: #009ec1; }
  .mobile-lg\:hover\:border-cyan-40v:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-50v {
    border-color: #0081a1; }
  .mobile-lg\:hover\:border-cyan-50v:hover {
    border-color: #0081a1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-60v {
    border-color: #00687d; }
  .mobile-lg\:hover\:border-cyan-60v:hover {
    border-color: #00687d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-70v {
    border-color: #0e4f5c; }
  .mobile-lg\:hover\:border-cyan-70v:hover {
    border-color: #0e4f5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-cyan-80v {
    border-color: #093b44; }
  .mobile-lg\:hover\:border-cyan-80v:hover {
    border-color: #093b44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-5 {
    border-color: #f5f0e6; }
  .mobile-lg\:hover\:border-gold-5:hover {
    border-color: #f5f0e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-10 {
    border-color: #f1e5cd; }
  .mobile-lg\:hover\:border-gold-10:hover {
    border-color: #f1e5cd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-20 {
    border-color: #dec69a; }
  .mobile-lg\:hover\:border-gold-20:hover {
    border-color: #dec69a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-30 {
    border-color: #c7a97b; }
  .mobile-lg\:hover\:border-gold-30:hover {
    border-color: #c7a97b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-40 {
    border-color: #ad8b65; }
  .mobile-lg\:hover\:border-gold-40:hover {
    border-color: #ad8b65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-50 {
    border-color: #8e704f; }
  .mobile-lg\:hover\:border-gold-50:hover {
    border-color: #8e704f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-60 {
    border-color: #6b5947; }
  .mobile-lg\:hover\:border-gold-60:hover {
    border-color: #6b5947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-70 {
    border-color: #4d4438; }
  .mobile-lg\:hover\:border-gold-70:hover {
    border-color: #4d4438; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-80 {
    border-color: #322d26; }
  .mobile-lg\:hover\:border-gold-80:hover {
    border-color: #322d26; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-90 {
    border-color: #191714; }
  .mobile-lg\:hover\:border-gold-90:hover {
    border-color: #191714; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-5v {
    border-color: #fef0c8; }
  .mobile-lg\:hover\:border-gold-5v:hover {
    border-color: #fef0c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-10v {
    border-color: #ffe396; }
  .mobile-lg\:hover\:border-gold-10v:hover {
    border-color: #ffe396; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-20v {
    border-color: #ffbe2e; }
  .mobile-lg\:hover\:border-gold-20v:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-30v {
    border-color: #e5a000; }
  .mobile-lg\:hover\:border-gold-30v:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-40v {
    border-color: #c2850c; }
  .mobile-lg\:hover\:border-gold-40v:hover {
    border-color: #c2850c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-50v {
    border-color: #936f38; }
  .mobile-lg\:hover\:border-gold-50v:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-60v {
    border-color: #7a591a; }
  .mobile-lg\:hover\:border-gold-60v:hover {
    border-color: #7a591a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-70v {
    border-color: #5c410a; }
  .mobile-lg\:hover\:border-gold-70v:hover {
    border-color: #5c410a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-gold-80v {
    border-color: #3b2b15; }
  .mobile-lg\:hover\:border-gold-80v:hover {
    border-color: #3b2b15; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-5 {
    border-color: #ecf3ec; }
  .mobile-lg\:hover\:border-green-cool-5:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-10 {
    border-color: #dbebde; }
  .mobile-lg\:hover\:border-green-cool-10:hover {
    border-color: #dbebde; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-20 {
    border-color: #b4d0b9; }
  .mobile-lg\:hover\:border-green-cool-20:hover {
    border-color: #b4d0b9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-30 {
    border-color: #86b98e; }
  .mobile-lg\:hover\:border-green-cool-30:hover {
    border-color: #86b98e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-40 {
    border-color: #5e9f69; }
  .mobile-lg\:hover\:border-green-cool-40:hover {
    border-color: #5e9f69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-50 {
    border-color: #4d8055; }
  .mobile-lg\:hover\:border-green-cool-50:hover {
    border-color: #4d8055; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-60 {
    border-color: #446443; }
  .mobile-lg\:hover\:border-green-cool-60:hover {
    border-color: #446443; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-70 {
    border-color: #37493b; }
  .mobile-lg\:hover\:border-green-cool-70:hover {
    border-color: #37493b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-80 {
    border-color: #28312a; }
  .mobile-lg\:hover\:border-green-cool-80:hover {
    border-color: #28312a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-90 {
    border-color: #1a1f1a; }
  .mobile-lg\:hover\:border-green-cool-90:hover {
    border-color: #1a1f1a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-5v {
    border-color: #e3f5e1; }
  .mobile-lg\:hover\:border-green-cool-5v:hover {
    border-color: #e3f5e1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-10v {
    border-color: #b7f5bd; }
  .mobile-lg\:hover\:border-green-cool-10v:hover {
    border-color: #b7f5bd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-20v {
    border-color: #70e17b; }
  .mobile-lg\:hover\:border-green-cool-20v:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-30v {
    border-color: #21c834; }
  .mobile-lg\:hover\:border-green-cool-30v:hover {
    border-color: #21c834; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-40v {
    border-color: #00a91c; }
  .mobile-lg\:hover\:border-green-cool-40v:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-50v {
    border-color: #008817; }
  .mobile-lg\:hover\:border-green-cool-50v:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-60v {
    border-color: #216e1f; }
  .mobile-lg\:hover\:border-green-cool-60v:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-70v {
    border-color: #154c21; }
  .mobile-lg\:hover\:border-green-cool-70v:hover {
    border-color: #154c21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-cool-80v {
    border-color: #19311e; }
  .mobile-lg\:hover\:border-green-cool-80v:hover {
    border-color: #19311e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-5 {
    border-color: #eaf4dd; }
  .mobile-lg\:hover\:border-green-5:hover {
    border-color: #eaf4dd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-10 {
    border-color: #dfeacd; }
  .mobile-lg\:hover\:border-green-10:hover {
    border-color: #dfeacd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-20 {
    border-color: #b8d293; }
  .mobile-lg\:hover\:border-green-20:hover {
    border-color: #b8d293; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-30 {
    border-color: #9bb672; }
  .mobile-lg\:hover\:border-green-30:hover {
    border-color: #9bb672; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-40 {
    border-color: #7d9b4e; }
  .mobile-lg\:hover\:border-green-40:hover {
    border-color: #7d9b4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-50 {
    border-color: #607f35; }
  .mobile-lg\:hover\:border-green-50:hover {
    border-color: #607f35; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-60 {
    border-color: #4c6424; }
  .mobile-lg\:hover\:border-green-60:hover {
    border-color: #4c6424; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-70 {
    border-color: #3c4a29; }
  .mobile-lg\:hover\:border-green-70:hover {
    border-color: #3c4a29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-80 {
    border-color: #293021; }
  .mobile-lg\:hover\:border-green-80:hover {
    border-color: #293021; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-90 {
    border-color: #161814; }
  .mobile-lg\:hover\:border-green-90:hover {
    border-color: #161814; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-5v {
    border-color: #ddf9c7; }
  .mobile-lg\:hover\:border-green-5v:hover {
    border-color: #ddf9c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-10v {
    border-color: #c5ee93; }
  .mobile-lg\:hover\:border-green-10v:hover {
    border-color: #c5ee93; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-20v {
    border-color: #98d035; }
  .mobile-lg\:hover\:border-green-20v:hover {
    border-color: #98d035; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-30v {
    border-color: #7fb135; }
  .mobile-lg\:hover\:border-green-30v:hover {
    border-color: #7fb135; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-40v {
    border-color: #719f2a; }
  .mobile-lg\:hover\:border-green-40v:hover {
    border-color: #719f2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-50v {
    border-color: #538200; }
  .mobile-lg\:hover\:border-green-50v:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-60v {
    border-color: #466c04; }
  .mobile-lg\:hover\:border-green-60v:hover {
    border-color: #466c04; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-70v {
    border-color: #2f4a0b; }
  .mobile-lg\:hover\:border-green-70v:hover {
    border-color: #2f4a0b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-80v {
    border-color: #243413; }
  .mobile-lg\:hover\:border-green-80v:hover {
    border-color: #243413; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-5 {
    border-color: #f1f4d7; }
  .mobile-lg\:hover\:border-green-warm-5:hover {
    border-color: #f1f4d7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-10 {
    border-color: #e7eab7; }
  .mobile-lg\:hover\:border-green-warm-10:hover {
    border-color: #e7eab7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-20 {
    border-color: #cbd17a; }
  .mobile-lg\:hover\:border-green-warm-20:hover {
    border-color: #cbd17a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-30 {
    border-color: #a6b557; }
  .mobile-lg\:hover\:border-green-warm-30:hover {
    border-color: #a6b557; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-40 {
    border-color: #8a984b; }
  .mobile-lg\:hover\:border-green-warm-40:hover {
    border-color: #8a984b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-50 {
    border-color: #6f7a41; }
  .mobile-lg\:hover\:border-green-warm-50:hover {
    border-color: #6f7a41; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-60 {
    border-color: #5a5f38; }
  .mobile-lg\:hover\:border-green-warm-60:hover {
    border-color: #5a5f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-70 {
    border-color: #45472f; }
  .mobile-lg\:hover\:border-green-warm-70:hover {
    border-color: #45472f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-80 {
    border-color: #2d2f21; }
  .mobile-lg\:hover\:border-green-warm-80:hover {
    border-color: #2d2f21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-90 {
    border-color: #171712; }
  .mobile-lg\:hover\:border-green-warm-90:hover {
    border-color: #171712; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-5v {
    border-color: #f5fbc1; }
  .mobile-lg\:hover\:border-green-warm-5v:hover {
    border-color: #f5fbc1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-10v {
    border-color: #e7f434; }
  .mobile-lg\:hover\:border-green-warm-10v:hover {
    border-color: #e7f434; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-20v {
    border-color: #c5d30a; }
  .mobile-lg\:hover\:border-green-warm-20v:hover {
    border-color: #c5d30a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-30v {
    border-color: #a3b72c; }
  .mobile-lg\:hover\:border-green-warm-30v:hover {
    border-color: #a3b72c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-40v {
    border-color: #7e9c1d; }
  .mobile-lg\:hover\:border-green-warm-40v:hover {
    border-color: #7e9c1d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-50v {
    border-color: #6a7d00; }
  .mobile-lg\:hover\:border-green-warm-50v:hover {
    border-color: #6a7d00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-60v {
    border-color: #5a6613; }
  .mobile-lg\:hover\:border-green-warm-60v:hover {
    border-color: #5a6613; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-70v {
    border-color: #4b4e10; }
  .mobile-lg\:hover\:border-green-warm-70v:hover {
    border-color: #4b4e10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-green-warm-80v {
    border-color: #38380b; }
  .mobile-lg\:hover\:border-green-warm-80v:hover {
    border-color: #38380b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-5 {
    border-color: #eef0f9; }
  .mobile-lg\:hover\:border-indigo-cool-5:hover {
    border-color: #eef0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-10 {
    border-color: #e1e6f9; }
  .mobile-lg\:hover\:border-indigo-cool-10:hover {
    border-color: #e1e6f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-20 {
    border-color: #bbc8f5; }
  .mobile-lg\:hover\:border-indigo-cool-20:hover {
    border-color: #bbc8f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-30 {
    border-color: #96abee; }
  .mobile-lg\:hover\:border-indigo-cool-30:hover {
    border-color: #96abee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-40 {
    border-color: #6b8ee8; }
  .mobile-lg\:hover\:border-indigo-cool-40:hover {
    border-color: #6b8ee8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-50 {
    border-color: #496fd8; }
  .mobile-lg\:hover\:border-indigo-cool-50:hover {
    border-color: #496fd8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-60 {
    border-color: #3f57a6; }
  .mobile-lg\:hover\:border-indigo-cool-60:hover {
    border-color: #3f57a6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-70 {
    border-color: #374274; }
  .mobile-lg\:hover\:border-indigo-cool-70:hover {
    border-color: #374274; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-80 {
    border-color: #292d42; }
  .mobile-lg\:hover\:border-indigo-cool-80:hover {
    border-color: #292d42; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-90 {
    border-color: #151622; }
  .mobile-lg\:hover\:border-indigo-cool-90:hover {
    border-color: #151622; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-5v {
    border-color: #edf0ff; }
  .mobile-lg\:hover\:border-indigo-cool-5v:hover {
    border-color: #edf0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-10v {
    border-color: #dee5ff; }
  .mobile-lg\:hover\:border-indigo-cool-10v:hover {
    border-color: #dee5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-20v {
    border-color: #b8c8ff; }
  .mobile-lg\:hover\:border-indigo-cool-20v:hover {
    border-color: #b8c8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-30v {
    border-color: #94adff; }
  .mobile-lg\:hover\:border-indigo-cool-30v:hover {
    border-color: #94adff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-40v {
    border-color: #628ef4; }
  .mobile-lg\:hover\:border-indigo-cool-40v:hover {
    border-color: #628ef4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-50v {
    border-color: #4866ff; }
  .mobile-lg\:hover\:border-indigo-cool-50v:hover {
    border-color: #4866ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-60v {
    border-color: #3e4ded; }
  .mobile-lg\:hover\:border-indigo-cool-60v:hover {
    border-color: #3e4ded; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-70v {
    border-color: #222fbf; }
  .mobile-lg\:hover\:border-indigo-cool-70v:hover {
    border-color: #222fbf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-cool-80v {
    border-color: #1b2b85; }
  .mobile-lg\:hover\:border-indigo-cool-80v:hover {
    border-color: #1b2b85; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-5 {
    border-color: #efeff8; }
  .mobile-lg\:hover\:border-indigo-5:hover {
    border-color: #efeff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-10 {
    border-color: #e5e4fa; }
  .mobile-lg\:hover\:border-indigo-10:hover {
    border-color: #e5e4fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-20 {
    border-color: #c5c5f3; }
  .mobile-lg\:hover\:border-indigo-20:hover {
    border-color: #c5c5f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-30 {
    border-color: #a5a8eb; }
  .mobile-lg\:hover\:border-indigo-30:hover {
    border-color: #a5a8eb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-40 {
    border-color: #8889db; }
  .mobile-lg\:hover\:border-indigo-40:hover {
    border-color: #8889db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-50 {
    border-color: #676cc8; }
  .mobile-lg\:hover\:border-indigo-50:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-60 {
    border-color: #4d52af; }
  .mobile-lg\:hover\:border-indigo-60:hover {
    border-color: #4d52af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-70 {
    border-color: #3d4076; }
  .mobile-lg\:hover\:border-indigo-70:hover {
    border-color: #3d4076; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-80 {
    border-color: #2b2c40; }
  .mobile-lg\:hover\:border-indigo-80:hover {
    border-color: #2b2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-90 {
    border-color: #16171f; }
  .mobile-lg\:hover\:border-indigo-90:hover {
    border-color: #16171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-5v {
    border-color: #f0f0ff; }
  .mobile-lg\:hover\:border-indigo-5v:hover {
    border-color: #f0f0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-10v {
    border-color: #e0e0ff; }
  .mobile-lg\:hover\:border-indigo-10v:hover {
    border-color: #e0e0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-20v {
    border-color: #ccceff; }
  .mobile-lg\:hover\:border-indigo-20v:hover {
    border-color: #ccceff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-30v {
    border-color: #a3a7fa; }
  .mobile-lg\:hover\:border-indigo-30v:hover {
    border-color: #a3a7fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-40v {
    border-color: #8289ff; }
  .mobile-lg\:hover\:border-indigo-40v:hover {
    border-color: #8289ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-50v {
    border-color: #656bd7; }
  .mobile-lg\:hover\:border-indigo-50v:hover {
    border-color: #656bd7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-60v {
    border-color: #4a50c4; }
  .mobile-lg\:hover\:border-indigo-60v:hover {
    border-color: #4a50c4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-70v {
    border-color: #3333a3; }
  .mobile-lg\:hover\:border-indigo-70v:hover {
    border-color: #3333a3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-80v {
    border-color: #212463; }
  .mobile-lg\:hover\:border-indigo-80v:hover {
    border-color: #212463; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-5 {
    border-color: #f1eff7; }
  .mobile-lg\:hover\:border-indigo-warm-5:hover {
    border-color: #f1eff7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-10 {
    border-color: #e7e3fa; }
  .mobile-lg\:hover\:border-indigo-warm-10:hover {
    border-color: #e7e3fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-20 {
    border-color: #cbc4f2; }
  .mobile-lg\:hover\:border-indigo-warm-20:hover {
    border-color: #cbc4f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-30 {
    border-color: #afa5e8; }
  .mobile-lg\:hover\:border-indigo-warm-30:hover {
    border-color: #afa5e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-40 {
    border-color: #9287d8; }
  .mobile-lg\:hover\:border-indigo-warm-40:hover {
    border-color: #9287d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-50 {
    border-color: #7665d1; }
  .mobile-lg\:hover\:border-indigo-warm-50:hover {
    border-color: #7665d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-60 {
    border-color: #5e519e; }
  .mobile-lg\:hover\:border-indigo-warm-60:hover {
    border-color: #5e519e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-70 {
    border-color: #453c7b; }
  .mobile-lg\:hover\:border-indigo-warm-70:hover {
    border-color: #453c7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-80 {
    border-color: #2e2c40; }
  .mobile-lg\:hover\:border-indigo-warm-80:hover {
    border-color: #2e2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-90 {
    border-color: #18161d; }
  .mobile-lg\:hover\:border-indigo-warm-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-5v {
    border-color: #f5f2ff; }
  .mobile-lg\:hover\:border-indigo-warm-5v:hover {
    border-color: #f5f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-10v {
    border-color: #e4deff; }
  .mobile-lg\:hover\:border-indigo-warm-10v:hover {
    border-color: #e4deff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-20v {
    border-color: #cfc4fd; }
  .mobile-lg\:hover\:border-indigo-warm-20v:hover {
    border-color: #cfc4fd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-30v {
    border-color: #b69fff; }
  .mobile-lg\:hover\:border-indigo-warm-30v:hover {
    border-color: #b69fff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-40v {
    border-color: #967efb; }
  .mobile-lg\:hover\:border-indigo-warm-40v:hover {
    border-color: #967efb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-50v {
    border-color: #745fe9; }
  .mobile-lg\:hover\:border-indigo-warm-50v:hover {
    border-color: #745fe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-60v {
    border-color: #5942d2; }
  .mobile-lg\:hover\:border-indigo-warm-60v:hover {
    border-color: #5942d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-70v {
    border-color: #3d2c9d; }
  .mobile-lg\:hover\:border-indigo-warm-70v:hover {
    border-color: #3d2c9d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-indigo-warm-80v {
    border-color: #261f5b; }
  .mobile-lg\:hover\:border-indigo-warm-80v:hover {
    border-color: #261f5b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-5 {
    border-color: #f9f0f2; }
  .mobile-lg\:hover\:border-magenta-5:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-10 {
    border-color: #f6e1e8; }
  .mobile-lg\:hover\:border-magenta-10:hover {
    border-color: #f6e1e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-20 {
    border-color: #f0bbcc; }
  .mobile-lg\:hover\:border-magenta-20:hover {
    border-color: #f0bbcc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-30 {
    border-color: #e895b3; }
  .mobile-lg\:hover\:border-magenta-30:hover {
    border-color: #e895b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-40 {
    border-color: #e0699f; }
  .mobile-lg\:hover\:border-magenta-40:hover {
    border-color: #e0699f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-50 {
    border-color: #c84281; }
  .mobile-lg\:hover\:border-magenta-50:hover {
    border-color: #c84281; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-60 {
    border-color: #8b4566; }
  .mobile-lg\:hover\:border-magenta-60:hover {
    border-color: #8b4566; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-70 {
    border-color: #66364b; }
  .mobile-lg\:hover\:border-magenta-70:hover {
    border-color: #66364b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-80 {
    border-color: #402731; }
  .mobile-lg\:hover\:border-magenta-80:hover {
    border-color: #402731; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-90 {
    border-color: #1b1617; }
  .mobile-lg\:hover\:border-magenta-90:hover {
    border-color: #1b1617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-5v {
    border-color: #f9f0f2; }
  .mobile-lg\:hover\:border-magenta-5v:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-10v {
    border-color: #ffddea; }
  .mobile-lg\:hover\:border-magenta-10v:hover {
    border-color: #ffddea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-20v {
    border-color: #ffb4cf; }
  .mobile-lg\:hover\:border-magenta-20v:hover {
    border-color: #ffb4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-30v {
    border-color: #ff87b2; }
  .mobile-lg\:hover\:border-magenta-30v:hover {
    border-color: #ff87b2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-40v {
    border-color: #fd4496; }
  .mobile-lg\:hover\:border-magenta-40v:hover {
    border-color: #fd4496; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-50v {
    border-color: #d72d79; }
  .mobile-lg\:hover\:border-magenta-50v:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-60v {
    border-color: #ab2165; }
  .mobile-lg\:hover\:border-magenta-60v:hover {
    border-color: #ab2165; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-70v {
    border-color: #731f44; }
  .mobile-lg\:hover\:border-magenta-70v:hover {
    border-color: #731f44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-magenta-80v {
    border-color: #4f172e; }
  .mobile-lg\:hover\:border-magenta-80v:hover {
    border-color: #4f172e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-5 {
    border-color: #e0f7f6; }
  .mobile-lg\:hover\:border-mint-cool-5:hover {
    border-color: #e0f7f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-10 {
    border-color: #c4eeeb; }
  .mobile-lg\:hover\:border-mint-cool-10:hover {
    border-color: #c4eeeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-20 {
    border-color: #9bd4cf; }
  .mobile-lg\:hover\:border-mint-cool-20:hover {
    border-color: #9bd4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-30 {
    border-color: #6fbab3; }
  .mobile-lg\:hover\:border-mint-cool-30:hover {
    border-color: #6fbab3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-40 {
    border-color: #4f9e99; }
  .mobile-lg\:hover\:border-mint-cool-40:hover {
    border-color: #4f9e99; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-50 {
    border-color: #40807e; }
  .mobile-lg\:hover\:border-mint-cool-50:hover {
    border-color: #40807e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-60 {
    border-color: #376462; }
  .mobile-lg\:hover\:border-mint-cool-60:hover {
    border-color: #376462; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-70 {
    border-color: #2a4b45; }
  .mobile-lg\:hover\:border-mint-cool-70:hover {
    border-color: #2a4b45; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-80 {
    border-color: #203131; }
  .mobile-lg\:hover\:border-mint-cool-80:hover {
    border-color: #203131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-90 {
    border-color: #111818; }
  .mobile-lg\:hover\:border-mint-cool-90:hover {
    border-color: #111818; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-5v {
    border-color: #d5fbf3; }
  .mobile-lg\:hover\:border-mint-cool-5v:hover {
    border-color: #d5fbf3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-10v {
    border-color: #7efbe1; }
  .mobile-lg\:hover\:border-mint-cool-10v:hover {
    border-color: #7efbe1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-20v {
    border-color: #29e1cb; }
  .mobile-lg\:hover\:border-mint-cool-20v:hover {
    border-color: #29e1cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-30v {
    border-color: #1dc2ae; }
  .mobile-lg\:hover\:border-mint-cool-30v:hover {
    border-color: #1dc2ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-40v {
    border-color: #00a398; }
  .mobile-lg\:hover\:border-mint-cool-40v:hover {
    border-color: #00a398; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-50v {
    border-color: #008480; }
  .mobile-lg\:hover\:border-mint-cool-50v:hover {
    border-color: #008480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-60v {
    border-color: #0f6460; }
  .mobile-lg\:hover\:border-mint-cool-60v:hover {
    border-color: #0f6460; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-70v {
    border-color: #0b4b3f; }
  .mobile-lg\:hover\:border-mint-cool-70v:hover {
    border-color: #0b4b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-cool-80v {
    border-color: #123131; }
  .mobile-lg\:hover\:border-mint-cool-80v:hover {
    border-color: #123131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-5 {
    border-color: #dbf6ed; }
  .mobile-lg\:hover\:border-mint-5:hover {
    border-color: #dbf6ed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-10 {
    border-color: #c7efe2; }
  .mobile-lg\:hover\:border-mint-10:hover {
    border-color: #c7efe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-20 {
    border-color: #92d9bb; }
  .mobile-lg\:hover\:border-mint-20:hover {
    border-color: #92d9bb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-30 {
    border-color: #5abf95; }
  .mobile-lg\:hover\:border-mint-30:hover {
    border-color: #5abf95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-40 {
    border-color: #34a37e; }
  .mobile-lg\:hover\:border-mint-40:hover {
    border-color: #34a37e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-50 {
    border-color: #2e8367; }
  .mobile-lg\:hover\:border-mint-50:hover {
    border-color: #2e8367; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-60 {
    border-color: #286846; }
  .mobile-lg\:hover\:border-mint-60:hover {
    border-color: #286846; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-70 {
    border-color: #204e34; }
  .mobile-lg\:hover\:border-mint-70:hover {
    border-color: #204e34; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-80 {
    border-color: #193324; }
  .mobile-lg\:hover\:border-mint-80:hover {
    border-color: #193324; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-90 {
    border-color: #0d1a12; }
  .mobile-lg\:hover\:border-mint-90:hover {
    border-color: #0d1a12; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-5v {
    border-color: #c9fbeb; }
  .mobile-lg\:hover\:border-mint-5v:hover {
    border-color: #c9fbeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-10v {
    border-color: #83fcd4; }
  .mobile-lg\:hover\:border-mint-10v:hover {
    border-color: #83fcd4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-20v {
    border-color: #0ceda6; }
  .mobile-lg\:hover\:border-mint-20v:hover {
    border-color: #0ceda6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-30v {
    border-color: #04c585; }
  .mobile-lg\:hover\:border-mint-30v:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-40v {
    border-color: #00a871; }
  .mobile-lg\:hover\:border-mint-40v:hover {
    border-color: #00a871; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-50v {
    border-color: #008659; }
  .mobile-lg\:hover\:border-mint-50v:hover {
    border-color: #008659; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-60v {
    border-color: #146947; }
  .mobile-lg\:hover\:border-mint-60v:hover {
    border-color: #146947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-70v {
    border-color: #0c4e29; }
  .mobile-lg\:hover\:border-mint-70v:hover {
    border-color: #0c4e29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-mint-80v {
    border-color: #0d351e; }
  .mobile-lg\:hover\:border-mint-80v:hover {
    border-color: #0d351e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-5 {
    border-color: #f6efe9; }
  .mobile-lg\:hover\:border-orange-5:hover {
    border-color: #f6efe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-10 {
    border-color: #f2e4d4; }
  .mobile-lg\:hover\:border-orange-10:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-20 {
    border-color: #f3bf90; }
  .mobile-lg\:hover\:border-orange-20:hover {
    border-color: #f3bf90; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-30 {
    border-color: #f09860; }
  .mobile-lg\:hover\:border-orange-30:hover {
    border-color: #f09860; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-40 {
    border-color: #dd7533; }
  .mobile-lg\:hover\:border-orange-40:hover {
    border-color: #dd7533; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-50 {
    border-color: #a86437; }
  .mobile-lg\:hover\:border-orange-50:hover {
    border-color: #a86437; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-60 {
    border-color: #775540; }
  .mobile-lg\:hover\:border-orange-60:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-70 {
    border-color: #524236; }
  .mobile-lg\:hover\:border-orange-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-80 {
    border-color: #332d27; }
  .mobile-lg\:hover\:border-orange-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-90 {
    border-color: #1b1614; }
  .mobile-lg\:hover\:border-orange-90:hover {
    border-color: #1b1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-5v {
    border-color: #fef2e4; }
  .mobile-lg\:hover\:border-orange-5v:hover {
    border-color: #fef2e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-10v {
    border-color: #fce2c5; }
  .mobile-lg\:hover\:border-orange-10v:hover {
    border-color: #fce2c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-20v {
    border-color: #ffbc78; }
  .mobile-lg\:hover\:border-orange-20v:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-30v {
    border-color: #fa9441; }
  .mobile-lg\:hover\:border-orange-30v:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-40v {
    border-color: #e66f0e; }
  .mobile-lg\:hover\:border-orange-40v:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-50v {
    border-color: #c05600; }
  .mobile-lg\:hover\:border-orange-50v:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-60v {
    border-color: #8c471c; }
  .mobile-lg\:hover\:border-orange-60v:hover {
    border-color: #8c471c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-70v {
    border-color: #5f3617; }
  .mobile-lg\:hover\:border-orange-70v:hover {
    border-color: #5f3617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-80v {
    border-color: #352313; }
  .mobile-lg\:hover\:border-orange-80v:hover {
    border-color: #352313; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-5 {
    border-color: #faeee5; }
  .mobile-lg\:hover\:border-orange-warm-5:hover {
    border-color: #faeee5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-10 {
    border-color: #fbe0d0; }
  .mobile-lg\:hover\:border-orange-warm-10:hover {
    border-color: #fbe0d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-20 {
    border-color: #f7bca2; }
  .mobile-lg\:hover\:border-orange-warm-20:hover {
    border-color: #f7bca2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-30 {
    border-color: #f3966d; }
  .mobile-lg\:hover\:border-orange-warm-30:hover {
    border-color: #f3966d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-40 {
    border-color: #e17141; }
  .mobile-lg\:hover\:border-orange-warm-40:hover {
    border-color: #e17141; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-50 {
    border-color: #bd5727; }
  .mobile-lg\:hover\:border-orange-warm-50:hover {
    border-color: #bd5727; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-60 {
    border-color: #914734; }
  .mobile-lg\:hover\:border-orange-warm-60:hover {
    border-color: #914734; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-70 {
    border-color: #633a32; }
  .mobile-lg\:hover\:border-orange-warm-70:hover {
    border-color: #633a32; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-80 {
    border-color: #3d2925; }
  .mobile-lg\:hover\:border-orange-warm-80:hover {
    border-color: #3d2925; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-90 {
    border-color: #1c1615; }
  .mobile-lg\:hover\:border-orange-warm-90:hover {
    border-color: #1c1615; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-5v {
    border-color: #fff3ea; }
  .mobile-lg\:hover\:border-orange-warm-5v:hover {
    border-color: #fff3ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-10v {
    border-color: #ffe2d1; }
  .mobile-lg\:hover\:border-orange-warm-10v:hover {
    border-color: #ffe2d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-20v {
    border-color: #fbbaa7; }
  .mobile-lg\:hover\:border-orange-warm-20v:hover {
    border-color: #fbbaa7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-30v {
    border-color: #fc906d; }
  .mobile-lg\:hover\:border-orange-warm-30v:hover {
    border-color: #fc906d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-40v {
    border-color: #ff580a; }
  .mobile-lg\:hover\:border-orange-warm-40v:hover {
    border-color: #ff580a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-50v {
    border-color: #cf4900; }
  .mobile-lg\:hover\:border-orange-warm-50v:hover {
    border-color: #cf4900; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-60v {
    border-color: #a72f10; }
  .mobile-lg\:hover\:border-orange-warm-60v:hover {
    border-color: #a72f10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-70v {
    border-color: #782312; }
  .mobile-lg\:hover\:border-orange-warm-70v:hover {
    border-color: #782312; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-orange-warm-80v {
    border-color: #3d231d; }
  .mobile-lg\:hover\:border-orange-warm-80v:hover {
    border-color: #3d231d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-5 {
    border-color: #f8eff1; }
  .mobile-lg\:hover\:border-red-cool-5:hover {
    border-color: #f8eff1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-10 {
    border-color: #f3e1e4; }
  .mobile-lg\:hover\:border-red-cool-10:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-20 {
    border-color: #ecbec6; }
  .mobile-lg\:hover\:border-red-cool-20:hover {
    border-color: #ecbec6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-30 {
    border-color: #e09aa6; }
  .mobile-lg\:hover\:border-red-cool-30:hover {
    border-color: #e09aa6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-40 {
    border-color: #e16b80; }
  .mobile-lg\:hover\:border-red-cool-40:hover {
    border-color: #e16b80; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-50 {
    border-color: #cd425b; }
  .mobile-lg\:hover\:border-red-cool-50:hover {
    border-color: #cd425b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-60 {
    border-color: #9e394b; }
  .mobile-lg\:hover\:border-red-cool-60:hover {
    border-color: #9e394b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-70 {
    border-color: #68363f; }
  .mobile-lg\:hover\:border-red-cool-70:hover {
    border-color: #68363f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-80 {
    border-color: #40282c; }
  .mobile-lg\:hover\:border-red-cool-80:hover {
    border-color: #40282c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-90 {
    border-color: #1e1517; }
  .mobile-lg\:hover\:border-red-cool-90:hover {
    border-color: #1e1517; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-5v {
    border-color: #fff2f5; }
  .mobile-lg\:hover\:border-red-cool-5v:hover {
    border-color: #fff2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-10v {
    border-color: #f8dfe2; }
  .mobile-lg\:hover\:border-red-cool-10v:hover {
    border-color: #f8dfe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-20v {
    border-color: #f8b9c5; }
  .mobile-lg\:hover\:border-red-cool-20v:hover {
    border-color: #f8b9c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-30v {
    border-color: #fd8ba0; }
  .mobile-lg\:hover\:border-red-cool-30v:hover {
    border-color: #fd8ba0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-40v {
    border-color: #f45d79; }
  .mobile-lg\:hover\:border-red-cool-40v:hover {
    border-color: #f45d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-50v {
    border-color: #e41d3d; }
  .mobile-lg\:hover\:border-red-cool-50v:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-60v {
    border-color: #b21d38; }
  .mobile-lg\:hover\:border-red-cool-60v:hover {
    border-color: #b21d38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-70v {
    border-color: #822133; }
  .mobile-lg\:hover\:border-red-cool-70v:hover {
    border-color: #822133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-cool-80v {
    border-color: #4f1c24; }
  .mobile-lg\:hover\:border-red-cool-80v:hover {
    border-color: #4f1c24; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-5 {
    border-color: #f9eeee; }
  .mobile-lg\:hover\:border-red-5:hover {
    border-color: #f9eeee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-10 {
    border-color: #f8e1de; }
  .mobile-lg\:hover\:border-red-10:hover {
    border-color: #f8e1de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-20 {
    border-color: #f7bbb1; }
  .mobile-lg\:hover\:border-red-20:hover {
    border-color: #f7bbb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-30 {
    border-color: #f2938c; }
  .mobile-lg\:hover\:border-red-30:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-40 {
    border-color: #e9695f; }
  .mobile-lg\:hover\:border-red-40:hover {
    border-color: #e9695f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-50 {
    border-color: #d83933; }
  .mobile-lg\:hover\:border-red-50:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-60 {
    border-color: #a23737; }
  .mobile-lg\:hover\:border-red-60:hover {
    border-color: #a23737; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-70 {
    border-color: #6f3331; }
  .mobile-lg\:hover\:border-red-70:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-80 {
    border-color: #3e2927; }
  .mobile-lg\:hover\:border-red-80:hover {
    border-color: #3e2927; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-90 {
    border-color: #1b1616; }
  .mobile-lg\:hover\:border-red-90:hover {
    border-color: #1b1616; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-5v {
    border-color: #fff3f2; }
  .mobile-lg\:hover\:border-red-5v:hover {
    border-color: #fff3f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-10v {
    border-color: #fde0db; }
  .mobile-lg\:hover\:border-red-10v:hover {
    border-color: #fde0db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-20v {
    border-color: #fdb8ae; }
  .mobile-lg\:hover\:border-red-20v:hover {
    border-color: #fdb8ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-30v {
    border-color: #ff8d7b; }
  .mobile-lg\:hover\:border-red-30v:hover {
    border-color: #ff8d7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-40v {
    border-color: #fb5a47; }
  .mobile-lg\:hover\:border-red-40v:hover {
    border-color: #fb5a47; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-50v {
    border-color: #e52207; }
  .mobile-lg\:hover\:border-red-50v:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-60v {
    border-color: #b50909; }
  .mobile-lg\:hover\:border-red-60v:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-70v {
    border-color: #8b0a03; }
  .mobile-lg\:hover\:border-red-70v:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-80v {
    border-color: #5c1111; }
  .mobile-lg\:hover\:border-red-80v:hover {
    border-color: #5c1111; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-5 {
    border-color: #f6efea; }
  .mobile-lg\:hover\:border-red-warm-5:hover {
    border-color: #f6efea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-10 {
    border-color: #f4e3db; }
  .mobile-lg\:hover\:border-red-warm-10:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-20 {
    border-color: #ecc0a7; }
  .mobile-lg\:hover\:border-red-warm-20:hover {
    border-color: #ecc0a7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-30 {
    border-color: #dca081; }
  .mobile-lg\:hover\:border-red-warm-30:hover {
    border-color: #dca081; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-40 {
    border-color: #d27a56; }
  .mobile-lg\:hover\:border-red-warm-40:hover {
    border-color: #d27a56; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-50 {
    border-color: #c3512c; }
  .mobile-lg\:hover\:border-red-warm-50:hover {
    border-color: #c3512c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-60 {
    border-color: #805039; }
  .mobile-lg\:hover\:border-red-warm-60:hover {
    border-color: #805039; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-70 {
    border-color: #524236; }
  .mobile-lg\:hover\:border-red-warm-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-80 {
    border-color: #332d29; }
  .mobile-lg\:hover\:border-red-warm-80:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-90 {
    border-color: #1f1c18; }
  .mobile-lg\:hover\:border-red-warm-90:hover {
    border-color: #1f1c18; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-5v {
    border-color: #fff5ee; }
  .mobile-lg\:hover\:border-red-warm-5v:hover {
    border-color: #fff5ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-10v {
    border-color: #fce1d4; }
  .mobile-lg\:hover\:border-red-warm-10v:hover {
    border-color: #fce1d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-20v {
    border-color: #f6bd9c; }
  .mobile-lg\:hover\:border-red-warm-20v:hover {
    border-color: #f6bd9c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-30v {
    border-color: #f39268; }
  .mobile-lg\:hover\:border-red-warm-30v:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-40v {
    border-color: #ef5e25; }
  .mobile-lg\:hover\:border-red-warm-40v:hover {
    border-color: #ef5e25; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-50v {
    border-color: #d54309; }
  .mobile-lg\:hover\:border-red-warm-50v:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-60v {
    border-color: #9c3d10; }
  .mobile-lg\:hover\:border-red-warm-60v:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-70v {
    border-color: #63340f; }
  .mobile-lg\:hover\:border-red-warm-70v:hover {
    border-color: #63340f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-red-warm-80v {
    border-color: #3e2a1e; }
  .mobile-lg\:hover\:border-red-warm-80v:hover {
    border-color: #3e2a1e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-5 {
    border-color: #f4f1f9; }
  .mobile-lg\:hover\:border-violet-5:hover {
    border-color: #f4f1f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-10 {
    border-color: #ebe3f9; }
  .mobile-lg\:hover\:border-violet-10:hover {
    border-color: #ebe3f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-20 {
    border-color: #d0c3e9; }
  .mobile-lg\:hover\:border-violet-20:hover {
    border-color: #d0c3e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-30 {
    border-color: #b8a2e3; }
  .mobile-lg\:hover\:border-violet-30:hover {
    border-color: #b8a2e3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-40 {
    border-color: #9d84d2; }
  .mobile-lg\:hover\:border-violet-40:hover {
    border-color: #9d84d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-50 {
    border-color: #8168b3; }
  .mobile-lg\:hover\:border-violet-50:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-60 {
    border-color: #665190; }
  .mobile-lg\:hover\:border-violet-60:hover {
    border-color: #665190; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-70 {
    border-color: #4c3d69; }
  .mobile-lg\:hover\:border-violet-70:hover {
    border-color: #4c3d69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-80 {
    border-color: #312b3f; }
  .mobile-lg\:hover\:border-violet-80:hover {
    border-color: #312b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-90 {
    border-color: #18161d; }
  .mobile-lg\:hover\:border-violet-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-5v {
    border-color: #f7f2ff; }
  .mobile-lg\:hover\:border-violet-5v:hover {
    border-color: #f7f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-10v {
    border-color: #ede3ff; }
  .mobile-lg\:hover\:border-violet-10v:hover {
    border-color: #ede3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-20v {
    border-color: #d5bfff; }
  .mobile-lg\:hover\:border-violet-20v:hover {
    border-color: #d5bfff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-30v {
    border-color: #c39deb; }
  .mobile-lg\:hover\:border-violet-30v:hover {
    border-color: #c39deb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-40v {
    border-color: #ad79e9; }
  .mobile-lg\:hover\:border-violet-40v:hover {
    border-color: #ad79e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-50v {
    border-color: #9355dc; }
  .mobile-lg\:hover\:border-violet-50v:hover {
    border-color: #9355dc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-60v {
    border-color: #783cb9; }
  .mobile-lg\:hover\:border-violet-60v:hover {
    border-color: #783cb9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-70v {
    border-color: #54278f; }
  .mobile-lg\:hover\:border-violet-70v:hover {
    border-color: #54278f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-80v {
    border-color: #39215e; }
  .mobile-lg\:hover\:border-violet-80v:hover {
    border-color: #39215e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-5 {
    border-color: #f8f0f9; }
  .mobile-lg\:hover\:border-violet-warm-5:hover {
    border-color: #f8f0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-10 {
    border-color: #f6dff8; }
  .mobile-lg\:hover\:border-violet-warm-10:hover {
    border-color: #f6dff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-20 {
    border-color: #e2bee4; }
  .mobile-lg\:hover\:border-violet-warm-20:hover {
    border-color: #e2bee4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-30 {
    border-color: #d29ad8; }
  .mobile-lg\:hover\:border-violet-warm-30:hover {
    border-color: #d29ad8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-40 {
    border-color: #bf77c8; }
  .mobile-lg\:hover\:border-violet-warm-40:hover {
    border-color: #bf77c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-50 {
    border-color: #b04abd; }
  .mobile-lg\:hover\:border-violet-warm-50:hover {
    border-color: #b04abd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-60 {
    border-color: #864381; }
  .mobile-lg\:hover\:border-violet-warm-60:hover {
    border-color: #864381; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-70 {
    border-color: #5c395a; }
  .mobile-lg\:hover\:border-violet-warm-70:hover {
    border-color: #5c395a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-80 {
    border-color: #382936; }
  .mobile-lg\:hover\:border-violet-warm-80:hover {
    border-color: #382936; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-90 {
    border-color: #1b151b; }
  .mobile-lg\:hover\:border-violet-warm-90:hover {
    border-color: #1b151b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-5v {
    border-color: #fef2ff; }
  .mobile-lg\:hover\:border-violet-warm-5v:hover {
    border-color: #fef2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-10v {
    border-color: #fbdcff; }
  .mobile-lg\:hover\:border-violet-warm-10v:hover {
    border-color: #fbdcff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-20v {
    border-color: #f4b2ff; }
  .mobile-lg\:hover\:border-violet-warm-20v:hover {
    border-color: #f4b2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-30v {
    border-color: #ee83ff; }
  .mobile-lg\:hover\:border-violet-warm-30v:hover {
    border-color: #ee83ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-40v {
    border-color: #d85bef; }
  .mobile-lg\:hover\:border-violet-warm-40v:hover {
    border-color: #d85bef; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-50v {
    border-color: #be32d0; }
  .mobile-lg\:hover\:border-violet-warm-50v:hover {
    border-color: #be32d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-60v {
    border-color: #93348c; }
  .mobile-lg\:hover\:border-violet-warm-60v:hover {
    border-color: #93348c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-70v {
    border-color: #711e6c; }
  .mobile-lg\:hover\:border-violet-warm-70v:hover {
    border-color: #711e6c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-violet-warm-80v {
    border-color: #481441; }
  .mobile-lg\:hover\:border-violet-warm-80v:hover {
    border-color: #481441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white-transparent-5 {
    border-color: rgba(255, 255, 255, 0.01); }
  .mobile-lg\:hover\:border-white-transparent-5:hover {
    border-color: rgba(255, 255, 255, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white-transparent-10 {
    border-color: rgba(255, 255, 255, 0.1); }
  .mobile-lg\:hover\:border-white-transparent-10:hover {
    border-color: rgba(255, 255, 255, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white-transparent-20 {
    border-color: rgba(255, 255, 255, 0.2); }
  .mobile-lg\:hover\:border-white-transparent-20:hover {
    border-color: rgba(255, 255, 255, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white-transparent-30 {
    border-color: rgba(255, 255, 255, 0.3); }
  .mobile-lg\:hover\:border-white-transparent-30:hover {
    border-color: rgba(255, 255, 255, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white-transparent-40 {
    border-color: rgba(255, 255, 255, 0.4); }
  .mobile-lg\:hover\:border-white-transparent-40:hover {
    border-color: rgba(255, 255, 255, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white-transparent-50 {
    border-color: rgba(255, 255, 255, 0.5); }
  .mobile-lg\:hover\:border-white-transparent-50:hover {
    border-color: rgba(255, 255, 255, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white-transparent-60 {
    border-color: rgba(255, 255, 255, 0.6); }
  .mobile-lg\:hover\:border-white-transparent-60:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white-transparent-70 {
    border-color: rgba(255, 255, 255, 0.7); }
  .mobile-lg\:hover\:border-white-transparent-70:hover {
    border-color: rgba(255, 255, 255, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white-transparent-80 {
    border-color: rgba(255, 255, 255, 0.8); }
  .mobile-lg\:hover\:border-white-transparent-80:hover {
    border-color: rgba(255, 255, 255, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-white-transparent-90 {
    border-color: rgba(255, 255, 255, 0.9); }
  .mobile-lg\:hover\:border-white-transparent-90:hover {
    border-color: rgba(255, 255, 255, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-5 {
    border-color: #faf3d1; }
  .mobile-lg\:hover\:border-yellow-5:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-10 {
    border-color: #f5e6af; }
  .mobile-lg\:hover\:border-yellow-10:hover {
    border-color: #f5e6af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-20 {
    border-color: #e6c74c; }
  .mobile-lg\:hover\:border-yellow-20:hover {
    border-color: #e6c74c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-30 {
    border-color: #c9ab48; }
  .mobile-lg\:hover\:border-yellow-30:hover {
    border-color: #c9ab48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-40 {
    border-color: #a88f48; }
  .mobile-lg\:hover\:border-yellow-40:hover {
    border-color: #a88f48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-50 {
    border-color: #8a7237; }
  .mobile-lg\:hover\:border-yellow-50:hover {
    border-color: #8a7237; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-60 {
    border-color: #6b5a39; }
  .mobile-lg\:hover\:border-yellow-60:hover {
    border-color: #6b5a39; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-70 {
    border-color: #504332; }
  .mobile-lg\:hover\:border-yellow-70:hover {
    border-color: #504332; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-80 {
    border-color: #332d27; }
  .mobile-lg\:hover\:border-yellow-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-90 {
    border-color: #1a1614; }
  .mobile-lg\:hover\:border-yellow-90:hover {
    border-color: #1a1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-5v {
    border-color: #fff5c2; }
  .mobile-lg\:hover\:border-yellow-5v:hover {
    border-color: #fff5c2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-10v {
    border-color: #fee685; }
  .mobile-lg\:hover\:border-yellow-10v:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-20v {
    border-color: #face00; }
  .mobile-lg\:hover\:border-yellow-20v:hover {
    border-color: #face00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-30v {
    border-color: #ddaa01; }
  .mobile-lg\:hover\:border-yellow-30v:hover {
    border-color: #ddaa01; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-40v {
    border-color: #b38c00; }
  .mobile-lg\:hover\:border-yellow-40v:hover {
    border-color: #b38c00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-50v {
    border-color: #947100; }
  .mobile-lg\:hover\:border-yellow-50v:hover {
    border-color: #947100; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-60v {
    border-color: #776017; }
  .mobile-lg\:hover\:border-yellow-60v:hover {
    border-color: #776017; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-70v {
    border-color: #5c4809; }
  .mobile-lg\:hover\:border-yellow-70v:hover {
    border-color: #5c4809; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:border-yellow-80v {
    border-color: #422d19; }
  .mobile-lg\:hover\:border-yellow-80v:hover {
    border-color: #422d19; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-0 {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-none {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-top-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-right-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-bottom-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-left-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-sm {
    border-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-top-sm {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-right-sm {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-bottom-sm {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-left-sm {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-md {
    border-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-top-md {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-right-md {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-bottom-md {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-left-md {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-lg {
    border-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-top-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-right-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-bottom-lg {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-left-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-pill {
    border-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-top-pill {
    border-top-left-radius: 99rem;
    border-top-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-right-pill {
    border-top-right-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-bottom-pill {
    border-bottom-left-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:radius-left-pill {
    border-top-left-radius: 99rem;
    border-bottom-left-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:display-block {
    display: block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:display-flex {
    display: flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:display-none {
    display: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:display-inline {
    display: inline; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:display-inline-block {
    display: inline-block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:display-inline-flex {
    display: inline-flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:display-table {
    display: table; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:display-table-cell {
    display: table-cell; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:display-table-row {
    display: table-row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:flex-row {
    flex-direction: row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:flex-column {
    flex-direction: column; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-mono-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-mono-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-mono-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-mono-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-mono-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-mono-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-mono-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-mono-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-mono-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-sans-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-sans-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-sans-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-sans-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-sans-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-sans-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-sans-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-sans-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-sans-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-serif-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-serif-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-serif-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-serif-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-serif-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-serif-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-serif-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-serif-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-serif-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-heading-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-heading-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-heading-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-heading-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-heading-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-heading-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-heading-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-heading-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-heading-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-body-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-body-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-body-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-body-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-body-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-body-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-body-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-body-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-body-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-code-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-code-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-code-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-code-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-code-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-code-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-code-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-code-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-code-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-alt-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-alt-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-alt-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-alt-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-alt-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-alt-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-alt-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-alt-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-alt-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-ui-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-ui-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-ui-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-ui-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-ui-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-ui-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-ui-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-ui-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:font-ui-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:text-light {
    font-weight: 300; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:text-normal {
    font-weight: normal; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:text-bold {
    font-weight: 700; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:flex-justify-center {
    justify-content: center; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:flex-justify-start {
    justify-content: flex-start; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:flex-justify-end {
    justify-content: flex-end; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:flex-justify {
    justify-content: space-between; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-sans-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-sans-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-sans-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-sans-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-sans-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-sans-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-serif-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-serif-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-serif-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-serif-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-serif-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-serif-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-mono-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-mono-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-mono-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-mono-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-mono-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-mono-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-heading-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-heading-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-heading-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-heading-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-heading-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-heading-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-ui-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-ui-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-ui-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-ui-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-ui-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-ui-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-body-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-body-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-body-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-body-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-body-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-body-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-code-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-code-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-code-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-code-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-code-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-code-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-alt-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-alt-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-alt-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-alt-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-alt-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:line-height-alt-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-1px {
    margin: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-2px {
    margin: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-05 {
    margin: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-1 {
    margin: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-105 {
    margin: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-2 {
    margin: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-205 {
    margin: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-3 {
    margin: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-1px {
    margin: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-2px {
    margin: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-05 {
    margin: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-1 {
    margin: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-105 {
    margin: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-2 {
    margin: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-205 {
    margin: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-3 {
    margin: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-4 {
    margin: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-5 {
    margin: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-6 {
    margin: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-7 {
    margin: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-8 {
    margin: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-9 {
    margin: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-10 {
    margin: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-neg-15 {
    margin: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-4 {
    margin: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-5 {
    margin: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-6 {
    margin: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-7 {
    margin: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-8 {
    margin: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-9 {
    margin: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-10 {
    margin: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-15 {
    margin: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-05em {
    margin: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-1em {
    margin: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-105em {
    margin: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-2em {
    margin: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-0 {
    margin: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-1px {
    margin-top: 1px;
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-1px {
    margin-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-1px {
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-2px {
    margin-top: 2px;
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-2px {
    margin-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-2px {
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-05 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-05 {
    margin-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-05 {
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-1 {
    margin-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-1 {
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-105 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-105 {
    margin-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-105 {
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-2 {
    margin-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-2 {
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-205 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-205 {
    margin-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-205 {
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-3 {
    margin-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-3 {
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-1px {
    margin-top: -1px;
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-1px {
    margin-top: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-1px {
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-2px {
    margin-top: -2px;
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-2px {
    margin-top: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-2px {
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-05 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-05 {
    margin-top: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-05 {
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-1 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-1 {
    margin-top: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-1 {
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-105 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-105 {
    margin-top: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-105 {
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-2 {
    margin-top: -1rem;
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-2 {
    margin-top: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-2 {
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-205 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-205 {
    margin-top: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-205 {
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-3 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-3 {
    margin-top: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-3 {
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-4 {
    margin-top: -2rem;
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-4 {
    margin-top: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-4 {
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-5 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-5 {
    margin-top: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-5 {
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-6 {
    margin-top: -3rem;
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-6 {
    margin-top: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-6 {
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-7 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-7 {
    margin-top: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-7 {
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-8 {
    margin-top: -4rem;
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-8 {
    margin-top: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-8 {
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-9 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-9 {
    margin-top: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-9 {
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-10 {
    margin-top: -5rem;
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-10 {
    margin-top: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-10 {
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-neg-15 {
    margin-top: -7.5rem;
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-neg-15 {
    margin-top: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-neg-15 {
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-4 {
    margin-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-4 {
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-5 {
    margin-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-5 {
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-6 {
    margin-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-6 {
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-7 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-7 {
    margin-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-7 {
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-8 {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-8 {
    margin-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-8 {
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-9 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-9 {
    margin-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-9 {
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-10 {
    margin-top: 5rem;
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-10 {
    margin-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-10 {
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-15 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-15 {
    margin-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-15 {
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-05em {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-05em {
    margin-top: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-05em {
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-1em {
    margin-top: 1em;
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-1em {
    margin-top: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-1em {
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-105em {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-105em {
    margin-top: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-105em {
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-2em {
    margin-top: 2em;
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-2em {
    margin-top: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-2em {
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-0 {
    margin-top: 0;
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-0 {
    margin-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-0 {
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-y-auto {
    margin-top: auto;
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-top-auto {
    margin-top: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-bottom-auto {
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-1px {
    margin-left: 1px;
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-1px {
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-1px {
    margin-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-2px {
    margin-left: 2px;
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-2px {
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-2px {
    margin-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-05 {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-05 {
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-05 {
    margin-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-1 {
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-1 {
    margin-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-105 {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-105 {
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-105 {
    margin-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-2 {
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-2 {
    margin-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-205 {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-205 {
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-205 {
    margin-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-3 {
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-3 {
    margin-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-1px {
    margin-left: -1px;
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-1px {
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-1px {
    margin-left: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-2px {
    margin-left: -2px;
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-2px {
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-2px {
    margin-left: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-05 {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-05 {
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-05 {
    margin-left: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-1 {
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-1 {
    margin-left: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-105 {
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-105 {
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-105 {
    margin-left: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-2 {
    margin-left: -1rem;
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-2 {
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-2 {
    margin-left: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-205 {
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-205 {
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-205 {
    margin-left: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-3 {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-3 {
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-3 {
    margin-left: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-4 {
    margin-left: -2rem;
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-4 {
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-4 {
    margin-left: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-5 {
    margin-left: -2.5rem;
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-5 {
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-5 {
    margin-left: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-6 {
    margin-left: -3rem;
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-6 {
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-6 {
    margin-left: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-7 {
    margin-left: -3.5rem;
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-7 {
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-7 {
    margin-left: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-8 {
    margin-left: -4rem;
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-8 {
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-8 {
    margin-left: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-9 {
    margin-left: -4.5rem;
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-9 {
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-9 {
    margin-left: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-10 {
    margin-left: -5rem;
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-10 {
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-10 {
    margin-left: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-neg-15 {
    margin-left: -7.5rem;
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-neg-15 {
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-neg-15 {
    margin-left: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-4 {
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-4 {
    margin-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-5 {
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-5 {
    margin-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-6 {
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-6 {
    margin-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-7 {
    margin-left: 3.5rem;
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-7 {
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-7 {
    margin-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-8 {
    margin-left: 4rem;
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-8 {
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-8 {
    margin-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-9 {
    margin-left: 4.5rem;
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-9 {
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-9 {
    margin-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-10 {
    margin-left: 5rem;
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-10 {
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-10 {
    margin-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-15 {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-15 {
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-15 {
    margin-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-card {
    margin-left: 10rem;
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-card {
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-card {
    margin-left: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-card-lg {
    margin-left: 15rem;
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-card-lg {
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-card-lg {
    margin-left: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-mobile {
    margin-left: 20rem;
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-mobile {
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-mobile {
    margin-left: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-05em {
    margin-left: 0.5em;
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-05em {
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-05em {
    margin-left: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-1em {
    margin-left: 1em;
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-1em {
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-1em {
    margin-left: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-105em {
    margin-left: 1.5em;
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-105em {
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-105em {
    margin-left: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-2em {
    margin-left: 2em;
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-2em {
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-2em {
    margin-left: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-0 {
    margin-left: 0;
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-0 {
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-0 {
    margin-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-x-auto {
    margin-left: auto;
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-right-auto {
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:margin-left-auto {
    margin-left: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:measure-1 {
    max-width: 44ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:measure-2 {
    max-width: 60ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:measure-3 {
    max-width: 64ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:measure-4 {
    max-width: 68ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:measure-5 {
    max-width: 72ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:measure-6 {
    max-width: 88ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:measure-none {
    max-width: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-05 {
    min-width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-1 {
    min-width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-105 {
    min-width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-2 {
    min-width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-205 {
    min-width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-3 {
    min-width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-4 {
    min-width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-5 {
    min-width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-6 {
    min-width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-7 {
    min-width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-8 {
    min-width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-9 {
    min-width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-10 {
    min-width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-15 {
    min-width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-0 {
    min-width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-card {
    min-width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:minw-card-lg {
    min-width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-first {
    order: -1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-last {
    order: 999; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-initial {
    order: initial; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-0 {
    order: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-1 {
    order: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-2 {
    order: 2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-3 {
    order: 3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-4 {
    order: 4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-5 {
    order: 5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-6 {
    order: 6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-7 {
    order: 7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-8 {
    order: 8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-9 {
    order: 9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-10 {
    order: 10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:order-11 {
    order: 11; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-1px {
    padding: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-1px {
    padding-top: 1px;
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-1px {
    padding-left: 1px;
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-1px {
    padding-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-1px {
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-1px {
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-1px {
    padding-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-2px {
    padding: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-2px {
    padding-top: 2px;
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-2px {
    padding-left: 2px;
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-2px {
    padding-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-2px {
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-2px {
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-2px {
    padding-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-05 {
    padding: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-05 {
    padding-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-05 {
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-05 {
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-05 {
    padding-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-1 {
    padding: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-1 {
    padding-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-1 {
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-1 {
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-1 {
    padding-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-105 {
    padding: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-105 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-105 {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-105 {
    padding-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-105 {
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-105 {
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-105 {
    padding-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-2 {
    padding: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-2 {
    padding-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-2 {
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-2 {
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-2 {
    padding-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-205 {
    padding: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-205 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-205 {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-205 {
    padding-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-205 {
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-205 {
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-205 {
    padding-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-3 {
    padding: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-3 {
    padding-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-3 {
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-3 {
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-3 {
    padding-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-4 {
    padding: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-4 {
    padding-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-4 {
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-4 {
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-4 {
    padding-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-5 {
    padding: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-5 {
    padding-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-5 {
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-5 {
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-5 {
    padding-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-6 {
    padding: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-6 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-6 {
    padding-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-6 {
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-6 {
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-6 {
    padding-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-7 {
    padding: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-7 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-7 {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-7 {
    padding-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-7 {
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-7 {
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-7 {
    padding-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-8 {
    padding: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-8 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-8 {
    padding-left: 4rem;
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-8 {
    padding-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-8 {
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-8 {
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-8 {
    padding-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-9 {
    padding: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-9 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-9 {
    padding-left: 4.5rem;
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-9 {
    padding-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-9 {
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-9 {
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-9 {
    padding-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-10 {
    padding: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-10 {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-10 {
    padding-left: 5rem;
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-10 {
    padding-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-10 {
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-10 {
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-10 {
    padding-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-15 {
    padding: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-15 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-15 {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-15 {
    padding-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-15 {
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-15 {
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-15 {
    padding-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-0 {
    padding: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-y-0 {
    padding-top: 0;
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-x-0 {
    padding-left: 0;
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-top-0 {
    padding-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-right-0 {
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-bottom-0 {
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:padding-left-0 {
    padding-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:position-absolute {
    position: absolute; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:position-fixed {
    position: fixed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:position-relative {
    position: relative; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:position-static {
    position: static; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:position-sticky {
    position: sticky; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-1px {
    width: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-2px {
    width: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-05 {
    width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-1 {
    width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-105 {
    width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-2 {
    width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-205 {
    width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-3 {
    width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-4 {
    width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-5 {
    width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-6 {
    width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-7 {
    width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-8 {
    width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-9 {
    width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-10 {
    width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-15 {
    width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-card {
    width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-card-lg {
    width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-mobile {
    width: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-mobile-lg {
    width: 30rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-tablet {
    width: 40rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-tablet-lg {
    width: 55rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-desktop {
    width: 64rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-desktop-lg {
    width: 75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-widescreen {
    width: 87.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-0 {
    width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-full {
    width: 100%; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .mobile-lg\:width-auto {
    width: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */ }

@media all and (min-width: 40em) {
  .tablet\:border-1px {
    border: 1px solid; }
  .tablet\:hover\:border-1px:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-top-1px {
    border-top: 1px solid; }
  .tablet\:hover\:border-top-1px:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-right-1px {
    border-right: 1px solid; }
  .tablet\:hover\:border-right-1px:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-bottom-1px {
    border-bottom: 1px solid; }
  .tablet\:hover\:border-bottom-1px:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-left-1px {
    border-left: 1px solid; }
  .tablet\:hover\:border-left-1px:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-2px {
    border: 2px solid; }
  .tablet\:hover\:border-2px:hover {
    border: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-top-2px {
    border-top: 2px solid; }
  .tablet\:hover\:border-top-2px:hover {
    border-top: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-right-2px {
    border-right: 2px solid; }
  .tablet\:hover\:border-right-2px:hover {
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-bottom-2px {
    border-bottom: 2px solid; }
  .tablet\:hover\:border-bottom-2px:hover {
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-left-2px {
    border-left: 2px solid; }
  .tablet\:hover\:border-left-2px:hover {
    border-left: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-05 {
    border: 0.25rem solid; }
  .tablet\:hover\:border-05:hover {
    border: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-top-05 {
    border-top: 0.25rem solid; }
  .tablet\:hover\:border-top-05:hover {
    border-top: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-right-05 {
    border-right: 0.25rem solid; }
  .tablet\:hover\:border-right-05:hover {
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-bottom-05 {
    border-bottom: 0.25rem solid; }
  .tablet\:hover\:border-bottom-05:hover {
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-left-05 {
    border-left: 0.25rem solid; }
  .tablet\:hover\:border-left-05:hover {
    border-left: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-1 {
    border: 0.5rem solid; }
  .tablet\:hover\:border-1:hover {
    border: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-top-1 {
    border-top: 0.5rem solid; }
  .tablet\:hover\:border-top-1:hover {
    border-top: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-right-1 {
    border-right: 0.5rem solid; }
  .tablet\:hover\:border-right-1:hover {
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-bottom-1 {
    border-bottom: 0.5rem solid; }
  .tablet\:hover\:border-bottom-1:hover {
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-left-1 {
    border-left: 0.5rem solid; }
  .tablet\:hover\:border-left-1:hover {
    border-left: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-105 {
    border: 0.75rem solid; }
  .tablet\:hover\:border-105:hover {
    border: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-top-105 {
    border-top: 0.75rem solid; }
  .tablet\:hover\:border-top-105:hover {
    border-top: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-right-105 {
    border-right: 0.75rem solid; }
  .tablet\:hover\:border-right-105:hover {
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-bottom-105 {
    border-bottom: 0.75rem solid; }
  .tablet\:hover\:border-bottom-105:hover {
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-left-105 {
    border-left: 0.75rem solid; }
  .tablet\:hover\:border-left-105:hover {
    border-left: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-2 {
    border: 1rem solid; }
  .tablet\:hover\:border-2:hover {
    border: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-top-2 {
    border-top: 1rem solid; }
  .tablet\:hover\:border-top-2:hover {
    border-top: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-right-2 {
    border-right: 1rem solid; }
  .tablet\:hover\:border-right-2:hover {
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-bottom-2 {
    border-bottom: 1rem solid; }
  .tablet\:hover\:border-bottom-2:hover {
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-left-2 {
    border-left: 1rem solid; }
  .tablet\:hover\:border-left-2:hover {
    border-left: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-205 {
    border: 1.25rem solid; }
  .tablet\:hover\:border-205:hover {
    border: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-top-205 {
    border-top: 1.25rem solid; }
  .tablet\:hover\:border-top-205:hover {
    border-top: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-right-205 {
    border-right: 1.25rem solid; }
  .tablet\:hover\:border-right-205:hover {
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-bottom-205 {
    border-bottom: 1.25rem solid; }
  .tablet\:hover\:border-bottom-205:hover {
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-left-205 {
    border-left: 1.25rem solid; }
  .tablet\:hover\:border-left-205:hover {
    border-left: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-3 {
    border: 1.5rem solid; }
  .tablet\:hover\:border-3:hover {
    border: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-top-3 {
    border-top: 1.5rem solid; }
  .tablet\:hover\:border-top-3:hover {
    border-top: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-right-3 {
    border-right: 1.5rem solid; }
  .tablet\:hover\:border-right-3:hover {
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-bottom-3 {
    border-bottom: 1.5rem solid; }
  .tablet\:hover\:border-bottom-3:hover {
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-left-3 {
    border-left: 1.5rem solid; }
  .tablet\:hover\:border-left-3:hover {
    border-left: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-0 {
    border: 0 solid; }
  .tablet\:hover\:border-0:hover {
    border: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-top-0 {
    border-top: 0 solid; }
  .tablet\:hover\:border-top-0:hover {
    border-top: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-right-0 {
    border-right: 0 solid; }
  .tablet\:hover\:border-right-0:hover {
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-bottom-0 {
    border-bottom: 0 solid; }
  .tablet\:hover\:border-bottom-0:hover {
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-left-0 {
    border-left: 0 solid; }
  .tablet\:hover\:border-left-0:hover {
    border-left: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border {
    border: 1px solid; }
  .tablet\:hover\:border:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-y {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .tablet\:hover\:border-y:hover {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-x {
    border-left: 1px solid;
    border-right: 1px solid; }
  .tablet\:hover\:border-x:hover {
    border-left: 1px solid;
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-top {
    border-top: 1px solid; }
  .tablet\:hover\:border-top:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-right {
    border-right: 1px solid; }
  .tablet\:hover\:border-right:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-bottom {
    border-bottom: 1px solid; }
  .tablet\:hover\:border-bottom:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-left {
    border-left: 1px solid; }
  .tablet\:hover\:border-left:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-transparent {
    border-color: transparent; }
  .tablet\:hover\:border-transparent:hover {
    border-color: transparent; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black {
    border-color: black; }
  .tablet\:hover\:border-black:hover {
    border-color: black; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white {
    border-color: white; }
  .tablet\:hover\:border-white:hover {
    border-color: white; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-base-lightest {
    border-color: #f0f0f0; }
  .tablet\:hover\:border-base-lightest:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-base-lighter {
    border-color: #dfe1e2; }
  .tablet\:hover\:border-base-lighter:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-base-light {
    border-color: #a9aeb1; }
  .tablet\:hover\:border-base-light:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-base {
    border-color: #71767a; }
  .tablet\:hover\:border-base:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-base-dark {
    border-color: #565c65; }
  .tablet\:hover\:border-base-dark:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-base-darker {
    border-color: #3d4551; }
  .tablet\:hover\:border-base-darker:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-base-darkest {
    border-color: #1b1b1b; }
  .tablet\:hover\:border-base-darkest:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-ink {
    border-color: #1b1b1b; }
  .tablet\:hover\:border-ink:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-primary-lighter {
    border-color: #d9e8f6; }
  .tablet\:hover\:border-primary-lighter:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-primary-light {
    border-color: #73b3e7; }
  .tablet\:hover\:border-primary-light:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-primary {
    border-color: #005ea2; }
  .tablet\:hover\:border-primary:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-primary-vivid {
    border-color: #0050d8; }
  .tablet\:hover\:border-primary-vivid:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-primary-dark {
    border-color: #1a4480; }
  .tablet\:hover\:border-primary-dark:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-primary-darker {
    border-color: #162e51; }
  .tablet\:hover\:border-primary-darker:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-secondary-lighter {
    border-color: #f3e1e4; }
  .tablet\:hover\:border-secondary-lighter:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-secondary-light {
    border-color: #f2938c; }
  .tablet\:hover\:border-secondary-light:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-secondary {
    border-color: #d83933; }
  .tablet\:hover\:border-secondary:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-secondary-vivid {
    border-color: #e41d3d; }
  .tablet\:hover\:border-secondary-vivid:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-secondary-dark {
    border-color: #b50909; }
  .tablet\:hover\:border-secondary-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-secondary-darker {
    border-color: #8b0a03; }
  .tablet\:hover\:border-secondary-darker:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-accent-warm-darker {
    border-color: #775540; }
  .tablet\:hover\:border-accent-warm-darker:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-accent-warm-dark {
    border-color: #c05600; }
  .tablet\:hover\:border-accent-warm-dark:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-accent-warm {
    border-color: #fa9441; }
  .tablet\:hover\:border-accent-warm:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-accent-warm-light {
    border-color: #ffbc78; }
  .tablet\:hover\:border-accent-warm-light:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-accent-warm-lighter {
    border-color: #f2e4d4; }
  .tablet\:hover\:border-accent-warm-lighter:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-accent-cool-darker {
    border-color: #07648d; }
  .tablet\:hover\:border-accent-cool-darker:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-accent-cool-dark {
    border-color: #28a0cb; }
  .tablet\:hover\:border-accent-cool-dark:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-accent-cool {
    border-color: #00bde3; }
  .tablet\:hover\:border-accent-cool:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-accent-cool-light {
    border-color: #97d4ea; }
  .tablet\:hover\:border-accent-cool-light:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-accent-cool-lighter {
    border-color: #e1f3f8; }
  .tablet\:hover\:border-accent-cool-lighter:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-5 {
    border-color: #f0f0f0; }
  .tablet\:hover\:border-gray-5:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-10 {
    border-color: #e6e6e6; }
  .tablet\:hover\:border-gray-10:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-30 {
    border-color: #adadad; }
  .tablet\:hover\:border-gray-30:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-50 {
    border-color: #757575; }
  .tablet\:hover\:border-gray-50:hover {
    border-color: #757575; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-70 {
    border-color: #454545; }
  .tablet\:hover\:border-gray-70:hover {
    border-color: #454545; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-90 {
    border-color: #1b1b1b; }
  .tablet\:hover\:border-gray-90:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-error-lighter {
    border-color: #f4e3db; }
  .tablet\:hover\:border-error-lighter:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-error-light {
    border-color: #f39268; }
  .tablet\:hover\:border-error-light:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-error {
    border-color: #d54309; }
  .tablet\:hover\:border-error:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-error-dark {
    border-color: #b50909; }
  .tablet\:hover\:border-error-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-error-darker {
    border-color: #6f3331; }
  .tablet\:hover\:border-error-darker:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-warning-lighter {
    border-color: #faf3d1; }
  .tablet\:hover\:border-warning-lighter:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-warning-light {
    border-color: #fee685; }
  .tablet\:hover\:border-warning-light:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-warning {
    border-color: #ffbe2e; }
  .tablet\:hover\:border-warning:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-warning-dark {
    border-color: #e5a000; }
  .tablet\:hover\:border-warning-dark:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-warning-darker {
    border-color: #936f38; }
  .tablet\:hover\:border-warning-darker:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-success-lighter {
    border-color: #ecf3ec; }
  .tablet\:hover\:border-success-lighter:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-success-light {
    border-color: #70e17b; }
  .tablet\:hover\:border-success-light:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-success {
    border-color: #00a91c; }
  .tablet\:hover\:border-success:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-success-dark {
    border-color: #008817; }
  .tablet\:hover\:border-success-dark:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-success-darker {
    border-color: #216e1f; }
  .tablet\:hover\:border-success-darker:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-info-lighter {
    border-color: #e7f6f8; }
  .tablet\:hover\:border-info-lighter:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-info-light {
    border-color: #99deea; }
  .tablet\:hover\:border-info-light:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-info {
    border-color: #00bde3; }
  .tablet\:hover\:border-info:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-info-dark {
    border-color: #009ec1; }
  .tablet\:hover\:border-info-dark:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-info-darker {
    border-color: #2e6276; }
  .tablet\:hover\:border-info-darker:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-disabled-light {
    border-color: #e6e6e6; }
  .tablet\:hover\:border-disabled-light:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-disabled {
    border-color: #c9c9c9; }
  .tablet\:hover\:border-disabled:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-disabled-dark {
    border-color: #adadad; }
  .tablet\:hover\:border-disabled-dark:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-emergency {
    border-color: #9c3d10; }
  .tablet\:hover\:border-emergency:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-emergency-dark {
    border-color: #332d29; }
  .tablet\:hover\:border-emergency-dark:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red {
    border-color: #e52207; }
  .tablet\:hover\:border-red:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange {
    border-color: #e66f0e; }
  .tablet\:hover\:border-orange:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold {
    border-color: #ffbe2e; }
  .tablet\:hover\:border-gold:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow {
    border-color: #fee685; }
  .tablet\:hover\:border-yellow:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green {
    border-color: #538200; }
  .tablet\:hover\:border-green:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint {
    border-color: #04c585; }
  .tablet\:hover\:border-mint:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan {
    border-color: #009ec1; }
  .tablet\:hover\:border-cyan:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue {
    border-color: #0076d6; }
  .tablet\:hover\:border-blue:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo {
    border-color: #676cc8; }
  .tablet\:hover\:border-indigo:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet {
    border-color: #8168b3; }
  .tablet\:hover\:border-violet:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta {
    border-color: #d72d79; }
  .tablet\:hover\:border-magenta:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black-transparent-5 {
    border-color: rgba(0, 0, 0, 0.01); }
  .tablet\:hover\:border-black-transparent-5:hover {
    border-color: rgba(0, 0, 0, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black-transparent-10 {
    border-color: rgba(0, 0, 0, 0.1); }
  .tablet\:hover\:border-black-transparent-10:hover {
    border-color: rgba(0, 0, 0, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black-transparent-20 {
    border-color: rgba(0, 0, 0, 0.2); }
  .tablet\:hover\:border-black-transparent-20:hover {
    border-color: rgba(0, 0, 0, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black-transparent-30 {
    border-color: rgba(0, 0, 0, 0.3); }
  .tablet\:hover\:border-black-transparent-30:hover {
    border-color: rgba(0, 0, 0, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black-transparent-40 {
    border-color: rgba(0, 0, 0, 0.4); }
  .tablet\:hover\:border-black-transparent-40:hover {
    border-color: rgba(0, 0, 0, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black-transparent-50 {
    border-color: rgba(0, 0, 0, 0.5); }
  .tablet\:hover\:border-black-transparent-50:hover {
    border-color: rgba(0, 0, 0, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black-transparent-60 {
    border-color: rgba(0, 0, 0, 0.6); }
  .tablet\:hover\:border-black-transparent-60:hover {
    border-color: rgba(0, 0, 0, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black-transparent-70 {
    border-color: rgba(0, 0, 0, 0.7); }
  .tablet\:hover\:border-black-transparent-70:hover {
    border-color: rgba(0, 0, 0, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black-transparent-80 {
    border-color: rgba(0, 0, 0, 0.8); }
  .tablet\:hover\:border-black-transparent-80:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-black-transparent-90 {
    border-color: rgba(0, 0, 0, 0.9); }
  .tablet\:hover\:border-black-transparent-90:hover {
    border-color: rgba(0, 0, 0, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-1 {
    border-color: #fbfcfd; }
  .tablet\:hover\:border-gray-cool-1:hover {
    border-color: #fbfcfd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-2 {
    border-color: #f7f9fa; }
  .tablet\:hover\:border-gray-cool-2:hover {
    border-color: #f7f9fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-3 {
    border-color: #f5f6f7; }
  .tablet\:hover\:border-gray-cool-3:hover {
    border-color: #f5f6f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-4 {
    border-color: #f1f3f6; }
  .tablet\:hover\:border-gray-cool-4:hover {
    border-color: #f1f3f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-5 {
    border-color: #edeff0; }
  .tablet\:hover\:border-gray-cool-5:hover {
    border-color: #edeff0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-10 {
    border-color: #dfe1e2; }
  .tablet\:hover\:border-gray-cool-10:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-20 {
    border-color: #c6cace; }
  .tablet\:hover\:border-gray-cool-20:hover {
    border-color: #c6cace; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-30 {
    border-color: #a9aeb1; }
  .tablet\:hover\:border-gray-cool-30:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-40 {
    border-color: #8d9297; }
  .tablet\:hover\:border-gray-cool-40:hover {
    border-color: #8d9297; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-50 {
    border-color: #71767a; }
  .tablet\:hover\:border-gray-cool-50:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-60 {
    border-color: #565c65; }
  .tablet\:hover\:border-gray-cool-60:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-70 {
    border-color: #3d4551; }
  .tablet\:hover\:border-gray-cool-70:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-80 {
    border-color: #2d2e2f; }
  .tablet\:hover\:border-gray-cool-80:hover {
    border-color: #2d2e2f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-cool-90 {
    border-color: #1c1d1f; }
  .tablet\:hover\:border-gray-cool-90:hover {
    border-color: #1c1d1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-1 {
    border-color: #fcfcfc; }
  .tablet\:hover\:border-gray-1:hover {
    border-color: #fcfcfc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-2 {
    border-color: #f9f9f9; }
  .tablet\:hover\:border-gray-2:hover {
    border-color: #f9f9f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-3 {
    border-color: #f6f6f6; }
  .tablet\:hover\:border-gray-3:hover {
    border-color: #f6f6f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-4 {
    border-color: #f3f3f3; }
  .tablet\:hover\:border-gray-4:hover {
    border-color: #f3f3f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-20 {
    border-color: #c9c9c9; }
  .tablet\:hover\:border-gray-20:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-40 {
    border-color: #919191; }
  .tablet\:hover\:border-gray-40:hover {
    border-color: #919191; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-60 {
    border-color: #5c5c5c; }
  .tablet\:hover\:border-gray-60:hover {
    border-color: #5c5c5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-80 {
    border-color: #2e2e2e; }
  .tablet\:hover\:border-gray-80:hover {
    border-color: #2e2e2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-1 {
    border-color: #fcfcfb; }
  .tablet\:hover\:border-gray-warm-1:hover {
    border-color: #fcfcfb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-2 {
    border-color: #f9f9f7; }
  .tablet\:hover\:border-gray-warm-2:hover {
    border-color: #f9f9f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-3 {
    border-color: #f6f6f2; }
  .tablet\:hover\:border-gray-warm-3:hover {
    border-color: #f6f6f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-4 {
    border-color: #f5f5f0; }
  .tablet\:hover\:border-gray-warm-4:hover {
    border-color: #f5f5f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-5 {
    border-color: #f0f0ec; }
  .tablet\:hover\:border-gray-warm-5:hover {
    border-color: #f0f0ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-10 {
    border-color: #e6e6e2; }
  .tablet\:hover\:border-gray-warm-10:hover {
    border-color: #e6e6e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-20 {
    border-color: #cac9c0; }
  .tablet\:hover\:border-gray-warm-20:hover {
    border-color: #cac9c0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-30 {
    border-color: #afaea2; }
  .tablet\:hover\:border-gray-warm-30:hover {
    border-color: #afaea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-40 {
    border-color: #929285; }
  .tablet\:hover\:border-gray-warm-40:hover {
    border-color: #929285; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-50 {
    border-color: #76766a; }
  .tablet\:hover\:border-gray-warm-50:hover {
    border-color: #76766a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-60 {
    border-color: #5d5d52; }
  .tablet\:hover\:border-gray-warm-60:hover {
    border-color: #5d5d52; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-70 {
    border-color: #454540; }
  .tablet\:hover\:border-gray-warm-70:hover {
    border-color: #454540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-80 {
    border-color: #2e2e2a; }
  .tablet\:hover\:border-gray-warm-80:hover {
    border-color: #2e2e2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gray-warm-90 {
    border-color: #171716; }
  .tablet\:hover\:border-gray-warm-90:hover {
    border-color: #171716; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-5 {
    border-color: #e7f2f5; }
  .tablet\:hover\:border-blue-cool-5:hover {
    border-color: #e7f2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-10 {
    border-color: #dae9ee; }
  .tablet\:hover\:border-blue-cool-10:hover {
    border-color: #dae9ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-20 {
    border-color: #adcfdc; }
  .tablet\:hover\:border-blue-cool-20:hover {
    border-color: #adcfdc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-30 {
    border-color: #82b4c9; }
  .tablet\:hover\:border-blue-cool-30:hover {
    border-color: #82b4c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-40 {
    border-color: #6499af; }
  .tablet\:hover\:border-blue-cool-40:hover {
    border-color: #6499af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-50 {
    border-color: #3a7d95; }
  .tablet\:hover\:border-blue-cool-50:hover {
    border-color: #3a7d95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-60 {
    border-color: #2e6276; }
  .tablet\:hover\:border-blue-cool-60:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-70 {
    border-color: #224a58; }
  .tablet\:hover\:border-blue-cool-70:hover {
    border-color: #224a58; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-80 {
    border-color: #14333d; }
  .tablet\:hover\:border-blue-cool-80:hover {
    border-color: #14333d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-90 {
    border-color: #0f191c; }
  .tablet\:hover\:border-blue-cool-90:hover {
    border-color: #0f191c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-5v {
    border-color: #e1f3f8; }
  .tablet\:hover\:border-blue-cool-5v:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-10v {
    border-color: #c3ebfa; }
  .tablet\:hover\:border-blue-cool-10v:hover {
    border-color: #c3ebfa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-20v {
    border-color: #97d4ea; }
  .tablet\:hover\:border-blue-cool-20v:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-30v {
    border-color: #59b9de; }
  .tablet\:hover\:border-blue-cool-30v:hover {
    border-color: #59b9de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-40v {
    border-color: #28a0cb; }
  .tablet\:hover\:border-blue-cool-40v:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-50v {
    border-color: #0d7ea2; }
  .tablet\:hover\:border-blue-cool-50v:hover {
    border-color: #0d7ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-60v {
    border-color: #07648d; }
  .tablet\:hover\:border-blue-cool-60v:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-70v {
    border-color: #074b69; }
  .tablet\:hover\:border-blue-cool-70v:hover {
    border-color: #074b69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-cool-80v {
    border-color: #002d3f; }
  .tablet\:hover\:border-blue-cool-80v:hover {
    border-color: #002d3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-5 {
    border-color: #eff6fb; }
  .tablet\:hover\:border-blue-5:hover {
    border-color: #eff6fb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-10 {
    border-color: #d9e8f6; }
  .tablet\:hover\:border-blue-10:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-20 {
    border-color: #aacdec; }
  .tablet\:hover\:border-blue-20:hover {
    border-color: #aacdec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-30 {
    border-color: #73b3e7; }
  .tablet\:hover\:border-blue-30:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-40 {
    border-color: #4f97d1; }
  .tablet\:hover\:border-blue-40:hover {
    border-color: #4f97d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-50 {
    border-color: #2378c3; }
  .tablet\:hover\:border-blue-50:hover {
    border-color: #2378c3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-60 {
    border-color: #2c608a; }
  .tablet\:hover\:border-blue-60:hover {
    border-color: #2c608a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-70 {
    border-color: #274863; }
  .tablet\:hover\:border-blue-70:hover {
    border-color: #274863; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-80 {
    border-color: #1f303e; }
  .tablet\:hover\:border-blue-80:hover {
    border-color: #1f303e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-90 {
    border-color: #11181d; }
  .tablet\:hover\:border-blue-90:hover {
    border-color: #11181d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-5v {
    border-color: #e8f5ff; }
  .tablet\:hover\:border-blue-5v:hover {
    border-color: #e8f5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-10v {
    border-color: #cfe8ff; }
  .tablet\:hover\:border-blue-10v:hover {
    border-color: #cfe8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-20v {
    border-color: #a1d3ff; }
  .tablet\:hover\:border-blue-20v:hover {
    border-color: #a1d3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-30v {
    border-color: #58b4ff; }
  .tablet\:hover\:border-blue-30v:hover {
    border-color: #58b4ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-40v {
    border-color: #2491ff; }
  .tablet\:hover\:border-blue-40v:hover {
    border-color: #2491ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-50v {
    border-color: #0076d6; }
  .tablet\:hover\:border-blue-50v:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-60v {
    border-color: #005ea2; }
  .tablet\:hover\:border-blue-60v:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-70v {
    border-color: #0b4778; }
  .tablet\:hover\:border-blue-70v:hover {
    border-color: #0b4778; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-80v {
    border-color: #112f4e; }
  .tablet\:hover\:border-blue-80v:hover {
    border-color: #112f4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-5 {
    border-color: #ecf1f7; }
  .tablet\:hover\:border-blue-warm-5:hover {
    border-color: #ecf1f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-10 {
    border-color: #e1e7f1; }
  .tablet\:hover\:border-blue-warm-10:hover {
    border-color: #e1e7f1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-20 {
    border-color: #bbcae4; }
  .tablet\:hover\:border-blue-warm-20:hover {
    border-color: #bbcae4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-30 {
    border-color: #98afd2; }
  .tablet\:hover\:border-blue-warm-30:hover {
    border-color: #98afd2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-40 {
    border-color: #7292c7; }
  .tablet\:hover\:border-blue-warm-40:hover {
    border-color: #7292c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-50 {
    border-color: #4a77b4; }
  .tablet\:hover\:border-blue-warm-50:hover {
    border-color: #4a77b4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-60 {
    border-color: #345d96; }
  .tablet\:hover\:border-blue-warm-60:hover {
    border-color: #345d96; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-70 {
    border-color: #2f4668; }
  .tablet\:hover\:border-blue-warm-70:hover {
    border-color: #2f4668; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-80 {
    border-color: #252f3e; }
  .tablet\:hover\:border-blue-warm-80:hover {
    border-color: #252f3e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-90 {
    border-color: #13171f; }
  .tablet\:hover\:border-blue-warm-90:hover {
    border-color: #13171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-5v {
    border-color: #edf5ff; }
  .tablet\:hover\:border-blue-warm-5v:hover {
    border-color: #edf5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-10v {
    border-color: #d4e5ff; }
  .tablet\:hover\:border-blue-warm-10v:hover {
    border-color: #d4e5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-20v {
    border-color: #adcdff; }
  .tablet\:hover\:border-blue-warm-20v:hover {
    border-color: #adcdff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-30v {
    border-color: #81aefc; }
  .tablet\:hover\:border-blue-warm-30v:hover {
    border-color: #81aefc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-40v {
    border-color: #5994f6; }
  .tablet\:hover\:border-blue-warm-40v:hover {
    border-color: #5994f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-50v {
    border-color: #2672de; }
  .tablet\:hover\:border-blue-warm-50v:hover {
    border-color: #2672de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-60v {
    border-color: #0050d8; }
  .tablet\:hover\:border-blue-warm-60v:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-70v {
    border-color: #1a4480; }
  .tablet\:hover\:border-blue-warm-70v:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-blue-warm-80v {
    border-color: #162e51; }
  .tablet\:hover\:border-blue-warm-80v:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-5 {
    border-color: #e7f6f8; }
  .tablet\:hover\:border-cyan-5:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-10 {
    border-color: #ccecf2; }
  .tablet\:hover\:border-cyan-10:hover {
    border-color: #ccecf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-20 {
    border-color: #99deea; }
  .tablet\:hover\:border-cyan-20:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-30 {
    border-color: #5dc0d1; }
  .tablet\:hover\:border-cyan-30:hover {
    border-color: #5dc0d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-40 {
    border-color: #449dac; }
  .tablet\:hover\:border-cyan-40:hover {
    border-color: #449dac; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-50 {
    border-color: #168092; }
  .tablet\:hover\:border-cyan-50:hover {
    border-color: #168092; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-60 {
    border-color: #2a646d; }
  .tablet\:hover\:border-cyan-60:hover {
    border-color: #2a646d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-70 {
    border-color: #2c4a4e; }
  .tablet\:hover\:border-cyan-70:hover {
    border-color: #2c4a4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-80 {
    border-color: #203133; }
  .tablet\:hover\:border-cyan-80:hover {
    border-color: #203133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-90 {
    border-color: #111819; }
  .tablet\:hover\:border-cyan-90:hover {
    border-color: #111819; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-5v {
    border-color: #e5faff; }
  .tablet\:hover\:border-cyan-5v:hover {
    border-color: #e5faff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-10v {
    border-color: #a8f2ff; }
  .tablet\:hover\:border-cyan-10v:hover {
    border-color: #a8f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-20v {
    border-color: #52daf2; }
  .tablet\:hover\:border-cyan-20v:hover {
    border-color: #52daf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-30v {
    border-color: #00bde3; }
  .tablet\:hover\:border-cyan-30v:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-40v {
    border-color: #009ec1; }
  .tablet\:hover\:border-cyan-40v:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-50v {
    border-color: #0081a1; }
  .tablet\:hover\:border-cyan-50v:hover {
    border-color: #0081a1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-60v {
    border-color: #00687d; }
  .tablet\:hover\:border-cyan-60v:hover {
    border-color: #00687d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-70v {
    border-color: #0e4f5c; }
  .tablet\:hover\:border-cyan-70v:hover {
    border-color: #0e4f5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-cyan-80v {
    border-color: #093b44; }
  .tablet\:hover\:border-cyan-80v:hover {
    border-color: #093b44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-5 {
    border-color: #f5f0e6; }
  .tablet\:hover\:border-gold-5:hover {
    border-color: #f5f0e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-10 {
    border-color: #f1e5cd; }
  .tablet\:hover\:border-gold-10:hover {
    border-color: #f1e5cd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-20 {
    border-color: #dec69a; }
  .tablet\:hover\:border-gold-20:hover {
    border-color: #dec69a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-30 {
    border-color: #c7a97b; }
  .tablet\:hover\:border-gold-30:hover {
    border-color: #c7a97b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-40 {
    border-color: #ad8b65; }
  .tablet\:hover\:border-gold-40:hover {
    border-color: #ad8b65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-50 {
    border-color: #8e704f; }
  .tablet\:hover\:border-gold-50:hover {
    border-color: #8e704f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-60 {
    border-color: #6b5947; }
  .tablet\:hover\:border-gold-60:hover {
    border-color: #6b5947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-70 {
    border-color: #4d4438; }
  .tablet\:hover\:border-gold-70:hover {
    border-color: #4d4438; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-80 {
    border-color: #322d26; }
  .tablet\:hover\:border-gold-80:hover {
    border-color: #322d26; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-90 {
    border-color: #191714; }
  .tablet\:hover\:border-gold-90:hover {
    border-color: #191714; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-5v {
    border-color: #fef0c8; }
  .tablet\:hover\:border-gold-5v:hover {
    border-color: #fef0c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-10v {
    border-color: #ffe396; }
  .tablet\:hover\:border-gold-10v:hover {
    border-color: #ffe396; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-20v {
    border-color: #ffbe2e; }
  .tablet\:hover\:border-gold-20v:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-30v {
    border-color: #e5a000; }
  .tablet\:hover\:border-gold-30v:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-40v {
    border-color: #c2850c; }
  .tablet\:hover\:border-gold-40v:hover {
    border-color: #c2850c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-50v {
    border-color: #936f38; }
  .tablet\:hover\:border-gold-50v:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-60v {
    border-color: #7a591a; }
  .tablet\:hover\:border-gold-60v:hover {
    border-color: #7a591a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-70v {
    border-color: #5c410a; }
  .tablet\:hover\:border-gold-70v:hover {
    border-color: #5c410a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-gold-80v {
    border-color: #3b2b15; }
  .tablet\:hover\:border-gold-80v:hover {
    border-color: #3b2b15; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-5 {
    border-color: #ecf3ec; }
  .tablet\:hover\:border-green-cool-5:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-10 {
    border-color: #dbebde; }
  .tablet\:hover\:border-green-cool-10:hover {
    border-color: #dbebde; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-20 {
    border-color: #b4d0b9; }
  .tablet\:hover\:border-green-cool-20:hover {
    border-color: #b4d0b9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-30 {
    border-color: #86b98e; }
  .tablet\:hover\:border-green-cool-30:hover {
    border-color: #86b98e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-40 {
    border-color: #5e9f69; }
  .tablet\:hover\:border-green-cool-40:hover {
    border-color: #5e9f69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-50 {
    border-color: #4d8055; }
  .tablet\:hover\:border-green-cool-50:hover {
    border-color: #4d8055; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-60 {
    border-color: #446443; }
  .tablet\:hover\:border-green-cool-60:hover {
    border-color: #446443; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-70 {
    border-color: #37493b; }
  .tablet\:hover\:border-green-cool-70:hover {
    border-color: #37493b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-80 {
    border-color: #28312a; }
  .tablet\:hover\:border-green-cool-80:hover {
    border-color: #28312a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-90 {
    border-color: #1a1f1a; }
  .tablet\:hover\:border-green-cool-90:hover {
    border-color: #1a1f1a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-5v {
    border-color: #e3f5e1; }
  .tablet\:hover\:border-green-cool-5v:hover {
    border-color: #e3f5e1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-10v {
    border-color: #b7f5bd; }
  .tablet\:hover\:border-green-cool-10v:hover {
    border-color: #b7f5bd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-20v {
    border-color: #70e17b; }
  .tablet\:hover\:border-green-cool-20v:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-30v {
    border-color: #21c834; }
  .tablet\:hover\:border-green-cool-30v:hover {
    border-color: #21c834; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-40v {
    border-color: #00a91c; }
  .tablet\:hover\:border-green-cool-40v:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-50v {
    border-color: #008817; }
  .tablet\:hover\:border-green-cool-50v:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-60v {
    border-color: #216e1f; }
  .tablet\:hover\:border-green-cool-60v:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-70v {
    border-color: #154c21; }
  .tablet\:hover\:border-green-cool-70v:hover {
    border-color: #154c21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-cool-80v {
    border-color: #19311e; }
  .tablet\:hover\:border-green-cool-80v:hover {
    border-color: #19311e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-5 {
    border-color: #eaf4dd; }
  .tablet\:hover\:border-green-5:hover {
    border-color: #eaf4dd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-10 {
    border-color: #dfeacd; }
  .tablet\:hover\:border-green-10:hover {
    border-color: #dfeacd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-20 {
    border-color: #b8d293; }
  .tablet\:hover\:border-green-20:hover {
    border-color: #b8d293; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-30 {
    border-color: #9bb672; }
  .tablet\:hover\:border-green-30:hover {
    border-color: #9bb672; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-40 {
    border-color: #7d9b4e; }
  .tablet\:hover\:border-green-40:hover {
    border-color: #7d9b4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-50 {
    border-color: #607f35; }
  .tablet\:hover\:border-green-50:hover {
    border-color: #607f35; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-60 {
    border-color: #4c6424; }
  .tablet\:hover\:border-green-60:hover {
    border-color: #4c6424; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-70 {
    border-color: #3c4a29; }
  .tablet\:hover\:border-green-70:hover {
    border-color: #3c4a29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-80 {
    border-color: #293021; }
  .tablet\:hover\:border-green-80:hover {
    border-color: #293021; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-90 {
    border-color: #161814; }
  .tablet\:hover\:border-green-90:hover {
    border-color: #161814; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-5v {
    border-color: #ddf9c7; }
  .tablet\:hover\:border-green-5v:hover {
    border-color: #ddf9c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-10v {
    border-color: #c5ee93; }
  .tablet\:hover\:border-green-10v:hover {
    border-color: #c5ee93; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-20v {
    border-color: #98d035; }
  .tablet\:hover\:border-green-20v:hover {
    border-color: #98d035; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-30v {
    border-color: #7fb135; }
  .tablet\:hover\:border-green-30v:hover {
    border-color: #7fb135; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-40v {
    border-color: #719f2a; }
  .tablet\:hover\:border-green-40v:hover {
    border-color: #719f2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-50v {
    border-color: #538200; }
  .tablet\:hover\:border-green-50v:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-60v {
    border-color: #466c04; }
  .tablet\:hover\:border-green-60v:hover {
    border-color: #466c04; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-70v {
    border-color: #2f4a0b; }
  .tablet\:hover\:border-green-70v:hover {
    border-color: #2f4a0b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-80v {
    border-color: #243413; }
  .tablet\:hover\:border-green-80v:hover {
    border-color: #243413; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-5 {
    border-color: #f1f4d7; }
  .tablet\:hover\:border-green-warm-5:hover {
    border-color: #f1f4d7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-10 {
    border-color: #e7eab7; }
  .tablet\:hover\:border-green-warm-10:hover {
    border-color: #e7eab7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-20 {
    border-color: #cbd17a; }
  .tablet\:hover\:border-green-warm-20:hover {
    border-color: #cbd17a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-30 {
    border-color: #a6b557; }
  .tablet\:hover\:border-green-warm-30:hover {
    border-color: #a6b557; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-40 {
    border-color: #8a984b; }
  .tablet\:hover\:border-green-warm-40:hover {
    border-color: #8a984b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-50 {
    border-color: #6f7a41; }
  .tablet\:hover\:border-green-warm-50:hover {
    border-color: #6f7a41; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-60 {
    border-color: #5a5f38; }
  .tablet\:hover\:border-green-warm-60:hover {
    border-color: #5a5f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-70 {
    border-color: #45472f; }
  .tablet\:hover\:border-green-warm-70:hover {
    border-color: #45472f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-80 {
    border-color: #2d2f21; }
  .tablet\:hover\:border-green-warm-80:hover {
    border-color: #2d2f21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-90 {
    border-color: #171712; }
  .tablet\:hover\:border-green-warm-90:hover {
    border-color: #171712; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-5v {
    border-color: #f5fbc1; }
  .tablet\:hover\:border-green-warm-5v:hover {
    border-color: #f5fbc1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-10v {
    border-color: #e7f434; }
  .tablet\:hover\:border-green-warm-10v:hover {
    border-color: #e7f434; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-20v {
    border-color: #c5d30a; }
  .tablet\:hover\:border-green-warm-20v:hover {
    border-color: #c5d30a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-30v {
    border-color: #a3b72c; }
  .tablet\:hover\:border-green-warm-30v:hover {
    border-color: #a3b72c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-40v {
    border-color: #7e9c1d; }
  .tablet\:hover\:border-green-warm-40v:hover {
    border-color: #7e9c1d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-50v {
    border-color: #6a7d00; }
  .tablet\:hover\:border-green-warm-50v:hover {
    border-color: #6a7d00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-60v {
    border-color: #5a6613; }
  .tablet\:hover\:border-green-warm-60v:hover {
    border-color: #5a6613; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-70v {
    border-color: #4b4e10; }
  .tablet\:hover\:border-green-warm-70v:hover {
    border-color: #4b4e10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-green-warm-80v {
    border-color: #38380b; }
  .tablet\:hover\:border-green-warm-80v:hover {
    border-color: #38380b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-5 {
    border-color: #eef0f9; }
  .tablet\:hover\:border-indigo-cool-5:hover {
    border-color: #eef0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-10 {
    border-color: #e1e6f9; }
  .tablet\:hover\:border-indigo-cool-10:hover {
    border-color: #e1e6f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-20 {
    border-color: #bbc8f5; }
  .tablet\:hover\:border-indigo-cool-20:hover {
    border-color: #bbc8f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-30 {
    border-color: #96abee; }
  .tablet\:hover\:border-indigo-cool-30:hover {
    border-color: #96abee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-40 {
    border-color: #6b8ee8; }
  .tablet\:hover\:border-indigo-cool-40:hover {
    border-color: #6b8ee8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-50 {
    border-color: #496fd8; }
  .tablet\:hover\:border-indigo-cool-50:hover {
    border-color: #496fd8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-60 {
    border-color: #3f57a6; }
  .tablet\:hover\:border-indigo-cool-60:hover {
    border-color: #3f57a6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-70 {
    border-color: #374274; }
  .tablet\:hover\:border-indigo-cool-70:hover {
    border-color: #374274; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-80 {
    border-color: #292d42; }
  .tablet\:hover\:border-indigo-cool-80:hover {
    border-color: #292d42; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-90 {
    border-color: #151622; }
  .tablet\:hover\:border-indigo-cool-90:hover {
    border-color: #151622; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-5v {
    border-color: #edf0ff; }
  .tablet\:hover\:border-indigo-cool-5v:hover {
    border-color: #edf0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-10v {
    border-color: #dee5ff; }
  .tablet\:hover\:border-indigo-cool-10v:hover {
    border-color: #dee5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-20v {
    border-color: #b8c8ff; }
  .tablet\:hover\:border-indigo-cool-20v:hover {
    border-color: #b8c8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-30v {
    border-color: #94adff; }
  .tablet\:hover\:border-indigo-cool-30v:hover {
    border-color: #94adff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-40v {
    border-color: #628ef4; }
  .tablet\:hover\:border-indigo-cool-40v:hover {
    border-color: #628ef4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-50v {
    border-color: #4866ff; }
  .tablet\:hover\:border-indigo-cool-50v:hover {
    border-color: #4866ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-60v {
    border-color: #3e4ded; }
  .tablet\:hover\:border-indigo-cool-60v:hover {
    border-color: #3e4ded; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-70v {
    border-color: #222fbf; }
  .tablet\:hover\:border-indigo-cool-70v:hover {
    border-color: #222fbf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-cool-80v {
    border-color: #1b2b85; }
  .tablet\:hover\:border-indigo-cool-80v:hover {
    border-color: #1b2b85; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-5 {
    border-color: #efeff8; }
  .tablet\:hover\:border-indigo-5:hover {
    border-color: #efeff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-10 {
    border-color: #e5e4fa; }
  .tablet\:hover\:border-indigo-10:hover {
    border-color: #e5e4fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-20 {
    border-color: #c5c5f3; }
  .tablet\:hover\:border-indigo-20:hover {
    border-color: #c5c5f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-30 {
    border-color: #a5a8eb; }
  .tablet\:hover\:border-indigo-30:hover {
    border-color: #a5a8eb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-40 {
    border-color: #8889db; }
  .tablet\:hover\:border-indigo-40:hover {
    border-color: #8889db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-50 {
    border-color: #676cc8; }
  .tablet\:hover\:border-indigo-50:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-60 {
    border-color: #4d52af; }
  .tablet\:hover\:border-indigo-60:hover {
    border-color: #4d52af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-70 {
    border-color: #3d4076; }
  .tablet\:hover\:border-indigo-70:hover {
    border-color: #3d4076; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-80 {
    border-color: #2b2c40; }
  .tablet\:hover\:border-indigo-80:hover {
    border-color: #2b2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-90 {
    border-color: #16171f; }
  .tablet\:hover\:border-indigo-90:hover {
    border-color: #16171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-5v {
    border-color: #f0f0ff; }
  .tablet\:hover\:border-indigo-5v:hover {
    border-color: #f0f0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-10v {
    border-color: #e0e0ff; }
  .tablet\:hover\:border-indigo-10v:hover {
    border-color: #e0e0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-20v {
    border-color: #ccceff; }
  .tablet\:hover\:border-indigo-20v:hover {
    border-color: #ccceff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-30v {
    border-color: #a3a7fa; }
  .tablet\:hover\:border-indigo-30v:hover {
    border-color: #a3a7fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-40v {
    border-color: #8289ff; }
  .tablet\:hover\:border-indigo-40v:hover {
    border-color: #8289ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-50v {
    border-color: #656bd7; }
  .tablet\:hover\:border-indigo-50v:hover {
    border-color: #656bd7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-60v {
    border-color: #4a50c4; }
  .tablet\:hover\:border-indigo-60v:hover {
    border-color: #4a50c4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-70v {
    border-color: #3333a3; }
  .tablet\:hover\:border-indigo-70v:hover {
    border-color: #3333a3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-80v {
    border-color: #212463; }
  .tablet\:hover\:border-indigo-80v:hover {
    border-color: #212463; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-5 {
    border-color: #f1eff7; }
  .tablet\:hover\:border-indigo-warm-5:hover {
    border-color: #f1eff7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-10 {
    border-color: #e7e3fa; }
  .tablet\:hover\:border-indigo-warm-10:hover {
    border-color: #e7e3fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-20 {
    border-color: #cbc4f2; }
  .tablet\:hover\:border-indigo-warm-20:hover {
    border-color: #cbc4f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-30 {
    border-color: #afa5e8; }
  .tablet\:hover\:border-indigo-warm-30:hover {
    border-color: #afa5e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-40 {
    border-color: #9287d8; }
  .tablet\:hover\:border-indigo-warm-40:hover {
    border-color: #9287d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-50 {
    border-color: #7665d1; }
  .tablet\:hover\:border-indigo-warm-50:hover {
    border-color: #7665d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-60 {
    border-color: #5e519e; }
  .tablet\:hover\:border-indigo-warm-60:hover {
    border-color: #5e519e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-70 {
    border-color: #453c7b; }
  .tablet\:hover\:border-indigo-warm-70:hover {
    border-color: #453c7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-80 {
    border-color: #2e2c40; }
  .tablet\:hover\:border-indigo-warm-80:hover {
    border-color: #2e2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-90 {
    border-color: #18161d; }
  .tablet\:hover\:border-indigo-warm-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-5v {
    border-color: #f5f2ff; }
  .tablet\:hover\:border-indigo-warm-5v:hover {
    border-color: #f5f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-10v {
    border-color: #e4deff; }
  .tablet\:hover\:border-indigo-warm-10v:hover {
    border-color: #e4deff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-20v {
    border-color: #cfc4fd; }
  .tablet\:hover\:border-indigo-warm-20v:hover {
    border-color: #cfc4fd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-30v {
    border-color: #b69fff; }
  .tablet\:hover\:border-indigo-warm-30v:hover {
    border-color: #b69fff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-40v {
    border-color: #967efb; }
  .tablet\:hover\:border-indigo-warm-40v:hover {
    border-color: #967efb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-50v {
    border-color: #745fe9; }
  .tablet\:hover\:border-indigo-warm-50v:hover {
    border-color: #745fe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-60v {
    border-color: #5942d2; }
  .tablet\:hover\:border-indigo-warm-60v:hover {
    border-color: #5942d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-70v {
    border-color: #3d2c9d; }
  .tablet\:hover\:border-indigo-warm-70v:hover {
    border-color: #3d2c9d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-indigo-warm-80v {
    border-color: #261f5b; }
  .tablet\:hover\:border-indigo-warm-80v:hover {
    border-color: #261f5b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-5 {
    border-color: #f9f0f2; }
  .tablet\:hover\:border-magenta-5:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-10 {
    border-color: #f6e1e8; }
  .tablet\:hover\:border-magenta-10:hover {
    border-color: #f6e1e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-20 {
    border-color: #f0bbcc; }
  .tablet\:hover\:border-magenta-20:hover {
    border-color: #f0bbcc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-30 {
    border-color: #e895b3; }
  .tablet\:hover\:border-magenta-30:hover {
    border-color: #e895b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-40 {
    border-color: #e0699f; }
  .tablet\:hover\:border-magenta-40:hover {
    border-color: #e0699f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-50 {
    border-color: #c84281; }
  .tablet\:hover\:border-magenta-50:hover {
    border-color: #c84281; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-60 {
    border-color: #8b4566; }
  .tablet\:hover\:border-magenta-60:hover {
    border-color: #8b4566; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-70 {
    border-color: #66364b; }
  .tablet\:hover\:border-magenta-70:hover {
    border-color: #66364b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-80 {
    border-color: #402731; }
  .tablet\:hover\:border-magenta-80:hover {
    border-color: #402731; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-90 {
    border-color: #1b1617; }
  .tablet\:hover\:border-magenta-90:hover {
    border-color: #1b1617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-5v {
    border-color: #f9f0f2; }
  .tablet\:hover\:border-magenta-5v:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-10v {
    border-color: #ffddea; }
  .tablet\:hover\:border-magenta-10v:hover {
    border-color: #ffddea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-20v {
    border-color: #ffb4cf; }
  .tablet\:hover\:border-magenta-20v:hover {
    border-color: #ffb4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-30v {
    border-color: #ff87b2; }
  .tablet\:hover\:border-magenta-30v:hover {
    border-color: #ff87b2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-40v {
    border-color: #fd4496; }
  .tablet\:hover\:border-magenta-40v:hover {
    border-color: #fd4496; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-50v {
    border-color: #d72d79; }
  .tablet\:hover\:border-magenta-50v:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-60v {
    border-color: #ab2165; }
  .tablet\:hover\:border-magenta-60v:hover {
    border-color: #ab2165; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-70v {
    border-color: #731f44; }
  .tablet\:hover\:border-magenta-70v:hover {
    border-color: #731f44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-magenta-80v {
    border-color: #4f172e; }
  .tablet\:hover\:border-magenta-80v:hover {
    border-color: #4f172e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-5 {
    border-color: #e0f7f6; }
  .tablet\:hover\:border-mint-cool-5:hover {
    border-color: #e0f7f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-10 {
    border-color: #c4eeeb; }
  .tablet\:hover\:border-mint-cool-10:hover {
    border-color: #c4eeeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-20 {
    border-color: #9bd4cf; }
  .tablet\:hover\:border-mint-cool-20:hover {
    border-color: #9bd4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-30 {
    border-color: #6fbab3; }
  .tablet\:hover\:border-mint-cool-30:hover {
    border-color: #6fbab3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-40 {
    border-color: #4f9e99; }
  .tablet\:hover\:border-mint-cool-40:hover {
    border-color: #4f9e99; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-50 {
    border-color: #40807e; }
  .tablet\:hover\:border-mint-cool-50:hover {
    border-color: #40807e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-60 {
    border-color: #376462; }
  .tablet\:hover\:border-mint-cool-60:hover {
    border-color: #376462; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-70 {
    border-color: #2a4b45; }
  .tablet\:hover\:border-mint-cool-70:hover {
    border-color: #2a4b45; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-80 {
    border-color: #203131; }
  .tablet\:hover\:border-mint-cool-80:hover {
    border-color: #203131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-90 {
    border-color: #111818; }
  .tablet\:hover\:border-mint-cool-90:hover {
    border-color: #111818; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-5v {
    border-color: #d5fbf3; }
  .tablet\:hover\:border-mint-cool-5v:hover {
    border-color: #d5fbf3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-10v {
    border-color: #7efbe1; }
  .tablet\:hover\:border-mint-cool-10v:hover {
    border-color: #7efbe1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-20v {
    border-color: #29e1cb; }
  .tablet\:hover\:border-mint-cool-20v:hover {
    border-color: #29e1cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-30v {
    border-color: #1dc2ae; }
  .tablet\:hover\:border-mint-cool-30v:hover {
    border-color: #1dc2ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-40v {
    border-color: #00a398; }
  .tablet\:hover\:border-mint-cool-40v:hover {
    border-color: #00a398; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-50v {
    border-color: #008480; }
  .tablet\:hover\:border-mint-cool-50v:hover {
    border-color: #008480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-60v {
    border-color: #0f6460; }
  .tablet\:hover\:border-mint-cool-60v:hover {
    border-color: #0f6460; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-70v {
    border-color: #0b4b3f; }
  .tablet\:hover\:border-mint-cool-70v:hover {
    border-color: #0b4b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-cool-80v {
    border-color: #123131; }
  .tablet\:hover\:border-mint-cool-80v:hover {
    border-color: #123131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-5 {
    border-color: #dbf6ed; }
  .tablet\:hover\:border-mint-5:hover {
    border-color: #dbf6ed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-10 {
    border-color: #c7efe2; }
  .tablet\:hover\:border-mint-10:hover {
    border-color: #c7efe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-20 {
    border-color: #92d9bb; }
  .tablet\:hover\:border-mint-20:hover {
    border-color: #92d9bb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-30 {
    border-color: #5abf95; }
  .tablet\:hover\:border-mint-30:hover {
    border-color: #5abf95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-40 {
    border-color: #34a37e; }
  .tablet\:hover\:border-mint-40:hover {
    border-color: #34a37e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-50 {
    border-color: #2e8367; }
  .tablet\:hover\:border-mint-50:hover {
    border-color: #2e8367; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-60 {
    border-color: #286846; }
  .tablet\:hover\:border-mint-60:hover {
    border-color: #286846; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-70 {
    border-color: #204e34; }
  .tablet\:hover\:border-mint-70:hover {
    border-color: #204e34; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-80 {
    border-color: #193324; }
  .tablet\:hover\:border-mint-80:hover {
    border-color: #193324; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-90 {
    border-color: #0d1a12; }
  .tablet\:hover\:border-mint-90:hover {
    border-color: #0d1a12; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-5v {
    border-color: #c9fbeb; }
  .tablet\:hover\:border-mint-5v:hover {
    border-color: #c9fbeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-10v {
    border-color: #83fcd4; }
  .tablet\:hover\:border-mint-10v:hover {
    border-color: #83fcd4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-20v {
    border-color: #0ceda6; }
  .tablet\:hover\:border-mint-20v:hover {
    border-color: #0ceda6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-30v {
    border-color: #04c585; }
  .tablet\:hover\:border-mint-30v:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-40v {
    border-color: #00a871; }
  .tablet\:hover\:border-mint-40v:hover {
    border-color: #00a871; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-50v {
    border-color: #008659; }
  .tablet\:hover\:border-mint-50v:hover {
    border-color: #008659; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-60v {
    border-color: #146947; }
  .tablet\:hover\:border-mint-60v:hover {
    border-color: #146947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-70v {
    border-color: #0c4e29; }
  .tablet\:hover\:border-mint-70v:hover {
    border-color: #0c4e29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-mint-80v {
    border-color: #0d351e; }
  .tablet\:hover\:border-mint-80v:hover {
    border-color: #0d351e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-5 {
    border-color: #f6efe9; }
  .tablet\:hover\:border-orange-5:hover {
    border-color: #f6efe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-10 {
    border-color: #f2e4d4; }
  .tablet\:hover\:border-orange-10:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-20 {
    border-color: #f3bf90; }
  .tablet\:hover\:border-orange-20:hover {
    border-color: #f3bf90; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-30 {
    border-color: #f09860; }
  .tablet\:hover\:border-orange-30:hover {
    border-color: #f09860; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-40 {
    border-color: #dd7533; }
  .tablet\:hover\:border-orange-40:hover {
    border-color: #dd7533; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-50 {
    border-color: #a86437; }
  .tablet\:hover\:border-orange-50:hover {
    border-color: #a86437; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-60 {
    border-color: #775540; }
  .tablet\:hover\:border-orange-60:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-70 {
    border-color: #524236; }
  .tablet\:hover\:border-orange-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-80 {
    border-color: #332d27; }
  .tablet\:hover\:border-orange-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-90 {
    border-color: #1b1614; }
  .tablet\:hover\:border-orange-90:hover {
    border-color: #1b1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-5v {
    border-color: #fef2e4; }
  .tablet\:hover\:border-orange-5v:hover {
    border-color: #fef2e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-10v {
    border-color: #fce2c5; }
  .tablet\:hover\:border-orange-10v:hover {
    border-color: #fce2c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-20v {
    border-color: #ffbc78; }
  .tablet\:hover\:border-orange-20v:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-30v {
    border-color: #fa9441; }
  .tablet\:hover\:border-orange-30v:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-40v {
    border-color: #e66f0e; }
  .tablet\:hover\:border-orange-40v:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-50v {
    border-color: #c05600; }
  .tablet\:hover\:border-orange-50v:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-60v {
    border-color: #8c471c; }
  .tablet\:hover\:border-orange-60v:hover {
    border-color: #8c471c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-70v {
    border-color: #5f3617; }
  .tablet\:hover\:border-orange-70v:hover {
    border-color: #5f3617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-80v {
    border-color: #352313; }
  .tablet\:hover\:border-orange-80v:hover {
    border-color: #352313; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-5 {
    border-color: #faeee5; }
  .tablet\:hover\:border-orange-warm-5:hover {
    border-color: #faeee5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-10 {
    border-color: #fbe0d0; }
  .tablet\:hover\:border-orange-warm-10:hover {
    border-color: #fbe0d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-20 {
    border-color: #f7bca2; }
  .tablet\:hover\:border-orange-warm-20:hover {
    border-color: #f7bca2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-30 {
    border-color: #f3966d; }
  .tablet\:hover\:border-orange-warm-30:hover {
    border-color: #f3966d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-40 {
    border-color: #e17141; }
  .tablet\:hover\:border-orange-warm-40:hover {
    border-color: #e17141; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-50 {
    border-color: #bd5727; }
  .tablet\:hover\:border-orange-warm-50:hover {
    border-color: #bd5727; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-60 {
    border-color: #914734; }
  .tablet\:hover\:border-orange-warm-60:hover {
    border-color: #914734; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-70 {
    border-color: #633a32; }
  .tablet\:hover\:border-orange-warm-70:hover {
    border-color: #633a32; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-80 {
    border-color: #3d2925; }
  .tablet\:hover\:border-orange-warm-80:hover {
    border-color: #3d2925; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-90 {
    border-color: #1c1615; }
  .tablet\:hover\:border-orange-warm-90:hover {
    border-color: #1c1615; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-5v {
    border-color: #fff3ea; }
  .tablet\:hover\:border-orange-warm-5v:hover {
    border-color: #fff3ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-10v {
    border-color: #ffe2d1; }
  .tablet\:hover\:border-orange-warm-10v:hover {
    border-color: #ffe2d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-20v {
    border-color: #fbbaa7; }
  .tablet\:hover\:border-orange-warm-20v:hover {
    border-color: #fbbaa7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-30v {
    border-color: #fc906d; }
  .tablet\:hover\:border-orange-warm-30v:hover {
    border-color: #fc906d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-40v {
    border-color: #ff580a; }
  .tablet\:hover\:border-orange-warm-40v:hover {
    border-color: #ff580a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-50v {
    border-color: #cf4900; }
  .tablet\:hover\:border-orange-warm-50v:hover {
    border-color: #cf4900; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-60v {
    border-color: #a72f10; }
  .tablet\:hover\:border-orange-warm-60v:hover {
    border-color: #a72f10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-70v {
    border-color: #782312; }
  .tablet\:hover\:border-orange-warm-70v:hover {
    border-color: #782312; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-orange-warm-80v {
    border-color: #3d231d; }
  .tablet\:hover\:border-orange-warm-80v:hover {
    border-color: #3d231d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-5 {
    border-color: #f8eff1; }
  .tablet\:hover\:border-red-cool-5:hover {
    border-color: #f8eff1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-10 {
    border-color: #f3e1e4; }
  .tablet\:hover\:border-red-cool-10:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-20 {
    border-color: #ecbec6; }
  .tablet\:hover\:border-red-cool-20:hover {
    border-color: #ecbec6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-30 {
    border-color: #e09aa6; }
  .tablet\:hover\:border-red-cool-30:hover {
    border-color: #e09aa6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-40 {
    border-color: #e16b80; }
  .tablet\:hover\:border-red-cool-40:hover {
    border-color: #e16b80; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-50 {
    border-color: #cd425b; }
  .tablet\:hover\:border-red-cool-50:hover {
    border-color: #cd425b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-60 {
    border-color: #9e394b; }
  .tablet\:hover\:border-red-cool-60:hover {
    border-color: #9e394b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-70 {
    border-color: #68363f; }
  .tablet\:hover\:border-red-cool-70:hover {
    border-color: #68363f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-80 {
    border-color: #40282c; }
  .tablet\:hover\:border-red-cool-80:hover {
    border-color: #40282c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-90 {
    border-color: #1e1517; }
  .tablet\:hover\:border-red-cool-90:hover {
    border-color: #1e1517; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-5v {
    border-color: #fff2f5; }
  .tablet\:hover\:border-red-cool-5v:hover {
    border-color: #fff2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-10v {
    border-color: #f8dfe2; }
  .tablet\:hover\:border-red-cool-10v:hover {
    border-color: #f8dfe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-20v {
    border-color: #f8b9c5; }
  .tablet\:hover\:border-red-cool-20v:hover {
    border-color: #f8b9c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-30v {
    border-color: #fd8ba0; }
  .tablet\:hover\:border-red-cool-30v:hover {
    border-color: #fd8ba0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-40v {
    border-color: #f45d79; }
  .tablet\:hover\:border-red-cool-40v:hover {
    border-color: #f45d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-50v {
    border-color: #e41d3d; }
  .tablet\:hover\:border-red-cool-50v:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-60v {
    border-color: #b21d38; }
  .tablet\:hover\:border-red-cool-60v:hover {
    border-color: #b21d38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-70v {
    border-color: #822133; }
  .tablet\:hover\:border-red-cool-70v:hover {
    border-color: #822133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-cool-80v {
    border-color: #4f1c24; }
  .tablet\:hover\:border-red-cool-80v:hover {
    border-color: #4f1c24; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-5 {
    border-color: #f9eeee; }
  .tablet\:hover\:border-red-5:hover {
    border-color: #f9eeee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-10 {
    border-color: #f8e1de; }
  .tablet\:hover\:border-red-10:hover {
    border-color: #f8e1de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-20 {
    border-color: #f7bbb1; }
  .tablet\:hover\:border-red-20:hover {
    border-color: #f7bbb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-30 {
    border-color: #f2938c; }
  .tablet\:hover\:border-red-30:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-40 {
    border-color: #e9695f; }
  .tablet\:hover\:border-red-40:hover {
    border-color: #e9695f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-50 {
    border-color: #d83933; }
  .tablet\:hover\:border-red-50:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-60 {
    border-color: #a23737; }
  .tablet\:hover\:border-red-60:hover {
    border-color: #a23737; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-70 {
    border-color: #6f3331; }
  .tablet\:hover\:border-red-70:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-80 {
    border-color: #3e2927; }
  .tablet\:hover\:border-red-80:hover {
    border-color: #3e2927; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-90 {
    border-color: #1b1616; }
  .tablet\:hover\:border-red-90:hover {
    border-color: #1b1616; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-5v {
    border-color: #fff3f2; }
  .tablet\:hover\:border-red-5v:hover {
    border-color: #fff3f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-10v {
    border-color: #fde0db; }
  .tablet\:hover\:border-red-10v:hover {
    border-color: #fde0db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-20v {
    border-color: #fdb8ae; }
  .tablet\:hover\:border-red-20v:hover {
    border-color: #fdb8ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-30v {
    border-color: #ff8d7b; }
  .tablet\:hover\:border-red-30v:hover {
    border-color: #ff8d7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-40v {
    border-color: #fb5a47; }
  .tablet\:hover\:border-red-40v:hover {
    border-color: #fb5a47; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-50v {
    border-color: #e52207; }
  .tablet\:hover\:border-red-50v:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-60v {
    border-color: #b50909; }
  .tablet\:hover\:border-red-60v:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-70v {
    border-color: #8b0a03; }
  .tablet\:hover\:border-red-70v:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-80v {
    border-color: #5c1111; }
  .tablet\:hover\:border-red-80v:hover {
    border-color: #5c1111; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-5 {
    border-color: #f6efea; }
  .tablet\:hover\:border-red-warm-5:hover {
    border-color: #f6efea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-10 {
    border-color: #f4e3db; }
  .tablet\:hover\:border-red-warm-10:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-20 {
    border-color: #ecc0a7; }
  .tablet\:hover\:border-red-warm-20:hover {
    border-color: #ecc0a7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-30 {
    border-color: #dca081; }
  .tablet\:hover\:border-red-warm-30:hover {
    border-color: #dca081; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-40 {
    border-color: #d27a56; }
  .tablet\:hover\:border-red-warm-40:hover {
    border-color: #d27a56; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-50 {
    border-color: #c3512c; }
  .tablet\:hover\:border-red-warm-50:hover {
    border-color: #c3512c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-60 {
    border-color: #805039; }
  .tablet\:hover\:border-red-warm-60:hover {
    border-color: #805039; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-70 {
    border-color: #524236; }
  .tablet\:hover\:border-red-warm-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-80 {
    border-color: #332d29; }
  .tablet\:hover\:border-red-warm-80:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-90 {
    border-color: #1f1c18; }
  .tablet\:hover\:border-red-warm-90:hover {
    border-color: #1f1c18; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-5v {
    border-color: #fff5ee; }
  .tablet\:hover\:border-red-warm-5v:hover {
    border-color: #fff5ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-10v {
    border-color: #fce1d4; }
  .tablet\:hover\:border-red-warm-10v:hover {
    border-color: #fce1d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-20v {
    border-color: #f6bd9c; }
  .tablet\:hover\:border-red-warm-20v:hover {
    border-color: #f6bd9c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-30v {
    border-color: #f39268; }
  .tablet\:hover\:border-red-warm-30v:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-40v {
    border-color: #ef5e25; }
  .tablet\:hover\:border-red-warm-40v:hover {
    border-color: #ef5e25; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-50v {
    border-color: #d54309; }
  .tablet\:hover\:border-red-warm-50v:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-60v {
    border-color: #9c3d10; }
  .tablet\:hover\:border-red-warm-60v:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-70v {
    border-color: #63340f; }
  .tablet\:hover\:border-red-warm-70v:hover {
    border-color: #63340f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-red-warm-80v {
    border-color: #3e2a1e; }
  .tablet\:hover\:border-red-warm-80v:hover {
    border-color: #3e2a1e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-5 {
    border-color: #f4f1f9; }
  .tablet\:hover\:border-violet-5:hover {
    border-color: #f4f1f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-10 {
    border-color: #ebe3f9; }
  .tablet\:hover\:border-violet-10:hover {
    border-color: #ebe3f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-20 {
    border-color: #d0c3e9; }
  .tablet\:hover\:border-violet-20:hover {
    border-color: #d0c3e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-30 {
    border-color: #b8a2e3; }
  .tablet\:hover\:border-violet-30:hover {
    border-color: #b8a2e3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-40 {
    border-color: #9d84d2; }
  .tablet\:hover\:border-violet-40:hover {
    border-color: #9d84d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-50 {
    border-color: #8168b3; }
  .tablet\:hover\:border-violet-50:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-60 {
    border-color: #665190; }
  .tablet\:hover\:border-violet-60:hover {
    border-color: #665190; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-70 {
    border-color: #4c3d69; }
  .tablet\:hover\:border-violet-70:hover {
    border-color: #4c3d69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-80 {
    border-color: #312b3f; }
  .tablet\:hover\:border-violet-80:hover {
    border-color: #312b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-90 {
    border-color: #18161d; }
  .tablet\:hover\:border-violet-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-5v {
    border-color: #f7f2ff; }
  .tablet\:hover\:border-violet-5v:hover {
    border-color: #f7f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-10v {
    border-color: #ede3ff; }
  .tablet\:hover\:border-violet-10v:hover {
    border-color: #ede3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-20v {
    border-color: #d5bfff; }
  .tablet\:hover\:border-violet-20v:hover {
    border-color: #d5bfff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-30v {
    border-color: #c39deb; }
  .tablet\:hover\:border-violet-30v:hover {
    border-color: #c39deb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-40v {
    border-color: #ad79e9; }
  .tablet\:hover\:border-violet-40v:hover {
    border-color: #ad79e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-50v {
    border-color: #9355dc; }
  .tablet\:hover\:border-violet-50v:hover {
    border-color: #9355dc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-60v {
    border-color: #783cb9; }
  .tablet\:hover\:border-violet-60v:hover {
    border-color: #783cb9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-70v {
    border-color: #54278f; }
  .tablet\:hover\:border-violet-70v:hover {
    border-color: #54278f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-80v {
    border-color: #39215e; }
  .tablet\:hover\:border-violet-80v:hover {
    border-color: #39215e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-5 {
    border-color: #f8f0f9; }
  .tablet\:hover\:border-violet-warm-5:hover {
    border-color: #f8f0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-10 {
    border-color: #f6dff8; }
  .tablet\:hover\:border-violet-warm-10:hover {
    border-color: #f6dff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-20 {
    border-color: #e2bee4; }
  .tablet\:hover\:border-violet-warm-20:hover {
    border-color: #e2bee4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-30 {
    border-color: #d29ad8; }
  .tablet\:hover\:border-violet-warm-30:hover {
    border-color: #d29ad8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-40 {
    border-color: #bf77c8; }
  .tablet\:hover\:border-violet-warm-40:hover {
    border-color: #bf77c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-50 {
    border-color: #b04abd; }
  .tablet\:hover\:border-violet-warm-50:hover {
    border-color: #b04abd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-60 {
    border-color: #864381; }
  .tablet\:hover\:border-violet-warm-60:hover {
    border-color: #864381; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-70 {
    border-color: #5c395a; }
  .tablet\:hover\:border-violet-warm-70:hover {
    border-color: #5c395a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-80 {
    border-color: #382936; }
  .tablet\:hover\:border-violet-warm-80:hover {
    border-color: #382936; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-90 {
    border-color: #1b151b; }
  .tablet\:hover\:border-violet-warm-90:hover {
    border-color: #1b151b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-5v {
    border-color: #fef2ff; }
  .tablet\:hover\:border-violet-warm-5v:hover {
    border-color: #fef2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-10v {
    border-color: #fbdcff; }
  .tablet\:hover\:border-violet-warm-10v:hover {
    border-color: #fbdcff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-20v {
    border-color: #f4b2ff; }
  .tablet\:hover\:border-violet-warm-20v:hover {
    border-color: #f4b2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-30v {
    border-color: #ee83ff; }
  .tablet\:hover\:border-violet-warm-30v:hover {
    border-color: #ee83ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-40v {
    border-color: #d85bef; }
  .tablet\:hover\:border-violet-warm-40v:hover {
    border-color: #d85bef; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-50v {
    border-color: #be32d0; }
  .tablet\:hover\:border-violet-warm-50v:hover {
    border-color: #be32d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-60v {
    border-color: #93348c; }
  .tablet\:hover\:border-violet-warm-60v:hover {
    border-color: #93348c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-70v {
    border-color: #711e6c; }
  .tablet\:hover\:border-violet-warm-70v:hover {
    border-color: #711e6c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-violet-warm-80v {
    border-color: #481441; }
  .tablet\:hover\:border-violet-warm-80v:hover {
    border-color: #481441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white-transparent-5 {
    border-color: rgba(255, 255, 255, 0.01); }
  .tablet\:hover\:border-white-transparent-5:hover {
    border-color: rgba(255, 255, 255, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white-transparent-10 {
    border-color: rgba(255, 255, 255, 0.1); }
  .tablet\:hover\:border-white-transparent-10:hover {
    border-color: rgba(255, 255, 255, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white-transparent-20 {
    border-color: rgba(255, 255, 255, 0.2); }
  .tablet\:hover\:border-white-transparent-20:hover {
    border-color: rgba(255, 255, 255, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white-transparent-30 {
    border-color: rgba(255, 255, 255, 0.3); }
  .tablet\:hover\:border-white-transparent-30:hover {
    border-color: rgba(255, 255, 255, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white-transparent-40 {
    border-color: rgba(255, 255, 255, 0.4); }
  .tablet\:hover\:border-white-transparent-40:hover {
    border-color: rgba(255, 255, 255, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white-transparent-50 {
    border-color: rgba(255, 255, 255, 0.5); }
  .tablet\:hover\:border-white-transparent-50:hover {
    border-color: rgba(255, 255, 255, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white-transparent-60 {
    border-color: rgba(255, 255, 255, 0.6); }
  .tablet\:hover\:border-white-transparent-60:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white-transparent-70 {
    border-color: rgba(255, 255, 255, 0.7); }
  .tablet\:hover\:border-white-transparent-70:hover {
    border-color: rgba(255, 255, 255, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white-transparent-80 {
    border-color: rgba(255, 255, 255, 0.8); }
  .tablet\:hover\:border-white-transparent-80:hover {
    border-color: rgba(255, 255, 255, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-white-transparent-90 {
    border-color: rgba(255, 255, 255, 0.9); }
  .tablet\:hover\:border-white-transparent-90:hover {
    border-color: rgba(255, 255, 255, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-5 {
    border-color: #faf3d1; }
  .tablet\:hover\:border-yellow-5:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-10 {
    border-color: #f5e6af; }
  .tablet\:hover\:border-yellow-10:hover {
    border-color: #f5e6af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-20 {
    border-color: #e6c74c; }
  .tablet\:hover\:border-yellow-20:hover {
    border-color: #e6c74c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-30 {
    border-color: #c9ab48; }
  .tablet\:hover\:border-yellow-30:hover {
    border-color: #c9ab48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-40 {
    border-color: #a88f48; }
  .tablet\:hover\:border-yellow-40:hover {
    border-color: #a88f48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-50 {
    border-color: #8a7237; }
  .tablet\:hover\:border-yellow-50:hover {
    border-color: #8a7237; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-60 {
    border-color: #6b5a39; }
  .tablet\:hover\:border-yellow-60:hover {
    border-color: #6b5a39; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-70 {
    border-color: #504332; }
  .tablet\:hover\:border-yellow-70:hover {
    border-color: #504332; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-80 {
    border-color: #332d27; }
  .tablet\:hover\:border-yellow-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-90 {
    border-color: #1a1614; }
  .tablet\:hover\:border-yellow-90:hover {
    border-color: #1a1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-5v {
    border-color: #fff5c2; }
  .tablet\:hover\:border-yellow-5v:hover {
    border-color: #fff5c2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-10v {
    border-color: #fee685; }
  .tablet\:hover\:border-yellow-10v:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-20v {
    border-color: #face00; }
  .tablet\:hover\:border-yellow-20v:hover {
    border-color: #face00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-30v {
    border-color: #ddaa01; }
  .tablet\:hover\:border-yellow-30v:hover {
    border-color: #ddaa01; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-40v {
    border-color: #b38c00; }
  .tablet\:hover\:border-yellow-40v:hover {
    border-color: #b38c00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-50v {
    border-color: #947100; }
  .tablet\:hover\:border-yellow-50v:hover {
    border-color: #947100; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-60v {
    border-color: #776017; }
  .tablet\:hover\:border-yellow-60v:hover {
    border-color: #776017; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-70v {
    border-color: #5c4809; }
  .tablet\:hover\:border-yellow-70v:hover {
    border-color: #5c4809; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:border-yellow-80v {
    border-color: #422d19; }
  .tablet\:hover\:border-yellow-80v:hover {
    border-color: #422d19; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-0 {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-none {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-top-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-right-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-bottom-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-left-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-sm {
    border-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-top-sm {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-right-sm {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-bottom-sm {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-left-sm {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-md {
    border-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-top-md {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-right-md {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-bottom-md {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-left-md {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-lg {
    border-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-top-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-right-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-bottom-lg {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-left-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-pill {
    border-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-top-pill {
    border-top-left-radius: 99rem;
    border-top-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-right-pill {
    border-top-right-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-bottom-pill {
    border-bottom-left-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:radius-left-pill {
    border-top-left-radius: 99rem;
    border-bottom-left-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:display-block {
    display: block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:display-flex {
    display: flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:display-none {
    display: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:display-inline {
    display: inline; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:display-inline-block {
    display: inline-block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:display-inline-flex {
    display: inline-flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:display-table {
    display: table; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:display-table-cell {
    display: table-cell; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:display-table-row {
    display: table-row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:flex-row {
    flex-direction: row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:flex-column {
    flex-direction: column; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-mono-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-mono-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-mono-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-mono-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-mono-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-mono-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-mono-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-mono-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-mono-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-sans-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-sans-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-sans-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-sans-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-sans-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-sans-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-sans-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-sans-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-sans-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-serif-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-serif-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-serif-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-serif-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-serif-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-serif-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-serif-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-serif-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-serif-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-heading-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-heading-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-heading-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-heading-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-heading-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-heading-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-heading-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-heading-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-heading-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-body-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-body-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-body-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-body-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-body-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-body-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-body-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-body-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-body-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-code-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-code-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-code-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-code-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-code-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-code-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-code-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-code-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-code-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-alt-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-alt-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-alt-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-alt-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-alt-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-alt-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-alt-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-alt-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-alt-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-ui-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-ui-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-ui-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-ui-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-ui-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-ui-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-ui-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-ui-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:font-ui-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:text-light {
    font-weight: 300; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:text-normal {
    font-weight: normal; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:text-bold {
    font-weight: 700; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:flex-justify-center {
    justify-content: center; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:flex-justify-start {
    justify-content: flex-start; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:flex-justify-end {
    justify-content: flex-end; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:flex-justify {
    justify-content: space-between; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-sans-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-sans-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-sans-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-sans-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-sans-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-sans-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-serif-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-serif-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-serif-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-serif-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-serif-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-serif-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-mono-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-mono-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-mono-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-mono-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-mono-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-mono-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-heading-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-heading-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-heading-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-heading-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-heading-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-heading-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-ui-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-ui-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-ui-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-ui-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-ui-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-ui-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-body-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-body-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-body-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-body-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-body-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-body-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-code-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-code-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-code-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-code-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-code-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-code-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-alt-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-alt-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-alt-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-alt-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-alt-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:line-height-alt-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-1px {
    margin: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-2px {
    margin: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-05 {
    margin: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-1 {
    margin: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-105 {
    margin: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-2 {
    margin: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-205 {
    margin: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-3 {
    margin: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-1px {
    margin: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-2px {
    margin: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-05 {
    margin: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-1 {
    margin: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-105 {
    margin: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-2 {
    margin: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-205 {
    margin: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-3 {
    margin: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-4 {
    margin: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-5 {
    margin: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-6 {
    margin: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-7 {
    margin: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-8 {
    margin: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-9 {
    margin: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-10 {
    margin: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-neg-15 {
    margin: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-4 {
    margin: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-5 {
    margin: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-6 {
    margin: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-7 {
    margin: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-8 {
    margin: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-9 {
    margin: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-10 {
    margin: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-15 {
    margin: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-05em {
    margin: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-1em {
    margin: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-105em {
    margin: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-2em {
    margin: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-0 {
    margin: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-1px {
    margin-top: 1px;
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-1px {
    margin-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-1px {
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-2px {
    margin-top: 2px;
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-2px {
    margin-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-2px {
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-05 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-05 {
    margin-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-05 {
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-1 {
    margin-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-1 {
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-105 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-105 {
    margin-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-105 {
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-2 {
    margin-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-2 {
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-205 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-205 {
    margin-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-205 {
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-3 {
    margin-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-3 {
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-1px {
    margin-top: -1px;
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-1px {
    margin-top: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-1px {
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-2px {
    margin-top: -2px;
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-2px {
    margin-top: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-2px {
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-05 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-05 {
    margin-top: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-05 {
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-1 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-1 {
    margin-top: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-1 {
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-105 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-105 {
    margin-top: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-105 {
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-2 {
    margin-top: -1rem;
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-2 {
    margin-top: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-2 {
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-205 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-205 {
    margin-top: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-205 {
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-3 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-3 {
    margin-top: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-3 {
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-4 {
    margin-top: -2rem;
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-4 {
    margin-top: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-4 {
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-5 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-5 {
    margin-top: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-5 {
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-6 {
    margin-top: -3rem;
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-6 {
    margin-top: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-6 {
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-7 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-7 {
    margin-top: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-7 {
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-8 {
    margin-top: -4rem;
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-8 {
    margin-top: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-8 {
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-9 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-9 {
    margin-top: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-9 {
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-10 {
    margin-top: -5rem;
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-10 {
    margin-top: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-10 {
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-neg-15 {
    margin-top: -7.5rem;
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-neg-15 {
    margin-top: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-neg-15 {
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-4 {
    margin-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-4 {
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-5 {
    margin-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-5 {
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-6 {
    margin-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-6 {
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-7 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-7 {
    margin-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-7 {
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-8 {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-8 {
    margin-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-8 {
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-9 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-9 {
    margin-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-9 {
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-10 {
    margin-top: 5rem;
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-10 {
    margin-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-10 {
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-15 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-15 {
    margin-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-15 {
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-05em {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-05em {
    margin-top: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-05em {
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-1em {
    margin-top: 1em;
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-1em {
    margin-top: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-1em {
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-105em {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-105em {
    margin-top: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-105em {
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-2em {
    margin-top: 2em;
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-2em {
    margin-top: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-2em {
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-0 {
    margin-top: 0;
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-0 {
    margin-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-0 {
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-y-auto {
    margin-top: auto;
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-top-auto {
    margin-top: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-bottom-auto {
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-1px {
    margin-left: 1px;
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-1px {
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-1px {
    margin-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-2px {
    margin-left: 2px;
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-2px {
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-2px {
    margin-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-05 {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-05 {
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-05 {
    margin-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-1 {
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-1 {
    margin-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-105 {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-105 {
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-105 {
    margin-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-2 {
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-2 {
    margin-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-205 {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-205 {
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-205 {
    margin-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-3 {
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-3 {
    margin-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-1px {
    margin-left: -1px;
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-1px {
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-1px {
    margin-left: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-2px {
    margin-left: -2px;
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-2px {
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-2px {
    margin-left: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-05 {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-05 {
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-05 {
    margin-left: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-1 {
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-1 {
    margin-left: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-105 {
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-105 {
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-105 {
    margin-left: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-2 {
    margin-left: -1rem;
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-2 {
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-2 {
    margin-left: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-205 {
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-205 {
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-205 {
    margin-left: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-3 {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-3 {
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-3 {
    margin-left: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-4 {
    margin-left: -2rem;
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-4 {
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-4 {
    margin-left: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-5 {
    margin-left: -2.5rem;
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-5 {
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-5 {
    margin-left: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-6 {
    margin-left: -3rem;
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-6 {
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-6 {
    margin-left: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-7 {
    margin-left: -3.5rem;
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-7 {
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-7 {
    margin-left: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-8 {
    margin-left: -4rem;
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-8 {
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-8 {
    margin-left: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-9 {
    margin-left: -4.5rem;
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-9 {
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-9 {
    margin-left: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-10 {
    margin-left: -5rem;
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-10 {
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-10 {
    margin-left: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-neg-15 {
    margin-left: -7.5rem;
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-neg-15 {
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-neg-15 {
    margin-left: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-4 {
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-4 {
    margin-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-5 {
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-5 {
    margin-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-6 {
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-6 {
    margin-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-7 {
    margin-left: 3.5rem;
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-7 {
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-7 {
    margin-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-8 {
    margin-left: 4rem;
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-8 {
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-8 {
    margin-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-9 {
    margin-left: 4.5rem;
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-9 {
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-9 {
    margin-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-10 {
    margin-left: 5rem;
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-10 {
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-10 {
    margin-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-15 {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-15 {
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-15 {
    margin-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-card {
    margin-left: 10rem;
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-card {
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-card {
    margin-left: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-card-lg {
    margin-left: 15rem;
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-card-lg {
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-card-lg {
    margin-left: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-mobile {
    margin-left: 20rem;
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-mobile {
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-mobile {
    margin-left: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-05em {
    margin-left: 0.5em;
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-05em {
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-05em {
    margin-left: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-1em {
    margin-left: 1em;
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-1em {
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-1em {
    margin-left: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-105em {
    margin-left: 1.5em;
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-105em {
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-105em {
    margin-left: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-2em {
    margin-left: 2em;
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-2em {
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-2em {
    margin-left: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-0 {
    margin-left: 0;
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-0 {
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-0 {
    margin-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-x-auto {
    margin-left: auto;
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-right-auto {
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:margin-left-auto {
    margin-left: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:measure-1 {
    max-width: 44ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:measure-2 {
    max-width: 60ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:measure-3 {
    max-width: 64ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:measure-4 {
    max-width: 68ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:measure-5 {
    max-width: 72ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:measure-6 {
    max-width: 88ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:measure-none {
    max-width: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-05 {
    min-width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-1 {
    min-width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-105 {
    min-width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-2 {
    min-width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-205 {
    min-width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-3 {
    min-width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-4 {
    min-width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-5 {
    min-width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-6 {
    min-width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-7 {
    min-width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-8 {
    min-width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-9 {
    min-width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-10 {
    min-width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-15 {
    min-width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-0 {
    min-width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-card {
    min-width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:minw-card-lg {
    min-width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-first {
    order: -1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-last {
    order: 999; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-initial {
    order: initial; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-0 {
    order: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-1 {
    order: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-2 {
    order: 2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-3 {
    order: 3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-4 {
    order: 4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-5 {
    order: 5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-6 {
    order: 6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-7 {
    order: 7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-8 {
    order: 8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-9 {
    order: 9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-10 {
    order: 10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:order-11 {
    order: 11; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-1px {
    padding: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-1px {
    padding-top: 1px;
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-1px {
    padding-left: 1px;
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-1px {
    padding-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-1px {
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-1px {
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-1px {
    padding-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-2px {
    padding: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-2px {
    padding-top: 2px;
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-2px {
    padding-left: 2px;
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-2px {
    padding-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-2px {
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-2px {
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-2px {
    padding-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-05 {
    padding: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-05 {
    padding-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-05 {
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-05 {
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-05 {
    padding-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-1 {
    padding: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-1 {
    padding-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-1 {
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-1 {
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-1 {
    padding-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-105 {
    padding: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-105 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-105 {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-105 {
    padding-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-105 {
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-105 {
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-105 {
    padding-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-2 {
    padding: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-2 {
    padding-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-2 {
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-2 {
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-2 {
    padding-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-205 {
    padding: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-205 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-205 {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-205 {
    padding-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-205 {
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-205 {
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-205 {
    padding-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-3 {
    padding: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-3 {
    padding-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-3 {
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-3 {
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-3 {
    padding-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-4 {
    padding: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-4 {
    padding-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-4 {
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-4 {
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-4 {
    padding-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-5 {
    padding: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-5 {
    padding-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-5 {
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-5 {
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-5 {
    padding-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-6 {
    padding: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-6 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-6 {
    padding-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-6 {
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-6 {
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-6 {
    padding-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-7 {
    padding: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-7 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-7 {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-7 {
    padding-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-7 {
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-7 {
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-7 {
    padding-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-8 {
    padding: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-8 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-8 {
    padding-left: 4rem;
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-8 {
    padding-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-8 {
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-8 {
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-8 {
    padding-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-9 {
    padding: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-9 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-9 {
    padding-left: 4.5rem;
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-9 {
    padding-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-9 {
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-9 {
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-9 {
    padding-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-10 {
    padding: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-10 {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-10 {
    padding-left: 5rem;
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-10 {
    padding-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-10 {
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-10 {
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-10 {
    padding-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-15 {
    padding: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-15 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-15 {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-15 {
    padding-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-15 {
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-15 {
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-15 {
    padding-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-0 {
    padding: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-y-0 {
    padding-top: 0;
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-x-0 {
    padding-left: 0;
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-top-0 {
    padding-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-right-0 {
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-bottom-0 {
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:padding-left-0 {
    padding-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:position-absolute {
    position: absolute; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:position-fixed {
    position: fixed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:position-relative {
    position: relative; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:position-static {
    position: static; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:position-sticky {
    position: sticky; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-1px {
    width: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-2px {
    width: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-05 {
    width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-1 {
    width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-105 {
    width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-2 {
    width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-205 {
    width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-3 {
    width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-4 {
    width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-5 {
    width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-6 {
    width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-7 {
    width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-8 {
    width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-9 {
    width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-10 {
    width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-15 {
    width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-card {
    width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-card-lg {
    width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-mobile {
    width: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-mobile-lg {
    width: 30rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-tablet {
    width: 40rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-tablet-lg {
    width: 55rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-desktop {
    width: 64rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-desktop-lg {
    width: 75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-widescreen {
    width: 87.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-0 {
    width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-full {
    width: 100%; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet\:width-auto {
    width: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */ }

@media all and (min-width: 55em) {
  .tablet-lg\:border-1px {
    border: 1px solid; }
  .tablet-lg\:hover\:border-1px:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-y-1px {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .tablet-lg\:hover\:border-y-1px:hover {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-x-1px {
    border-left: 1px solid;
    border-right: 1px solid; }
  .tablet-lg\:hover\:border-x-1px:hover {
    border-left: 1px solid;
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-top-1px {
    border-top: 1px solid; }
  .tablet-lg\:hover\:border-top-1px:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-right-1px {
    border-right: 1px solid; }
  .tablet-lg\:hover\:border-right-1px:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-bottom-1px {
    border-bottom: 1px solid; }
  .tablet-lg\:hover\:border-bottom-1px:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-left-1px {
    border-left: 1px solid; }
  .tablet-lg\:hover\:border-left-1px:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-2px {
    border: 2px solid; }
  .tablet-lg\:hover\:border-2px:hover {
    border: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-y-2px {
    border-top: 2px solid;
    border-bottom: 2px solid; }
  .tablet-lg\:hover\:border-y-2px:hover {
    border-top: 2px solid;
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-x-2px {
    border-left: 2px solid;
    border-right: 2px solid; }
  .tablet-lg\:hover\:border-x-2px:hover {
    border-left: 2px solid;
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-top-2px {
    border-top: 2px solid; }
  .tablet-lg\:hover\:border-top-2px:hover {
    border-top: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-right-2px {
    border-right: 2px solid; }
  .tablet-lg\:hover\:border-right-2px:hover {
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-bottom-2px {
    border-bottom: 2px solid; }
  .tablet-lg\:hover\:border-bottom-2px:hover {
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-left-2px {
    border-left: 2px solid; }
  .tablet-lg\:hover\:border-left-2px:hover {
    border-left: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-05 {
    border: 0.25rem solid; }
  .tablet-lg\:hover\:border-05:hover {
    border: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-y-05 {
    border-top: 0.25rem solid;
    border-bottom: 0.25rem solid; }
  .tablet-lg\:hover\:border-y-05:hover {
    border-top: 0.25rem solid;
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-x-05 {
    border-left: 0.25rem solid;
    border-right: 0.25rem solid; }
  .tablet-lg\:hover\:border-x-05:hover {
    border-left: 0.25rem solid;
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-top-05 {
    border-top: 0.25rem solid; }
  .tablet-lg\:hover\:border-top-05:hover {
    border-top: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-right-05 {
    border-right: 0.25rem solid; }
  .tablet-lg\:hover\:border-right-05:hover {
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-bottom-05 {
    border-bottom: 0.25rem solid; }
  .tablet-lg\:hover\:border-bottom-05:hover {
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-left-05 {
    border-left: 0.25rem solid; }
  .tablet-lg\:hover\:border-left-05:hover {
    border-left: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-1 {
    border: 0.5rem solid; }
  .tablet-lg\:hover\:border-1:hover {
    border: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-y-1 {
    border-top: 0.5rem solid;
    border-bottom: 0.5rem solid; }
  .tablet-lg\:hover\:border-y-1:hover {
    border-top: 0.5rem solid;
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-x-1 {
    border-left: 0.5rem solid;
    border-right: 0.5rem solid; }
  .tablet-lg\:hover\:border-x-1:hover {
    border-left: 0.5rem solid;
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-top-1 {
    border-top: 0.5rem solid; }
  .tablet-lg\:hover\:border-top-1:hover {
    border-top: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-right-1 {
    border-right: 0.5rem solid; }
  .tablet-lg\:hover\:border-right-1:hover {
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-bottom-1 {
    border-bottom: 0.5rem solid; }
  .tablet-lg\:hover\:border-bottom-1:hover {
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-left-1 {
    border-left: 0.5rem solid; }
  .tablet-lg\:hover\:border-left-1:hover {
    border-left: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-105 {
    border: 0.75rem solid; }
  .tablet-lg\:hover\:border-105:hover {
    border: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-y-105 {
    border-top: 0.75rem solid;
    border-bottom: 0.75rem solid; }
  .tablet-lg\:hover\:border-y-105:hover {
    border-top: 0.75rem solid;
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-x-105 {
    border-left: 0.75rem solid;
    border-right: 0.75rem solid; }
  .tablet-lg\:hover\:border-x-105:hover {
    border-left: 0.75rem solid;
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-top-105 {
    border-top: 0.75rem solid; }
  .tablet-lg\:hover\:border-top-105:hover {
    border-top: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-right-105 {
    border-right: 0.75rem solid; }
  .tablet-lg\:hover\:border-right-105:hover {
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-bottom-105 {
    border-bottom: 0.75rem solid; }
  .tablet-lg\:hover\:border-bottom-105:hover {
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-left-105 {
    border-left: 0.75rem solid; }
  .tablet-lg\:hover\:border-left-105:hover {
    border-left: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-2 {
    border: 1rem solid; }
  .tablet-lg\:hover\:border-2:hover {
    border: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-y-2 {
    border-top: 1rem solid;
    border-bottom: 1rem solid; }
  .tablet-lg\:hover\:border-y-2:hover {
    border-top: 1rem solid;
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-x-2 {
    border-left: 1rem solid;
    border-right: 1rem solid; }
  .tablet-lg\:hover\:border-x-2:hover {
    border-left: 1rem solid;
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-top-2 {
    border-top: 1rem solid; }
  .tablet-lg\:hover\:border-top-2:hover {
    border-top: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-right-2 {
    border-right: 1rem solid; }
  .tablet-lg\:hover\:border-right-2:hover {
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-bottom-2 {
    border-bottom: 1rem solid; }
  .tablet-lg\:hover\:border-bottom-2:hover {
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-left-2 {
    border-left: 1rem solid; }
  .tablet-lg\:hover\:border-left-2:hover {
    border-left: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-205 {
    border: 1.25rem solid; }
  .tablet-lg\:hover\:border-205:hover {
    border: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-y-205 {
    border-top: 1.25rem solid;
    border-bottom: 1.25rem solid; }
  .tablet-lg\:hover\:border-y-205:hover {
    border-top: 1.25rem solid;
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-x-205 {
    border-left: 1.25rem solid;
    border-right: 1.25rem solid; }
  .tablet-lg\:hover\:border-x-205:hover {
    border-left: 1.25rem solid;
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-top-205 {
    border-top: 1.25rem solid; }
  .tablet-lg\:hover\:border-top-205:hover {
    border-top: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-right-205 {
    border-right: 1.25rem solid; }
  .tablet-lg\:hover\:border-right-205:hover {
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-bottom-205 {
    border-bottom: 1.25rem solid; }
  .tablet-lg\:hover\:border-bottom-205:hover {
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-left-205 {
    border-left: 1.25rem solid; }
  .tablet-lg\:hover\:border-left-205:hover {
    border-left: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-3 {
    border: 1.5rem solid; }
  .tablet-lg\:hover\:border-3:hover {
    border: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-y-3 {
    border-top: 1.5rem solid;
    border-bottom: 1.5rem solid; }
  .tablet-lg\:hover\:border-y-3:hover {
    border-top: 1.5rem solid;
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-x-3 {
    border-left: 1.5rem solid;
    border-right: 1.5rem solid; }
  .tablet-lg\:hover\:border-x-3:hover {
    border-left: 1.5rem solid;
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-top-3 {
    border-top: 1.5rem solid; }
  .tablet-lg\:hover\:border-top-3:hover {
    border-top: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-right-3 {
    border-right: 1.5rem solid; }
  .tablet-lg\:hover\:border-right-3:hover {
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-bottom-3 {
    border-bottom: 1.5rem solid; }
  .tablet-lg\:hover\:border-bottom-3:hover {
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-left-3 {
    border-left: 1.5rem solid; }
  .tablet-lg\:hover\:border-left-3:hover {
    border-left: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-0 {
    border: 0 solid; }
  .tablet-lg\:hover\:border-0:hover {
    border: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-y-0 {
    border-top: 0 solid;
    border-bottom: 0 solid; }
  .tablet-lg\:hover\:border-y-0:hover {
    border-top: 0 solid;
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-x-0 {
    border-left: 0 solid;
    border-right: 0 solid; }
  .tablet-lg\:hover\:border-x-0:hover {
    border-left: 0 solid;
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-top-0 {
    border-top: 0 solid; }
  .tablet-lg\:hover\:border-top-0:hover {
    border-top: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-right-0 {
    border-right: 0 solid; }
  .tablet-lg\:hover\:border-right-0:hover {
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-bottom-0 {
    border-bottom: 0 solid; }
  .tablet-lg\:hover\:border-bottom-0:hover {
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-left-0 {
    border-left: 0 solid; }
  .tablet-lg\:hover\:border-left-0:hover {
    border-left: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border {
    border: 1px solid; }
  .tablet-lg\:hover\:border:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-y {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .tablet-lg\:hover\:border-y:hover {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-x {
    border-left: 1px solid;
    border-right: 1px solid; }
  .tablet-lg\:hover\:border-x:hover {
    border-left: 1px solid;
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-top {
    border-top: 1px solid; }
  .tablet-lg\:hover\:border-top:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-right {
    border-right: 1px solid; }
  .tablet-lg\:hover\:border-right:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-bottom {
    border-bottom: 1px solid; }
  .tablet-lg\:hover\:border-bottom:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-left {
    border-left: 1px solid; }
  .tablet-lg\:hover\:border-left:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-transparent {
    border-color: transparent; }
  .tablet-lg\:hover\:border-transparent:hover {
    border-color: transparent; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black {
    border-color: black; }
  .tablet-lg\:hover\:border-black:hover {
    border-color: black; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white {
    border-color: white; }
  .tablet-lg\:hover\:border-white:hover {
    border-color: white; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-base-lightest {
    border-color: #f0f0f0; }
  .tablet-lg\:hover\:border-base-lightest:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-base-lighter {
    border-color: #dfe1e2; }
  .tablet-lg\:hover\:border-base-lighter:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-base-light {
    border-color: #a9aeb1; }
  .tablet-lg\:hover\:border-base-light:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-base {
    border-color: #71767a; }
  .tablet-lg\:hover\:border-base:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-base-dark {
    border-color: #565c65; }
  .tablet-lg\:hover\:border-base-dark:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-base-darker {
    border-color: #3d4551; }
  .tablet-lg\:hover\:border-base-darker:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-base-darkest {
    border-color: #1b1b1b; }
  .tablet-lg\:hover\:border-base-darkest:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-ink {
    border-color: #1b1b1b; }
  .tablet-lg\:hover\:border-ink:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-primary-lighter {
    border-color: #d9e8f6; }
  .tablet-lg\:hover\:border-primary-lighter:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-primary-light {
    border-color: #73b3e7; }
  .tablet-lg\:hover\:border-primary-light:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-primary {
    border-color: #005ea2; }
  .tablet-lg\:hover\:border-primary:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-primary-vivid {
    border-color: #0050d8; }
  .tablet-lg\:hover\:border-primary-vivid:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-primary-dark {
    border-color: #1a4480; }
  .tablet-lg\:hover\:border-primary-dark:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-primary-darker {
    border-color: #162e51; }
  .tablet-lg\:hover\:border-primary-darker:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-secondary-lighter {
    border-color: #f3e1e4; }
  .tablet-lg\:hover\:border-secondary-lighter:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-secondary-light {
    border-color: #f2938c; }
  .tablet-lg\:hover\:border-secondary-light:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-secondary {
    border-color: #d83933; }
  .tablet-lg\:hover\:border-secondary:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-secondary-vivid {
    border-color: #e41d3d; }
  .tablet-lg\:hover\:border-secondary-vivid:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-secondary-dark {
    border-color: #b50909; }
  .tablet-lg\:hover\:border-secondary-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-secondary-darker {
    border-color: #8b0a03; }
  .tablet-lg\:hover\:border-secondary-darker:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-accent-warm-darker {
    border-color: #775540; }
  .tablet-lg\:hover\:border-accent-warm-darker:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-accent-warm-dark {
    border-color: #c05600; }
  .tablet-lg\:hover\:border-accent-warm-dark:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-accent-warm {
    border-color: #fa9441; }
  .tablet-lg\:hover\:border-accent-warm:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-accent-warm-light {
    border-color: #ffbc78; }
  .tablet-lg\:hover\:border-accent-warm-light:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-accent-warm-lighter {
    border-color: #f2e4d4; }
  .tablet-lg\:hover\:border-accent-warm-lighter:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-accent-cool-darker {
    border-color: #07648d; }
  .tablet-lg\:hover\:border-accent-cool-darker:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-accent-cool-dark {
    border-color: #28a0cb; }
  .tablet-lg\:hover\:border-accent-cool-dark:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-accent-cool {
    border-color: #00bde3; }
  .tablet-lg\:hover\:border-accent-cool:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-accent-cool-light {
    border-color: #97d4ea; }
  .tablet-lg\:hover\:border-accent-cool-light:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-accent-cool-lighter {
    border-color: #e1f3f8; }
  .tablet-lg\:hover\:border-accent-cool-lighter:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-5 {
    border-color: #f0f0f0; }
  .tablet-lg\:hover\:border-gray-5:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-10 {
    border-color: #e6e6e6; }
  .tablet-lg\:hover\:border-gray-10:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-30 {
    border-color: #adadad; }
  .tablet-lg\:hover\:border-gray-30:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-50 {
    border-color: #757575; }
  .tablet-lg\:hover\:border-gray-50:hover {
    border-color: #757575; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-70 {
    border-color: #454545; }
  .tablet-lg\:hover\:border-gray-70:hover {
    border-color: #454545; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-90 {
    border-color: #1b1b1b; }
  .tablet-lg\:hover\:border-gray-90:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-error-lighter {
    border-color: #f4e3db; }
  .tablet-lg\:hover\:border-error-lighter:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-error-light {
    border-color: #f39268; }
  .tablet-lg\:hover\:border-error-light:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-error {
    border-color: #d54309; }
  .tablet-lg\:hover\:border-error:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-error-dark {
    border-color: #b50909; }
  .tablet-lg\:hover\:border-error-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-error-darker {
    border-color: #6f3331; }
  .tablet-lg\:hover\:border-error-darker:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-warning-lighter {
    border-color: #faf3d1; }
  .tablet-lg\:hover\:border-warning-lighter:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-warning-light {
    border-color: #fee685; }
  .tablet-lg\:hover\:border-warning-light:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-warning {
    border-color: #ffbe2e; }
  .tablet-lg\:hover\:border-warning:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-warning-dark {
    border-color: #e5a000; }
  .tablet-lg\:hover\:border-warning-dark:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-warning-darker {
    border-color: #936f38; }
  .tablet-lg\:hover\:border-warning-darker:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-success-lighter {
    border-color: #ecf3ec; }
  .tablet-lg\:hover\:border-success-lighter:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-success-light {
    border-color: #70e17b; }
  .tablet-lg\:hover\:border-success-light:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-success {
    border-color: #00a91c; }
  .tablet-lg\:hover\:border-success:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-success-dark {
    border-color: #008817; }
  .tablet-lg\:hover\:border-success-dark:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-success-darker {
    border-color: #216e1f; }
  .tablet-lg\:hover\:border-success-darker:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-info-lighter {
    border-color: #e7f6f8; }
  .tablet-lg\:hover\:border-info-lighter:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-info-light {
    border-color: #99deea; }
  .tablet-lg\:hover\:border-info-light:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-info {
    border-color: #00bde3; }
  .tablet-lg\:hover\:border-info:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-info-dark {
    border-color: #009ec1; }
  .tablet-lg\:hover\:border-info-dark:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-info-darker {
    border-color: #2e6276; }
  .tablet-lg\:hover\:border-info-darker:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-disabled-light {
    border-color: #e6e6e6; }
  .tablet-lg\:hover\:border-disabled-light:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-disabled {
    border-color: #c9c9c9; }
  .tablet-lg\:hover\:border-disabled:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-disabled-dark {
    border-color: #adadad; }
  .tablet-lg\:hover\:border-disabled-dark:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-emergency {
    border-color: #9c3d10; }
  .tablet-lg\:hover\:border-emergency:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-emergency-dark {
    border-color: #332d29; }
  .tablet-lg\:hover\:border-emergency-dark:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red {
    border-color: #e52207; }
  .tablet-lg\:hover\:border-red:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange {
    border-color: #e66f0e; }
  .tablet-lg\:hover\:border-orange:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold {
    border-color: #ffbe2e; }
  .tablet-lg\:hover\:border-gold:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow {
    border-color: #fee685; }
  .tablet-lg\:hover\:border-yellow:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green {
    border-color: #538200; }
  .tablet-lg\:hover\:border-green:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint {
    border-color: #04c585; }
  .tablet-lg\:hover\:border-mint:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan {
    border-color: #009ec1; }
  .tablet-lg\:hover\:border-cyan:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue {
    border-color: #0076d6; }
  .tablet-lg\:hover\:border-blue:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo {
    border-color: #676cc8; }
  .tablet-lg\:hover\:border-indigo:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet {
    border-color: #8168b3; }
  .tablet-lg\:hover\:border-violet:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta {
    border-color: #d72d79; }
  .tablet-lg\:hover\:border-magenta:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black-transparent-5 {
    border-color: rgba(0, 0, 0, 0.01); }
  .tablet-lg\:hover\:border-black-transparent-5:hover {
    border-color: rgba(0, 0, 0, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black-transparent-10 {
    border-color: rgba(0, 0, 0, 0.1); }
  .tablet-lg\:hover\:border-black-transparent-10:hover {
    border-color: rgba(0, 0, 0, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black-transparent-20 {
    border-color: rgba(0, 0, 0, 0.2); }
  .tablet-lg\:hover\:border-black-transparent-20:hover {
    border-color: rgba(0, 0, 0, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black-transparent-30 {
    border-color: rgba(0, 0, 0, 0.3); }
  .tablet-lg\:hover\:border-black-transparent-30:hover {
    border-color: rgba(0, 0, 0, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black-transparent-40 {
    border-color: rgba(0, 0, 0, 0.4); }
  .tablet-lg\:hover\:border-black-transparent-40:hover {
    border-color: rgba(0, 0, 0, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black-transparent-50 {
    border-color: rgba(0, 0, 0, 0.5); }
  .tablet-lg\:hover\:border-black-transparent-50:hover {
    border-color: rgba(0, 0, 0, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black-transparent-60 {
    border-color: rgba(0, 0, 0, 0.6); }
  .tablet-lg\:hover\:border-black-transparent-60:hover {
    border-color: rgba(0, 0, 0, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black-transparent-70 {
    border-color: rgba(0, 0, 0, 0.7); }
  .tablet-lg\:hover\:border-black-transparent-70:hover {
    border-color: rgba(0, 0, 0, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black-transparent-80 {
    border-color: rgba(0, 0, 0, 0.8); }
  .tablet-lg\:hover\:border-black-transparent-80:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-black-transparent-90 {
    border-color: rgba(0, 0, 0, 0.9); }
  .tablet-lg\:hover\:border-black-transparent-90:hover {
    border-color: rgba(0, 0, 0, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-1 {
    border-color: #fbfcfd; }
  .tablet-lg\:hover\:border-gray-cool-1:hover {
    border-color: #fbfcfd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-2 {
    border-color: #f7f9fa; }
  .tablet-lg\:hover\:border-gray-cool-2:hover {
    border-color: #f7f9fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-3 {
    border-color: #f5f6f7; }
  .tablet-lg\:hover\:border-gray-cool-3:hover {
    border-color: #f5f6f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-4 {
    border-color: #f1f3f6; }
  .tablet-lg\:hover\:border-gray-cool-4:hover {
    border-color: #f1f3f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-5 {
    border-color: #edeff0; }
  .tablet-lg\:hover\:border-gray-cool-5:hover {
    border-color: #edeff0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-10 {
    border-color: #dfe1e2; }
  .tablet-lg\:hover\:border-gray-cool-10:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-20 {
    border-color: #c6cace; }
  .tablet-lg\:hover\:border-gray-cool-20:hover {
    border-color: #c6cace; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-30 {
    border-color: #a9aeb1; }
  .tablet-lg\:hover\:border-gray-cool-30:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-40 {
    border-color: #8d9297; }
  .tablet-lg\:hover\:border-gray-cool-40:hover {
    border-color: #8d9297; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-50 {
    border-color: #71767a; }
  .tablet-lg\:hover\:border-gray-cool-50:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-60 {
    border-color: #565c65; }
  .tablet-lg\:hover\:border-gray-cool-60:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-70 {
    border-color: #3d4551; }
  .tablet-lg\:hover\:border-gray-cool-70:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-80 {
    border-color: #2d2e2f; }
  .tablet-lg\:hover\:border-gray-cool-80:hover {
    border-color: #2d2e2f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-cool-90 {
    border-color: #1c1d1f; }
  .tablet-lg\:hover\:border-gray-cool-90:hover {
    border-color: #1c1d1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-1 {
    border-color: #fcfcfc; }
  .tablet-lg\:hover\:border-gray-1:hover {
    border-color: #fcfcfc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-2 {
    border-color: #f9f9f9; }
  .tablet-lg\:hover\:border-gray-2:hover {
    border-color: #f9f9f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-3 {
    border-color: #f6f6f6; }
  .tablet-lg\:hover\:border-gray-3:hover {
    border-color: #f6f6f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-4 {
    border-color: #f3f3f3; }
  .tablet-lg\:hover\:border-gray-4:hover {
    border-color: #f3f3f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-20 {
    border-color: #c9c9c9; }
  .tablet-lg\:hover\:border-gray-20:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-40 {
    border-color: #919191; }
  .tablet-lg\:hover\:border-gray-40:hover {
    border-color: #919191; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-60 {
    border-color: #5c5c5c; }
  .tablet-lg\:hover\:border-gray-60:hover {
    border-color: #5c5c5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-80 {
    border-color: #2e2e2e; }
  .tablet-lg\:hover\:border-gray-80:hover {
    border-color: #2e2e2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-1 {
    border-color: #fcfcfb; }
  .tablet-lg\:hover\:border-gray-warm-1:hover {
    border-color: #fcfcfb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-2 {
    border-color: #f9f9f7; }
  .tablet-lg\:hover\:border-gray-warm-2:hover {
    border-color: #f9f9f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-3 {
    border-color: #f6f6f2; }
  .tablet-lg\:hover\:border-gray-warm-3:hover {
    border-color: #f6f6f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-4 {
    border-color: #f5f5f0; }
  .tablet-lg\:hover\:border-gray-warm-4:hover {
    border-color: #f5f5f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-5 {
    border-color: #f0f0ec; }
  .tablet-lg\:hover\:border-gray-warm-5:hover {
    border-color: #f0f0ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-10 {
    border-color: #e6e6e2; }
  .tablet-lg\:hover\:border-gray-warm-10:hover {
    border-color: #e6e6e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-20 {
    border-color: #cac9c0; }
  .tablet-lg\:hover\:border-gray-warm-20:hover {
    border-color: #cac9c0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-30 {
    border-color: #afaea2; }
  .tablet-lg\:hover\:border-gray-warm-30:hover {
    border-color: #afaea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-40 {
    border-color: #929285; }
  .tablet-lg\:hover\:border-gray-warm-40:hover {
    border-color: #929285; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-50 {
    border-color: #76766a; }
  .tablet-lg\:hover\:border-gray-warm-50:hover {
    border-color: #76766a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-60 {
    border-color: #5d5d52; }
  .tablet-lg\:hover\:border-gray-warm-60:hover {
    border-color: #5d5d52; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-70 {
    border-color: #454540; }
  .tablet-lg\:hover\:border-gray-warm-70:hover {
    border-color: #454540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-80 {
    border-color: #2e2e2a; }
  .tablet-lg\:hover\:border-gray-warm-80:hover {
    border-color: #2e2e2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gray-warm-90 {
    border-color: #171716; }
  .tablet-lg\:hover\:border-gray-warm-90:hover {
    border-color: #171716; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-5 {
    border-color: #e7f2f5; }
  .tablet-lg\:hover\:border-blue-cool-5:hover {
    border-color: #e7f2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-10 {
    border-color: #dae9ee; }
  .tablet-lg\:hover\:border-blue-cool-10:hover {
    border-color: #dae9ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-20 {
    border-color: #adcfdc; }
  .tablet-lg\:hover\:border-blue-cool-20:hover {
    border-color: #adcfdc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-30 {
    border-color: #82b4c9; }
  .tablet-lg\:hover\:border-blue-cool-30:hover {
    border-color: #82b4c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-40 {
    border-color: #6499af; }
  .tablet-lg\:hover\:border-blue-cool-40:hover {
    border-color: #6499af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-50 {
    border-color: #3a7d95; }
  .tablet-lg\:hover\:border-blue-cool-50:hover {
    border-color: #3a7d95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-60 {
    border-color: #2e6276; }
  .tablet-lg\:hover\:border-blue-cool-60:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-70 {
    border-color: #224a58; }
  .tablet-lg\:hover\:border-blue-cool-70:hover {
    border-color: #224a58; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-80 {
    border-color: #14333d; }
  .tablet-lg\:hover\:border-blue-cool-80:hover {
    border-color: #14333d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-90 {
    border-color: #0f191c; }
  .tablet-lg\:hover\:border-blue-cool-90:hover {
    border-color: #0f191c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-5v {
    border-color: #e1f3f8; }
  .tablet-lg\:hover\:border-blue-cool-5v:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-10v {
    border-color: #c3ebfa; }
  .tablet-lg\:hover\:border-blue-cool-10v:hover {
    border-color: #c3ebfa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-20v {
    border-color: #97d4ea; }
  .tablet-lg\:hover\:border-blue-cool-20v:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-30v {
    border-color: #59b9de; }
  .tablet-lg\:hover\:border-blue-cool-30v:hover {
    border-color: #59b9de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-40v {
    border-color: #28a0cb; }
  .tablet-lg\:hover\:border-blue-cool-40v:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-50v {
    border-color: #0d7ea2; }
  .tablet-lg\:hover\:border-blue-cool-50v:hover {
    border-color: #0d7ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-60v {
    border-color: #07648d; }
  .tablet-lg\:hover\:border-blue-cool-60v:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-70v {
    border-color: #074b69; }
  .tablet-lg\:hover\:border-blue-cool-70v:hover {
    border-color: #074b69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-cool-80v {
    border-color: #002d3f; }
  .tablet-lg\:hover\:border-blue-cool-80v:hover {
    border-color: #002d3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-5 {
    border-color: #eff6fb; }
  .tablet-lg\:hover\:border-blue-5:hover {
    border-color: #eff6fb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-10 {
    border-color: #d9e8f6; }
  .tablet-lg\:hover\:border-blue-10:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-20 {
    border-color: #aacdec; }
  .tablet-lg\:hover\:border-blue-20:hover {
    border-color: #aacdec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-30 {
    border-color: #73b3e7; }
  .tablet-lg\:hover\:border-blue-30:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-40 {
    border-color: #4f97d1; }
  .tablet-lg\:hover\:border-blue-40:hover {
    border-color: #4f97d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-50 {
    border-color: #2378c3; }
  .tablet-lg\:hover\:border-blue-50:hover {
    border-color: #2378c3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-60 {
    border-color: #2c608a; }
  .tablet-lg\:hover\:border-blue-60:hover {
    border-color: #2c608a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-70 {
    border-color: #274863; }
  .tablet-lg\:hover\:border-blue-70:hover {
    border-color: #274863; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-80 {
    border-color: #1f303e; }
  .tablet-lg\:hover\:border-blue-80:hover {
    border-color: #1f303e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-90 {
    border-color: #11181d; }
  .tablet-lg\:hover\:border-blue-90:hover {
    border-color: #11181d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-5v {
    border-color: #e8f5ff; }
  .tablet-lg\:hover\:border-blue-5v:hover {
    border-color: #e8f5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-10v {
    border-color: #cfe8ff; }
  .tablet-lg\:hover\:border-blue-10v:hover {
    border-color: #cfe8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-20v {
    border-color: #a1d3ff; }
  .tablet-lg\:hover\:border-blue-20v:hover {
    border-color: #a1d3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-30v {
    border-color: #58b4ff; }
  .tablet-lg\:hover\:border-blue-30v:hover {
    border-color: #58b4ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-40v {
    border-color: #2491ff; }
  .tablet-lg\:hover\:border-blue-40v:hover {
    border-color: #2491ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-50v {
    border-color: #0076d6; }
  .tablet-lg\:hover\:border-blue-50v:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-60v {
    border-color: #005ea2; }
  .tablet-lg\:hover\:border-blue-60v:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-70v {
    border-color: #0b4778; }
  .tablet-lg\:hover\:border-blue-70v:hover {
    border-color: #0b4778; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-80v {
    border-color: #112f4e; }
  .tablet-lg\:hover\:border-blue-80v:hover {
    border-color: #112f4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-5 {
    border-color: #ecf1f7; }
  .tablet-lg\:hover\:border-blue-warm-5:hover {
    border-color: #ecf1f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-10 {
    border-color: #e1e7f1; }
  .tablet-lg\:hover\:border-blue-warm-10:hover {
    border-color: #e1e7f1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-20 {
    border-color: #bbcae4; }
  .tablet-lg\:hover\:border-blue-warm-20:hover {
    border-color: #bbcae4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-30 {
    border-color: #98afd2; }
  .tablet-lg\:hover\:border-blue-warm-30:hover {
    border-color: #98afd2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-40 {
    border-color: #7292c7; }
  .tablet-lg\:hover\:border-blue-warm-40:hover {
    border-color: #7292c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-50 {
    border-color: #4a77b4; }
  .tablet-lg\:hover\:border-blue-warm-50:hover {
    border-color: #4a77b4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-60 {
    border-color: #345d96; }
  .tablet-lg\:hover\:border-blue-warm-60:hover {
    border-color: #345d96; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-70 {
    border-color: #2f4668; }
  .tablet-lg\:hover\:border-blue-warm-70:hover {
    border-color: #2f4668; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-80 {
    border-color: #252f3e; }
  .tablet-lg\:hover\:border-blue-warm-80:hover {
    border-color: #252f3e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-90 {
    border-color: #13171f; }
  .tablet-lg\:hover\:border-blue-warm-90:hover {
    border-color: #13171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-5v {
    border-color: #edf5ff; }
  .tablet-lg\:hover\:border-blue-warm-5v:hover {
    border-color: #edf5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-10v {
    border-color: #d4e5ff; }
  .tablet-lg\:hover\:border-blue-warm-10v:hover {
    border-color: #d4e5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-20v {
    border-color: #adcdff; }
  .tablet-lg\:hover\:border-blue-warm-20v:hover {
    border-color: #adcdff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-30v {
    border-color: #81aefc; }
  .tablet-lg\:hover\:border-blue-warm-30v:hover {
    border-color: #81aefc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-40v {
    border-color: #5994f6; }
  .tablet-lg\:hover\:border-blue-warm-40v:hover {
    border-color: #5994f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-50v {
    border-color: #2672de; }
  .tablet-lg\:hover\:border-blue-warm-50v:hover {
    border-color: #2672de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-60v {
    border-color: #0050d8; }
  .tablet-lg\:hover\:border-blue-warm-60v:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-70v {
    border-color: #1a4480; }
  .tablet-lg\:hover\:border-blue-warm-70v:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-blue-warm-80v {
    border-color: #162e51; }
  .tablet-lg\:hover\:border-blue-warm-80v:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-5 {
    border-color: #e7f6f8; }
  .tablet-lg\:hover\:border-cyan-5:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-10 {
    border-color: #ccecf2; }
  .tablet-lg\:hover\:border-cyan-10:hover {
    border-color: #ccecf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-20 {
    border-color: #99deea; }
  .tablet-lg\:hover\:border-cyan-20:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-30 {
    border-color: #5dc0d1; }
  .tablet-lg\:hover\:border-cyan-30:hover {
    border-color: #5dc0d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-40 {
    border-color: #449dac; }
  .tablet-lg\:hover\:border-cyan-40:hover {
    border-color: #449dac; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-50 {
    border-color: #168092; }
  .tablet-lg\:hover\:border-cyan-50:hover {
    border-color: #168092; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-60 {
    border-color: #2a646d; }
  .tablet-lg\:hover\:border-cyan-60:hover {
    border-color: #2a646d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-70 {
    border-color: #2c4a4e; }
  .tablet-lg\:hover\:border-cyan-70:hover {
    border-color: #2c4a4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-80 {
    border-color: #203133; }
  .tablet-lg\:hover\:border-cyan-80:hover {
    border-color: #203133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-90 {
    border-color: #111819; }
  .tablet-lg\:hover\:border-cyan-90:hover {
    border-color: #111819; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-5v {
    border-color: #e5faff; }
  .tablet-lg\:hover\:border-cyan-5v:hover {
    border-color: #e5faff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-10v {
    border-color: #a8f2ff; }
  .tablet-lg\:hover\:border-cyan-10v:hover {
    border-color: #a8f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-20v {
    border-color: #52daf2; }
  .tablet-lg\:hover\:border-cyan-20v:hover {
    border-color: #52daf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-30v {
    border-color: #00bde3; }
  .tablet-lg\:hover\:border-cyan-30v:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-40v {
    border-color: #009ec1; }
  .tablet-lg\:hover\:border-cyan-40v:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-50v {
    border-color: #0081a1; }
  .tablet-lg\:hover\:border-cyan-50v:hover {
    border-color: #0081a1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-60v {
    border-color: #00687d; }
  .tablet-lg\:hover\:border-cyan-60v:hover {
    border-color: #00687d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-70v {
    border-color: #0e4f5c; }
  .tablet-lg\:hover\:border-cyan-70v:hover {
    border-color: #0e4f5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-cyan-80v {
    border-color: #093b44; }
  .tablet-lg\:hover\:border-cyan-80v:hover {
    border-color: #093b44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-5 {
    border-color: #f5f0e6; }
  .tablet-lg\:hover\:border-gold-5:hover {
    border-color: #f5f0e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-10 {
    border-color: #f1e5cd; }
  .tablet-lg\:hover\:border-gold-10:hover {
    border-color: #f1e5cd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-20 {
    border-color: #dec69a; }
  .tablet-lg\:hover\:border-gold-20:hover {
    border-color: #dec69a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-30 {
    border-color: #c7a97b; }
  .tablet-lg\:hover\:border-gold-30:hover {
    border-color: #c7a97b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-40 {
    border-color: #ad8b65; }
  .tablet-lg\:hover\:border-gold-40:hover {
    border-color: #ad8b65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-50 {
    border-color: #8e704f; }
  .tablet-lg\:hover\:border-gold-50:hover {
    border-color: #8e704f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-60 {
    border-color: #6b5947; }
  .tablet-lg\:hover\:border-gold-60:hover {
    border-color: #6b5947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-70 {
    border-color: #4d4438; }
  .tablet-lg\:hover\:border-gold-70:hover {
    border-color: #4d4438; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-80 {
    border-color: #322d26; }
  .tablet-lg\:hover\:border-gold-80:hover {
    border-color: #322d26; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-90 {
    border-color: #191714; }
  .tablet-lg\:hover\:border-gold-90:hover {
    border-color: #191714; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-5v {
    border-color: #fef0c8; }
  .tablet-lg\:hover\:border-gold-5v:hover {
    border-color: #fef0c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-10v {
    border-color: #ffe396; }
  .tablet-lg\:hover\:border-gold-10v:hover {
    border-color: #ffe396; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-20v {
    border-color: #ffbe2e; }
  .tablet-lg\:hover\:border-gold-20v:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-30v {
    border-color: #e5a000; }
  .tablet-lg\:hover\:border-gold-30v:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-40v {
    border-color: #c2850c; }
  .tablet-lg\:hover\:border-gold-40v:hover {
    border-color: #c2850c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-50v {
    border-color: #936f38; }
  .tablet-lg\:hover\:border-gold-50v:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-60v {
    border-color: #7a591a; }
  .tablet-lg\:hover\:border-gold-60v:hover {
    border-color: #7a591a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-70v {
    border-color: #5c410a; }
  .tablet-lg\:hover\:border-gold-70v:hover {
    border-color: #5c410a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-gold-80v {
    border-color: #3b2b15; }
  .tablet-lg\:hover\:border-gold-80v:hover {
    border-color: #3b2b15; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-5 {
    border-color: #ecf3ec; }
  .tablet-lg\:hover\:border-green-cool-5:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-10 {
    border-color: #dbebde; }
  .tablet-lg\:hover\:border-green-cool-10:hover {
    border-color: #dbebde; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-20 {
    border-color: #b4d0b9; }
  .tablet-lg\:hover\:border-green-cool-20:hover {
    border-color: #b4d0b9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-30 {
    border-color: #86b98e; }
  .tablet-lg\:hover\:border-green-cool-30:hover {
    border-color: #86b98e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-40 {
    border-color: #5e9f69; }
  .tablet-lg\:hover\:border-green-cool-40:hover {
    border-color: #5e9f69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-50 {
    border-color: #4d8055; }
  .tablet-lg\:hover\:border-green-cool-50:hover {
    border-color: #4d8055; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-60 {
    border-color: #446443; }
  .tablet-lg\:hover\:border-green-cool-60:hover {
    border-color: #446443; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-70 {
    border-color: #37493b; }
  .tablet-lg\:hover\:border-green-cool-70:hover {
    border-color: #37493b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-80 {
    border-color: #28312a; }
  .tablet-lg\:hover\:border-green-cool-80:hover {
    border-color: #28312a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-90 {
    border-color: #1a1f1a; }
  .tablet-lg\:hover\:border-green-cool-90:hover {
    border-color: #1a1f1a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-5v {
    border-color: #e3f5e1; }
  .tablet-lg\:hover\:border-green-cool-5v:hover {
    border-color: #e3f5e1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-10v {
    border-color: #b7f5bd; }
  .tablet-lg\:hover\:border-green-cool-10v:hover {
    border-color: #b7f5bd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-20v {
    border-color: #70e17b; }
  .tablet-lg\:hover\:border-green-cool-20v:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-30v {
    border-color: #21c834; }
  .tablet-lg\:hover\:border-green-cool-30v:hover {
    border-color: #21c834; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-40v {
    border-color: #00a91c; }
  .tablet-lg\:hover\:border-green-cool-40v:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-50v {
    border-color: #008817; }
  .tablet-lg\:hover\:border-green-cool-50v:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-60v {
    border-color: #216e1f; }
  .tablet-lg\:hover\:border-green-cool-60v:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-70v {
    border-color: #154c21; }
  .tablet-lg\:hover\:border-green-cool-70v:hover {
    border-color: #154c21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-cool-80v {
    border-color: #19311e; }
  .tablet-lg\:hover\:border-green-cool-80v:hover {
    border-color: #19311e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-5 {
    border-color: #eaf4dd; }
  .tablet-lg\:hover\:border-green-5:hover {
    border-color: #eaf4dd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-10 {
    border-color: #dfeacd; }
  .tablet-lg\:hover\:border-green-10:hover {
    border-color: #dfeacd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-20 {
    border-color: #b8d293; }
  .tablet-lg\:hover\:border-green-20:hover {
    border-color: #b8d293; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-30 {
    border-color: #9bb672; }
  .tablet-lg\:hover\:border-green-30:hover {
    border-color: #9bb672; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-40 {
    border-color: #7d9b4e; }
  .tablet-lg\:hover\:border-green-40:hover {
    border-color: #7d9b4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-50 {
    border-color: #607f35; }
  .tablet-lg\:hover\:border-green-50:hover {
    border-color: #607f35; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-60 {
    border-color: #4c6424; }
  .tablet-lg\:hover\:border-green-60:hover {
    border-color: #4c6424; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-70 {
    border-color: #3c4a29; }
  .tablet-lg\:hover\:border-green-70:hover {
    border-color: #3c4a29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-80 {
    border-color: #293021; }
  .tablet-lg\:hover\:border-green-80:hover {
    border-color: #293021; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-90 {
    border-color: #161814; }
  .tablet-lg\:hover\:border-green-90:hover {
    border-color: #161814; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-5v {
    border-color: #ddf9c7; }
  .tablet-lg\:hover\:border-green-5v:hover {
    border-color: #ddf9c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-10v {
    border-color: #c5ee93; }
  .tablet-lg\:hover\:border-green-10v:hover {
    border-color: #c5ee93; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-20v {
    border-color: #98d035; }
  .tablet-lg\:hover\:border-green-20v:hover {
    border-color: #98d035; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-30v {
    border-color: #7fb135; }
  .tablet-lg\:hover\:border-green-30v:hover {
    border-color: #7fb135; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-40v {
    border-color: #719f2a; }
  .tablet-lg\:hover\:border-green-40v:hover {
    border-color: #719f2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-50v {
    border-color: #538200; }
  .tablet-lg\:hover\:border-green-50v:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-60v {
    border-color: #466c04; }
  .tablet-lg\:hover\:border-green-60v:hover {
    border-color: #466c04; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-70v {
    border-color: #2f4a0b; }
  .tablet-lg\:hover\:border-green-70v:hover {
    border-color: #2f4a0b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-80v {
    border-color: #243413; }
  .tablet-lg\:hover\:border-green-80v:hover {
    border-color: #243413; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-5 {
    border-color: #f1f4d7; }
  .tablet-lg\:hover\:border-green-warm-5:hover {
    border-color: #f1f4d7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-10 {
    border-color: #e7eab7; }
  .tablet-lg\:hover\:border-green-warm-10:hover {
    border-color: #e7eab7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-20 {
    border-color: #cbd17a; }
  .tablet-lg\:hover\:border-green-warm-20:hover {
    border-color: #cbd17a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-30 {
    border-color: #a6b557; }
  .tablet-lg\:hover\:border-green-warm-30:hover {
    border-color: #a6b557; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-40 {
    border-color: #8a984b; }
  .tablet-lg\:hover\:border-green-warm-40:hover {
    border-color: #8a984b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-50 {
    border-color: #6f7a41; }
  .tablet-lg\:hover\:border-green-warm-50:hover {
    border-color: #6f7a41; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-60 {
    border-color: #5a5f38; }
  .tablet-lg\:hover\:border-green-warm-60:hover {
    border-color: #5a5f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-70 {
    border-color: #45472f; }
  .tablet-lg\:hover\:border-green-warm-70:hover {
    border-color: #45472f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-80 {
    border-color: #2d2f21; }
  .tablet-lg\:hover\:border-green-warm-80:hover {
    border-color: #2d2f21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-90 {
    border-color: #171712; }
  .tablet-lg\:hover\:border-green-warm-90:hover {
    border-color: #171712; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-5v {
    border-color: #f5fbc1; }
  .tablet-lg\:hover\:border-green-warm-5v:hover {
    border-color: #f5fbc1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-10v {
    border-color: #e7f434; }
  .tablet-lg\:hover\:border-green-warm-10v:hover {
    border-color: #e7f434; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-20v {
    border-color: #c5d30a; }
  .tablet-lg\:hover\:border-green-warm-20v:hover {
    border-color: #c5d30a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-30v {
    border-color: #a3b72c; }
  .tablet-lg\:hover\:border-green-warm-30v:hover {
    border-color: #a3b72c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-40v {
    border-color: #7e9c1d; }
  .tablet-lg\:hover\:border-green-warm-40v:hover {
    border-color: #7e9c1d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-50v {
    border-color: #6a7d00; }
  .tablet-lg\:hover\:border-green-warm-50v:hover {
    border-color: #6a7d00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-60v {
    border-color: #5a6613; }
  .tablet-lg\:hover\:border-green-warm-60v:hover {
    border-color: #5a6613; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-70v {
    border-color: #4b4e10; }
  .tablet-lg\:hover\:border-green-warm-70v:hover {
    border-color: #4b4e10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-green-warm-80v {
    border-color: #38380b; }
  .tablet-lg\:hover\:border-green-warm-80v:hover {
    border-color: #38380b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-5 {
    border-color: #eef0f9; }
  .tablet-lg\:hover\:border-indigo-cool-5:hover {
    border-color: #eef0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-10 {
    border-color: #e1e6f9; }
  .tablet-lg\:hover\:border-indigo-cool-10:hover {
    border-color: #e1e6f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-20 {
    border-color: #bbc8f5; }
  .tablet-lg\:hover\:border-indigo-cool-20:hover {
    border-color: #bbc8f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-30 {
    border-color: #96abee; }
  .tablet-lg\:hover\:border-indigo-cool-30:hover {
    border-color: #96abee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-40 {
    border-color: #6b8ee8; }
  .tablet-lg\:hover\:border-indigo-cool-40:hover {
    border-color: #6b8ee8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-50 {
    border-color: #496fd8; }
  .tablet-lg\:hover\:border-indigo-cool-50:hover {
    border-color: #496fd8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-60 {
    border-color: #3f57a6; }
  .tablet-lg\:hover\:border-indigo-cool-60:hover {
    border-color: #3f57a6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-70 {
    border-color: #374274; }
  .tablet-lg\:hover\:border-indigo-cool-70:hover {
    border-color: #374274; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-80 {
    border-color: #292d42; }
  .tablet-lg\:hover\:border-indigo-cool-80:hover {
    border-color: #292d42; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-90 {
    border-color: #151622; }
  .tablet-lg\:hover\:border-indigo-cool-90:hover {
    border-color: #151622; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-5v {
    border-color: #edf0ff; }
  .tablet-lg\:hover\:border-indigo-cool-5v:hover {
    border-color: #edf0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-10v {
    border-color: #dee5ff; }
  .tablet-lg\:hover\:border-indigo-cool-10v:hover {
    border-color: #dee5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-20v {
    border-color: #b8c8ff; }
  .tablet-lg\:hover\:border-indigo-cool-20v:hover {
    border-color: #b8c8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-30v {
    border-color: #94adff; }
  .tablet-lg\:hover\:border-indigo-cool-30v:hover {
    border-color: #94adff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-40v {
    border-color: #628ef4; }
  .tablet-lg\:hover\:border-indigo-cool-40v:hover {
    border-color: #628ef4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-50v {
    border-color: #4866ff; }
  .tablet-lg\:hover\:border-indigo-cool-50v:hover {
    border-color: #4866ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-60v {
    border-color: #3e4ded; }
  .tablet-lg\:hover\:border-indigo-cool-60v:hover {
    border-color: #3e4ded; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-70v {
    border-color: #222fbf; }
  .tablet-lg\:hover\:border-indigo-cool-70v:hover {
    border-color: #222fbf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-cool-80v {
    border-color: #1b2b85; }
  .tablet-lg\:hover\:border-indigo-cool-80v:hover {
    border-color: #1b2b85; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-5 {
    border-color: #efeff8; }
  .tablet-lg\:hover\:border-indigo-5:hover {
    border-color: #efeff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-10 {
    border-color: #e5e4fa; }
  .tablet-lg\:hover\:border-indigo-10:hover {
    border-color: #e5e4fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-20 {
    border-color: #c5c5f3; }
  .tablet-lg\:hover\:border-indigo-20:hover {
    border-color: #c5c5f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-30 {
    border-color: #a5a8eb; }
  .tablet-lg\:hover\:border-indigo-30:hover {
    border-color: #a5a8eb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-40 {
    border-color: #8889db; }
  .tablet-lg\:hover\:border-indigo-40:hover {
    border-color: #8889db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-50 {
    border-color: #676cc8; }
  .tablet-lg\:hover\:border-indigo-50:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-60 {
    border-color: #4d52af; }
  .tablet-lg\:hover\:border-indigo-60:hover {
    border-color: #4d52af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-70 {
    border-color: #3d4076; }
  .tablet-lg\:hover\:border-indigo-70:hover {
    border-color: #3d4076; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-80 {
    border-color: #2b2c40; }
  .tablet-lg\:hover\:border-indigo-80:hover {
    border-color: #2b2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-90 {
    border-color: #16171f; }
  .tablet-lg\:hover\:border-indigo-90:hover {
    border-color: #16171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-5v {
    border-color: #f0f0ff; }
  .tablet-lg\:hover\:border-indigo-5v:hover {
    border-color: #f0f0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-10v {
    border-color: #e0e0ff; }
  .tablet-lg\:hover\:border-indigo-10v:hover {
    border-color: #e0e0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-20v {
    border-color: #ccceff; }
  .tablet-lg\:hover\:border-indigo-20v:hover {
    border-color: #ccceff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-30v {
    border-color: #a3a7fa; }
  .tablet-lg\:hover\:border-indigo-30v:hover {
    border-color: #a3a7fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-40v {
    border-color: #8289ff; }
  .tablet-lg\:hover\:border-indigo-40v:hover {
    border-color: #8289ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-50v {
    border-color: #656bd7; }
  .tablet-lg\:hover\:border-indigo-50v:hover {
    border-color: #656bd7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-60v {
    border-color: #4a50c4; }
  .tablet-lg\:hover\:border-indigo-60v:hover {
    border-color: #4a50c4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-70v {
    border-color: #3333a3; }
  .tablet-lg\:hover\:border-indigo-70v:hover {
    border-color: #3333a3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-80v {
    border-color: #212463; }
  .tablet-lg\:hover\:border-indigo-80v:hover {
    border-color: #212463; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-5 {
    border-color: #f1eff7; }
  .tablet-lg\:hover\:border-indigo-warm-5:hover {
    border-color: #f1eff7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-10 {
    border-color: #e7e3fa; }
  .tablet-lg\:hover\:border-indigo-warm-10:hover {
    border-color: #e7e3fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-20 {
    border-color: #cbc4f2; }
  .tablet-lg\:hover\:border-indigo-warm-20:hover {
    border-color: #cbc4f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-30 {
    border-color: #afa5e8; }
  .tablet-lg\:hover\:border-indigo-warm-30:hover {
    border-color: #afa5e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-40 {
    border-color: #9287d8; }
  .tablet-lg\:hover\:border-indigo-warm-40:hover {
    border-color: #9287d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-50 {
    border-color: #7665d1; }
  .tablet-lg\:hover\:border-indigo-warm-50:hover {
    border-color: #7665d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-60 {
    border-color: #5e519e; }
  .tablet-lg\:hover\:border-indigo-warm-60:hover {
    border-color: #5e519e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-70 {
    border-color: #453c7b; }
  .tablet-lg\:hover\:border-indigo-warm-70:hover {
    border-color: #453c7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-80 {
    border-color: #2e2c40; }
  .tablet-lg\:hover\:border-indigo-warm-80:hover {
    border-color: #2e2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-90 {
    border-color: #18161d; }
  .tablet-lg\:hover\:border-indigo-warm-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-5v {
    border-color: #f5f2ff; }
  .tablet-lg\:hover\:border-indigo-warm-5v:hover {
    border-color: #f5f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-10v {
    border-color: #e4deff; }
  .tablet-lg\:hover\:border-indigo-warm-10v:hover {
    border-color: #e4deff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-20v {
    border-color: #cfc4fd; }
  .tablet-lg\:hover\:border-indigo-warm-20v:hover {
    border-color: #cfc4fd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-30v {
    border-color: #b69fff; }
  .tablet-lg\:hover\:border-indigo-warm-30v:hover {
    border-color: #b69fff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-40v {
    border-color: #967efb; }
  .tablet-lg\:hover\:border-indigo-warm-40v:hover {
    border-color: #967efb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-50v {
    border-color: #745fe9; }
  .tablet-lg\:hover\:border-indigo-warm-50v:hover {
    border-color: #745fe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-60v {
    border-color: #5942d2; }
  .tablet-lg\:hover\:border-indigo-warm-60v:hover {
    border-color: #5942d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-70v {
    border-color: #3d2c9d; }
  .tablet-lg\:hover\:border-indigo-warm-70v:hover {
    border-color: #3d2c9d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-indigo-warm-80v {
    border-color: #261f5b; }
  .tablet-lg\:hover\:border-indigo-warm-80v:hover {
    border-color: #261f5b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-5 {
    border-color: #f9f0f2; }
  .tablet-lg\:hover\:border-magenta-5:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-10 {
    border-color: #f6e1e8; }
  .tablet-lg\:hover\:border-magenta-10:hover {
    border-color: #f6e1e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-20 {
    border-color: #f0bbcc; }
  .tablet-lg\:hover\:border-magenta-20:hover {
    border-color: #f0bbcc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-30 {
    border-color: #e895b3; }
  .tablet-lg\:hover\:border-magenta-30:hover {
    border-color: #e895b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-40 {
    border-color: #e0699f; }
  .tablet-lg\:hover\:border-magenta-40:hover {
    border-color: #e0699f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-50 {
    border-color: #c84281; }
  .tablet-lg\:hover\:border-magenta-50:hover {
    border-color: #c84281; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-60 {
    border-color: #8b4566; }
  .tablet-lg\:hover\:border-magenta-60:hover {
    border-color: #8b4566; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-70 {
    border-color: #66364b; }
  .tablet-lg\:hover\:border-magenta-70:hover {
    border-color: #66364b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-80 {
    border-color: #402731; }
  .tablet-lg\:hover\:border-magenta-80:hover {
    border-color: #402731; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-90 {
    border-color: #1b1617; }
  .tablet-lg\:hover\:border-magenta-90:hover {
    border-color: #1b1617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-5v {
    border-color: #f9f0f2; }
  .tablet-lg\:hover\:border-magenta-5v:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-10v {
    border-color: #ffddea; }
  .tablet-lg\:hover\:border-magenta-10v:hover {
    border-color: #ffddea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-20v {
    border-color: #ffb4cf; }
  .tablet-lg\:hover\:border-magenta-20v:hover {
    border-color: #ffb4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-30v {
    border-color: #ff87b2; }
  .tablet-lg\:hover\:border-magenta-30v:hover {
    border-color: #ff87b2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-40v {
    border-color: #fd4496; }
  .tablet-lg\:hover\:border-magenta-40v:hover {
    border-color: #fd4496; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-50v {
    border-color: #d72d79; }
  .tablet-lg\:hover\:border-magenta-50v:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-60v {
    border-color: #ab2165; }
  .tablet-lg\:hover\:border-magenta-60v:hover {
    border-color: #ab2165; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-70v {
    border-color: #731f44; }
  .tablet-lg\:hover\:border-magenta-70v:hover {
    border-color: #731f44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-magenta-80v {
    border-color: #4f172e; }
  .tablet-lg\:hover\:border-magenta-80v:hover {
    border-color: #4f172e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-5 {
    border-color: #e0f7f6; }
  .tablet-lg\:hover\:border-mint-cool-5:hover {
    border-color: #e0f7f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-10 {
    border-color: #c4eeeb; }
  .tablet-lg\:hover\:border-mint-cool-10:hover {
    border-color: #c4eeeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-20 {
    border-color: #9bd4cf; }
  .tablet-lg\:hover\:border-mint-cool-20:hover {
    border-color: #9bd4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-30 {
    border-color: #6fbab3; }
  .tablet-lg\:hover\:border-mint-cool-30:hover {
    border-color: #6fbab3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-40 {
    border-color: #4f9e99; }
  .tablet-lg\:hover\:border-mint-cool-40:hover {
    border-color: #4f9e99; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-50 {
    border-color: #40807e; }
  .tablet-lg\:hover\:border-mint-cool-50:hover {
    border-color: #40807e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-60 {
    border-color: #376462; }
  .tablet-lg\:hover\:border-mint-cool-60:hover {
    border-color: #376462; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-70 {
    border-color: #2a4b45; }
  .tablet-lg\:hover\:border-mint-cool-70:hover {
    border-color: #2a4b45; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-80 {
    border-color: #203131; }
  .tablet-lg\:hover\:border-mint-cool-80:hover {
    border-color: #203131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-90 {
    border-color: #111818; }
  .tablet-lg\:hover\:border-mint-cool-90:hover {
    border-color: #111818; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-5v {
    border-color: #d5fbf3; }
  .tablet-lg\:hover\:border-mint-cool-5v:hover {
    border-color: #d5fbf3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-10v {
    border-color: #7efbe1; }
  .tablet-lg\:hover\:border-mint-cool-10v:hover {
    border-color: #7efbe1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-20v {
    border-color: #29e1cb; }
  .tablet-lg\:hover\:border-mint-cool-20v:hover {
    border-color: #29e1cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-30v {
    border-color: #1dc2ae; }
  .tablet-lg\:hover\:border-mint-cool-30v:hover {
    border-color: #1dc2ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-40v {
    border-color: #00a398; }
  .tablet-lg\:hover\:border-mint-cool-40v:hover {
    border-color: #00a398; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-50v {
    border-color: #008480; }
  .tablet-lg\:hover\:border-mint-cool-50v:hover {
    border-color: #008480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-60v {
    border-color: #0f6460; }
  .tablet-lg\:hover\:border-mint-cool-60v:hover {
    border-color: #0f6460; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-70v {
    border-color: #0b4b3f; }
  .tablet-lg\:hover\:border-mint-cool-70v:hover {
    border-color: #0b4b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-cool-80v {
    border-color: #123131; }
  .tablet-lg\:hover\:border-mint-cool-80v:hover {
    border-color: #123131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-5 {
    border-color: #dbf6ed; }
  .tablet-lg\:hover\:border-mint-5:hover {
    border-color: #dbf6ed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-10 {
    border-color: #c7efe2; }
  .tablet-lg\:hover\:border-mint-10:hover {
    border-color: #c7efe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-20 {
    border-color: #92d9bb; }
  .tablet-lg\:hover\:border-mint-20:hover {
    border-color: #92d9bb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-30 {
    border-color: #5abf95; }
  .tablet-lg\:hover\:border-mint-30:hover {
    border-color: #5abf95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-40 {
    border-color: #34a37e; }
  .tablet-lg\:hover\:border-mint-40:hover {
    border-color: #34a37e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-50 {
    border-color: #2e8367; }
  .tablet-lg\:hover\:border-mint-50:hover {
    border-color: #2e8367; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-60 {
    border-color: #286846; }
  .tablet-lg\:hover\:border-mint-60:hover {
    border-color: #286846; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-70 {
    border-color: #204e34; }
  .tablet-lg\:hover\:border-mint-70:hover {
    border-color: #204e34; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-80 {
    border-color: #193324; }
  .tablet-lg\:hover\:border-mint-80:hover {
    border-color: #193324; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-90 {
    border-color: #0d1a12; }
  .tablet-lg\:hover\:border-mint-90:hover {
    border-color: #0d1a12; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-5v {
    border-color: #c9fbeb; }
  .tablet-lg\:hover\:border-mint-5v:hover {
    border-color: #c9fbeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-10v {
    border-color: #83fcd4; }
  .tablet-lg\:hover\:border-mint-10v:hover {
    border-color: #83fcd4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-20v {
    border-color: #0ceda6; }
  .tablet-lg\:hover\:border-mint-20v:hover {
    border-color: #0ceda6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-30v {
    border-color: #04c585; }
  .tablet-lg\:hover\:border-mint-30v:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-40v {
    border-color: #00a871; }
  .tablet-lg\:hover\:border-mint-40v:hover {
    border-color: #00a871; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-50v {
    border-color: #008659; }
  .tablet-lg\:hover\:border-mint-50v:hover {
    border-color: #008659; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-60v {
    border-color: #146947; }
  .tablet-lg\:hover\:border-mint-60v:hover {
    border-color: #146947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-70v {
    border-color: #0c4e29; }
  .tablet-lg\:hover\:border-mint-70v:hover {
    border-color: #0c4e29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-mint-80v {
    border-color: #0d351e; }
  .tablet-lg\:hover\:border-mint-80v:hover {
    border-color: #0d351e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-5 {
    border-color: #f6efe9; }
  .tablet-lg\:hover\:border-orange-5:hover {
    border-color: #f6efe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-10 {
    border-color: #f2e4d4; }
  .tablet-lg\:hover\:border-orange-10:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-20 {
    border-color: #f3bf90; }
  .tablet-lg\:hover\:border-orange-20:hover {
    border-color: #f3bf90; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-30 {
    border-color: #f09860; }
  .tablet-lg\:hover\:border-orange-30:hover {
    border-color: #f09860; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-40 {
    border-color: #dd7533; }
  .tablet-lg\:hover\:border-orange-40:hover {
    border-color: #dd7533; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-50 {
    border-color: #a86437; }
  .tablet-lg\:hover\:border-orange-50:hover {
    border-color: #a86437; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-60 {
    border-color: #775540; }
  .tablet-lg\:hover\:border-orange-60:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-70 {
    border-color: #524236; }
  .tablet-lg\:hover\:border-orange-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-80 {
    border-color: #332d27; }
  .tablet-lg\:hover\:border-orange-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-90 {
    border-color: #1b1614; }
  .tablet-lg\:hover\:border-orange-90:hover {
    border-color: #1b1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-5v {
    border-color: #fef2e4; }
  .tablet-lg\:hover\:border-orange-5v:hover {
    border-color: #fef2e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-10v {
    border-color: #fce2c5; }
  .tablet-lg\:hover\:border-orange-10v:hover {
    border-color: #fce2c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-20v {
    border-color: #ffbc78; }
  .tablet-lg\:hover\:border-orange-20v:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-30v {
    border-color: #fa9441; }
  .tablet-lg\:hover\:border-orange-30v:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-40v {
    border-color: #e66f0e; }
  .tablet-lg\:hover\:border-orange-40v:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-50v {
    border-color: #c05600; }
  .tablet-lg\:hover\:border-orange-50v:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-60v {
    border-color: #8c471c; }
  .tablet-lg\:hover\:border-orange-60v:hover {
    border-color: #8c471c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-70v {
    border-color: #5f3617; }
  .tablet-lg\:hover\:border-orange-70v:hover {
    border-color: #5f3617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-80v {
    border-color: #352313; }
  .tablet-lg\:hover\:border-orange-80v:hover {
    border-color: #352313; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-5 {
    border-color: #faeee5; }
  .tablet-lg\:hover\:border-orange-warm-5:hover {
    border-color: #faeee5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-10 {
    border-color: #fbe0d0; }
  .tablet-lg\:hover\:border-orange-warm-10:hover {
    border-color: #fbe0d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-20 {
    border-color: #f7bca2; }
  .tablet-lg\:hover\:border-orange-warm-20:hover {
    border-color: #f7bca2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-30 {
    border-color: #f3966d; }
  .tablet-lg\:hover\:border-orange-warm-30:hover {
    border-color: #f3966d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-40 {
    border-color: #e17141; }
  .tablet-lg\:hover\:border-orange-warm-40:hover {
    border-color: #e17141; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-50 {
    border-color: #bd5727; }
  .tablet-lg\:hover\:border-orange-warm-50:hover {
    border-color: #bd5727; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-60 {
    border-color: #914734; }
  .tablet-lg\:hover\:border-orange-warm-60:hover {
    border-color: #914734; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-70 {
    border-color: #633a32; }
  .tablet-lg\:hover\:border-orange-warm-70:hover {
    border-color: #633a32; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-80 {
    border-color: #3d2925; }
  .tablet-lg\:hover\:border-orange-warm-80:hover {
    border-color: #3d2925; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-90 {
    border-color: #1c1615; }
  .tablet-lg\:hover\:border-orange-warm-90:hover {
    border-color: #1c1615; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-5v {
    border-color: #fff3ea; }
  .tablet-lg\:hover\:border-orange-warm-5v:hover {
    border-color: #fff3ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-10v {
    border-color: #ffe2d1; }
  .tablet-lg\:hover\:border-orange-warm-10v:hover {
    border-color: #ffe2d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-20v {
    border-color: #fbbaa7; }
  .tablet-lg\:hover\:border-orange-warm-20v:hover {
    border-color: #fbbaa7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-30v {
    border-color: #fc906d; }
  .tablet-lg\:hover\:border-orange-warm-30v:hover {
    border-color: #fc906d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-40v {
    border-color: #ff580a; }
  .tablet-lg\:hover\:border-orange-warm-40v:hover {
    border-color: #ff580a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-50v {
    border-color: #cf4900; }
  .tablet-lg\:hover\:border-orange-warm-50v:hover {
    border-color: #cf4900; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-60v {
    border-color: #a72f10; }
  .tablet-lg\:hover\:border-orange-warm-60v:hover {
    border-color: #a72f10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-70v {
    border-color: #782312; }
  .tablet-lg\:hover\:border-orange-warm-70v:hover {
    border-color: #782312; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-orange-warm-80v {
    border-color: #3d231d; }
  .tablet-lg\:hover\:border-orange-warm-80v:hover {
    border-color: #3d231d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-5 {
    border-color: #f8eff1; }
  .tablet-lg\:hover\:border-red-cool-5:hover {
    border-color: #f8eff1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-10 {
    border-color: #f3e1e4; }
  .tablet-lg\:hover\:border-red-cool-10:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-20 {
    border-color: #ecbec6; }
  .tablet-lg\:hover\:border-red-cool-20:hover {
    border-color: #ecbec6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-30 {
    border-color: #e09aa6; }
  .tablet-lg\:hover\:border-red-cool-30:hover {
    border-color: #e09aa6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-40 {
    border-color: #e16b80; }
  .tablet-lg\:hover\:border-red-cool-40:hover {
    border-color: #e16b80; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-50 {
    border-color: #cd425b; }
  .tablet-lg\:hover\:border-red-cool-50:hover {
    border-color: #cd425b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-60 {
    border-color: #9e394b; }
  .tablet-lg\:hover\:border-red-cool-60:hover {
    border-color: #9e394b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-70 {
    border-color: #68363f; }
  .tablet-lg\:hover\:border-red-cool-70:hover {
    border-color: #68363f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-80 {
    border-color: #40282c; }
  .tablet-lg\:hover\:border-red-cool-80:hover {
    border-color: #40282c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-90 {
    border-color: #1e1517; }
  .tablet-lg\:hover\:border-red-cool-90:hover {
    border-color: #1e1517; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-5v {
    border-color: #fff2f5; }
  .tablet-lg\:hover\:border-red-cool-5v:hover {
    border-color: #fff2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-10v {
    border-color: #f8dfe2; }
  .tablet-lg\:hover\:border-red-cool-10v:hover {
    border-color: #f8dfe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-20v {
    border-color: #f8b9c5; }
  .tablet-lg\:hover\:border-red-cool-20v:hover {
    border-color: #f8b9c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-30v {
    border-color: #fd8ba0; }
  .tablet-lg\:hover\:border-red-cool-30v:hover {
    border-color: #fd8ba0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-40v {
    border-color: #f45d79; }
  .tablet-lg\:hover\:border-red-cool-40v:hover {
    border-color: #f45d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-50v {
    border-color: #e41d3d; }
  .tablet-lg\:hover\:border-red-cool-50v:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-60v {
    border-color: #b21d38; }
  .tablet-lg\:hover\:border-red-cool-60v:hover {
    border-color: #b21d38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-70v {
    border-color: #822133; }
  .tablet-lg\:hover\:border-red-cool-70v:hover {
    border-color: #822133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-cool-80v {
    border-color: #4f1c24; }
  .tablet-lg\:hover\:border-red-cool-80v:hover {
    border-color: #4f1c24; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-5 {
    border-color: #f9eeee; }
  .tablet-lg\:hover\:border-red-5:hover {
    border-color: #f9eeee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-10 {
    border-color: #f8e1de; }
  .tablet-lg\:hover\:border-red-10:hover {
    border-color: #f8e1de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-20 {
    border-color: #f7bbb1; }
  .tablet-lg\:hover\:border-red-20:hover {
    border-color: #f7bbb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-30 {
    border-color: #f2938c; }
  .tablet-lg\:hover\:border-red-30:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-40 {
    border-color: #e9695f; }
  .tablet-lg\:hover\:border-red-40:hover {
    border-color: #e9695f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-50 {
    border-color: #d83933; }
  .tablet-lg\:hover\:border-red-50:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-60 {
    border-color: #a23737; }
  .tablet-lg\:hover\:border-red-60:hover {
    border-color: #a23737; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-70 {
    border-color: #6f3331; }
  .tablet-lg\:hover\:border-red-70:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-80 {
    border-color: #3e2927; }
  .tablet-lg\:hover\:border-red-80:hover {
    border-color: #3e2927; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-90 {
    border-color: #1b1616; }
  .tablet-lg\:hover\:border-red-90:hover {
    border-color: #1b1616; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-5v {
    border-color: #fff3f2; }
  .tablet-lg\:hover\:border-red-5v:hover {
    border-color: #fff3f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-10v {
    border-color: #fde0db; }
  .tablet-lg\:hover\:border-red-10v:hover {
    border-color: #fde0db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-20v {
    border-color: #fdb8ae; }
  .tablet-lg\:hover\:border-red-20v:hover {
    border-color: #fdb8ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-30v {
    border-color: #ff8d7b; }
  .tablet-lg\:hover\:border-red-30v:hover {
    border-color: #ff8d7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-40v {
    border-color: #fb5a47; }
  .tablet-lg\:hover\:border-red-40v:hover {
    border-color: #fb5a47; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-50v {
    border-color: #e52207; }
  .tablet-lg\:hover\:border-red-50v:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-60v {
    border-color: #b50909; }
  .tablet-lg\:hover\:border-red-60v:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-70v {
    border-color: #8b0a03; }
  .tablet-lg\:hover\:border-red-70v:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-80v {
    border-color: #5c1111; }
  .tablet-lg\:hover\:border-red-80v:hover {
    border-color: #5c1111; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-5 {
    border-color: #f6efea; }
  .tablet-lg\:hover\:border-red-warm-5:hover {
    border-color: #f6efea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-10 {
    border-color: #f4e3db; }
  .tablet-lg\:hover\:border-red-warm-10:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-20 {
    border-color: #ecc0a7; }
  .tablet-lg\:hover\:border-red-warm-20:hover {
    border-color: #ecc0a7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-30 {
    border-color: #dca081; }
  .tablet-lg\:hover\:border-red-warm-30:hover {
    border-color: #dca081; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-40 {
    border-color: #d27a56; }
  .tablet-lg\:hover\:border-red-warm-40:hover {
    border-color: #d27a56; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-50 {
    border-color: #c3512c; }
  .tablet-lg\:hover\:border-red-warm-50:hover {
    border-color: #c3512c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-60 {
    border-color: #805039; }
  .tablet-lg\:hover\:border-red-warm-60:hover {
    border-color: #805039; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-70 {
    border-color: #524236; }
  .tablet-lg\:hover\:border-red-warm-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-80 {
    border-color: #332d29; }
  .tablet-lg\:hover\:border-red-warm-80:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-90 {
    border-color: #1f1c18; }
  .tablet-lg\:hover\:border-red-warm-90:hover {
    border-color: #1f1c18; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-5v {
    border-color: #fff5ee; }
  .tablet-lg\:hover\:border-red-warm-5v:hover {
    border-color: #fff5ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-10v {
    border-color: #fce1d4; }
  .tablet-lg\:hover\:border-red-warm-10v:hover {
    border-color: #fce1d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-20v {
    border-color: #f6bd9c; }
  .tablet-lg\:hover\:border-red-warm-20v:hover {
    border-color: #f6bd9c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-30v {
    border-color: #f39268; }
  .tablet-lg\:hover\:border-red-warm-30v:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-40v {
    border-color: #ef5e25; }
  .tablet-lg\:hover\:border-red-warm-40v:hover {
    border-color: #ef5e25; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-50v {
    border-color: #d54309; }
  .tablet-lg\:hover\:border-red-warm-50v:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-60v {
    border-color: #9c3d10; }
  .tablet-lg\:hover\:border-red-warm-60v:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-70v {
    border-color: #63340f; }
  .tablet-lg\:hover\:border-red-warm-70v:hover {
    border-color: #63340f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-red-warm-80v {
    border-color: #3e2a1e; }
  .tablet-lg\:hover\:border-red-warm-80v:hover {
    border-color: #3e2a1e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-5 {
    border-color: #f4f1f9; }
  .tablet-lg\:hover\:border-violet-5:hover {
    border-color: #f4f1f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-10 {
    border-color: #ebe3f9; }
  .tablet-lg\:hover\:border-violet-10:hover {
    border-color: #ebe3f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-20 {
    border-color: #d0c3e9; }
  .tablet-lg\:hover\:border-violet-20:hover {
    border-color: #d0c3e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-30 {
    border-color: #b8a2e3; }
  .tablet-lg\:hover\:border-violet-30:hover {
    border-color: #b8a2e3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-40 {
    border-color: #9d84d2; }
  .tablet-lg\:hover\:border-violet-40:hover {
    border-color: #9d84d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-50 {
    border-color: #8168b3; }
  .tablet-lg\:hover\:border-violet-50:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-60 {
    border-color: #665190; }
  .tablet-lg\:hover\:border-violet-60:hover {
    border-color: #665190; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-70 {
    border-color: #4c3d69; }
  .tablet-lg\:hover\:border-violet-70:hover {
    border-color: #4c3d69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-80 {
    border-color: #312b3f; }
  .tablet-lg\:hover\:border-violet-80:hover {
    border-color: #312b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-90 {
    border-color: #18161d; }
  .tablet-lg\:hover\:border-violet-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-5v {
    border-color: #f7f2ff; }
  .tablet-lg\:hover\:border-violet-5v:hover {
    border-color: #f7f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-10v {
    border-color: #ede3ff; }
  .tablet-lg\:hover\:border-violet-10v:hover {
    border-color: #ede3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-20v {
    border-color: #d5bfff; }
  .tablet-lg\:hover\:border-violet-20v:hover {
    border-color: #d5bfff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-30v {
    border-color: #c39deb; }
  .tablet-lg\:hover\:border-violet-30v:hover {
    border-color: #c39deb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-40v {
    border-color: #ad79e9; }
  .tablet-lg\:hover\:border-violet-40v:hover {
    border-color: #ad79e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-50v {
    border-color: #9355dc; }
  .tablet-lg\:hover\:border-violet-50v:hover {
    border-color: #9355dc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-60v {
    border-color: #783cb9; }
  .tablet-lg\:hover\:border-violet-60v:hover {
    border-color: #783cb9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-70v {
    border-color: #54278f; }
  .tablet-lg\:hover\:border-violet-70v:hover {
    border-color: #54278f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-80v {
    border-color: #39215e; }
  .tablet-lg\:hover\:border-violet-80v:hover {
    border-color: #39215e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-5 {
    border-color: #f8f0f9; }
  .tablet-lg\:hover\:border-violet-warm-5:hover {
    border-color: #f8f0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-10 {
    border-color: #f6dff8; }
  .tablet-lg\:hover\:border-violet-warm-10:hover {
    border-color: #f6dff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-20 {
    border-color: #e2bee4; }
  .tablet-lg\:hover\:border-violet-warm-20:hover {
    border-color: #e2bee4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-30 {
    border-color: #d29ad8; }
  .tablet-lg\:hover\:border-violet-warm-30:hover {
    border-color: #d29ad8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-40 {
    border-color: #bf77c8; }
  .tablet-lg\:hover\:border-violet-warm-40:hover {
    border-color: #bf77c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-50 {
    border-color: #b04abd; }
  .tablet-lg\:hover\:border-violet-warm-50:hover {
    border-color: #b04abd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-60 {
    border-color: #864381; }
  .tablet-lg\:hover\:border-violet-warm-60:hover {
    border-color: #864381; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-70 {
    border-color: #5c395a; }
  .tablet-lg\:hover\:border-violet-warm-70:hover {
    border-color: #5c395a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-80 {
    border-color: #382936; }
  .tablet-lg\:hover\:border-violet-warm-80:hover {
    border-color: #382936; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-90 {
    border-color: #1b151b; }
  .tablet-lg\:hover\:border-violet-warm-90:hover {
    border-color: #1b151b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-5v {
    border-color: #fef2ff; }
  .tablet-lg\:hover\:border-violet-warm-5v:hover {
    border-color: #fef2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-10v {
    border-color: #fbdcff; }
  .tablet-lg\:hover\:border-violet-warm-10v:hover {
    border-color: #fbdcff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-20v {
    border-color: #f4b2ff; }
  .tablet-lg\:hover\:border-violet-warm-20v:hover {
    border-color: #f4b2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-30v {
    border-color: #ee83ff; }
  .tablet-lg\:hover\:border-violet-warm-30v:hover {
    border-color: #ee83ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-40v {
    border-color: #d85bef; }
  .tablet-lg\:hover\:border-violet-warm-40v:hover {
    border-color: #d85bef; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-50v {
    border-color: #be32d0; }
  .tablet-lg\:hover\:border-violet-warm-50v:hover {
    border-color: #be32d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-60v {
    border-color: #93348c; }
  .tablet-lg\:hover\:border-violet-warm-60v:hover {
    border-color: #93348c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-70v {
    border-color: #711e6c; }
  .tablet-lg\:hover\:border-violet-warm-70v:hover {
    border-color: #711e6c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-violet-warm-80v {
    border-color: #481441; }
  .tablet-lg\:hover\:border-violet-warm-80v:hover {
    border-color: #481441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white-transparent-5 {
    border-color: rgba(255, 255, 255, 0.01); }
  .tablet-lg\:hover\:border-white-transparent-5:hover {
    border-color: rgba(255, 255, 255, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white-transparent-10 {
    border-color: rgba(255, 255, 255, 0.1); }
  .tablet-lg\:hover\:border-white-transparent-10:hover {
    border-color: rgba(255, 255, 255, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white-transparent-20 {
    border-color: rgba(255, 255, 255, 0.2); }
  .tablet-lg\:hover\:border-white-transparent-20:hover {
    border-color: rgba(255, 255, 255, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white-transparent-30 {
    border-color: rgba(255, 255, 255, 0.3); }
  .tablet-lg\:hover\:border-white-transparent-30:hover {
    border-color: rgba(255, 255, 255, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white-transparent-40 {
    border-color: rgba(255, 255, 255, 0.4); }
  .tablet-lg\:hover\:border-white-transparent-40:hover {
    border-color: rgba(255, 255, 255, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white-transparent-50 {
    border-color: rgba(255, 255, 255, 0.5); }
  .tablet-lg\:hover\:border-white-transparent-50:hover {
    border-color: rgba(255, 255, 255, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white-transparent-60 {
    border-color: rgba(255, 255, 255, 0.6); }
  .tablet-lg\:hover\:border-white-transparent-60:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white-transparent-70 {
    border-color: rgba(255, 255, 255, 0.7); }
  .tablet-lg\:hover\:border-white-transparent-70:hover {
    border-color: rgba(255, 255, 255, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white-transparent-80 {
    border-color: rgba(255, 255, 255, 0.8); }
  .tablet-lg\:hover\:border-white-transparent-80:hover {
    border-color: rgba(255, 255, 255, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-white-transparent-90 {
    border-color: rgba(255, 255, 255, 0.9); }
  .tablet-lg\:hover\:border-white-transparent-90:hover {
    border-color: rgba(255, 255, 255, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-5 {
    border-color: #faf3d1; }
  .tablet-lg\:hover\:border-yellow-5:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-10 {
    border-color: #f5e6af; }
  .tablet-lg\:hover\:border-yellow-10:hover {
    border-color: #f5e6af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-20 {
    border-color: #e6c74c; }
  .tablet-lg\:hover\:border-yellow-20:hover {
    border-color: #e6c74c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-30 {
    border-color: #c9ab48; }
  .tablet-lg\:hover\:border-yellow-30:hover {
    border-color: #c9ab48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-40 {
    border-color: #a88f48; }
  .tablet-lg\:hover\:border-yellow-40:hover {
    border-color: #a88f48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-50 {
    border-color: #8a7237; }
  .tablet-lg\:hover\:border-yellow-50:hover {
    border-color: #8a7237; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-60 {
    border-color: #6b5a39; }
  .tablet-lg\:hover\:border-yellow-60:hover {
    border-color: #6b5a39; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-70 {
    border-color: #504332; }
  .tablet-lg\:hover\:border-yellow-70:hover {
    border-color: #504332; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-80 {
    border-color: #332d27; }
  .tablet-lg\:hover\:border-yellow-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-90 {
    border-color: #1a1614; }
  .tablet-lg\:hover\:border-yellow-90:hover {
    border-color: #1a1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-5v {
    border-color: #fff5c2; }
  .tablet-lg\:hover\:border-yellow-5v:hover {
    border-color: #fff5c2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-10v {
    border-color: #fee685; }
  .tablet-lg\:hover\:border-yellow-10v:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-20v {
    border-color: #face00; }
  .tablet-lg\:hover\:border-yellow-20v:hover {
    border-color: #face00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-30v {
    border-color: #ddaa01; }
  .tablet-lg\:hover\:border-yellow-30v:hover {
    border-color: #ddaa01; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-40v {
    border-color: #b38c00; }
  .tablet-lg\:hover\:border-yellow-40v:hover {
    border-color: #b38c00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-50v {
    border-color: #947100; }
  .tablet-lg\:hover\:border-yellow-50v:hover {
    border-color: #947100; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-60v {
    border-color: #776017; }
  .tablet-lg\:hover\:border-yellow-60v:hover {
    border-color: #776017; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-70v {
    border-color: #5c4809; }
  .tablet-lg\:hover\:border-yellow-70v:hover {
    border-color: #5c4809; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:border-yellow-80v {
    border-color: #422d19; }
  .tablet-lg\:hover\:border-yellow-80v:hover {
    border-color: #422d19; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-0 {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-none {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-top-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-right-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-bottom-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-left-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-sm {
    border-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-top-sm {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-right-sm {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-bottom-sm {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-left-sm {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-md {
    border-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-top-md {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-right-md {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-bottom-md {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-left-md {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-lg {
    border-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-top-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-right-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-bottom-lg {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-left-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-pill {
    border-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-top-pill {
    border-top-left-radius: 99rem;
    border-top-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-right-pill {
    border-top-right-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-bottom-pill {
    border-bottom-left-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:radius-left-pill {
    border-top-left-radius: 99rem;
    border-bottom-left-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:display-block {
    display: block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:display-flex {
    display: flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:display-none {
    display: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:display-inline {
    display: inline; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:display-inline-block {
    display: inline-block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:display-inline-flex {
    display: inline-flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:display-table {
    display: table; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:display-table-cell {
    display: table-cell; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:display-table-row {
    display: table-row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:flex-row {
    flex-direction: row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:flex-column {
    flex-direction: column; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-mono-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-mono-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-mono-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-mono-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-mono-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-mono-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-mono-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-mono-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-mono-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-sans-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-sans-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-sans-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-sans-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-sans-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-sans-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-sans-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-sans-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-sans-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-serif-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-serif-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-serif-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-serif-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-serif-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-serif-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-serif-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-serif-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-serif-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-heading-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-heading-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-heading-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-heading-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-heading-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-heading-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-heading-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-heading-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-heading-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-body-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-body-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-body-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-body-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-body-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-body-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-body-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-body-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-body-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-code-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-code-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-code-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-code-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-code-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-code-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-code-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-code-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-code-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-alt-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-alt-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-alt-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-alt-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-alt-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-alt-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-alt-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-alt-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-alt-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-ui-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-ui-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-ui-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-ui-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-ui-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-ui-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-ui-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-ui-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:font-ui-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:text-light {
    font-weight: 300; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:text-normal {
    font-weight: normal; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:text-bold {
    font-weight: 700; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:flex-justify-center {
    justify-content: center; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:flex-justify-start {
    justify-content: flex-start; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:flex-justify-end {
    justify-content: flex-end; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:flex-justify {
    justify-content: space-between; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-sans-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-sans-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-sans-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-sans-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-sans-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-sans-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-serif-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-serif-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-serif-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-serif-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-serif-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-serif-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-mono-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-mono-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-mono-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-mono-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-mono-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-mono-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-heading-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-heading-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-heading-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-heading-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-heading-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-heading-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-ui-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-ui-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-ui-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-ui-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-ui-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-ui-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-body-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-body-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-body-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-body-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-body-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-body-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-code-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-code-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-code-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-code-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-code-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-code-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-alt-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-alt-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-alt-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-alt-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-alt-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:line-height-alt-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-1px {
    margin: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-2px {
    margin: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-05 {
    margin: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-1 {
    margin: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-105 {
    margin: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-2 {
    margin: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-205 {
    margin: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-3 {
    margin: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-1px {
    margin: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-2px {
    margin: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-05 {
    margin: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-1 {
    margin: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-105 {
    margin: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-2 {
    margin: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-205 {
    margin: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-3 {
    margin: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-4 {
    margin: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-5 {
    margin: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-6 {
    margin: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-7 {
    margin: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-8 {
    margin: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-9 {
    margin: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-10 {
    margin: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-neg-15 {
    margin: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-4 {
    margin: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-5 {
    margin: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-6 {
    margin: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-7 {
    margin: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-8 {
    margin: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-9 {
    margin: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-10 {
    margin: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-15 {
    margin: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-05em {
    margin: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-1em {
    margin: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-105em {
    margin: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-2em {
    margin: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-0 {
    margin: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-1px {
    margin-top: 1px;
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-1px {
    margin-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-1px {
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-2px {
    margin-top: 2px;
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-2px {
    margin-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-2px {
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-05 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-05 {
    margin-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-05 {
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-1 {
    margin-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-1 {
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-105 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-105 {
    margin-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-105 {
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-2 {
    margin-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-2 {
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-205 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-205 {
    margin-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-205 {
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-3 {
    margin-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-3 {
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-1px {
    margin-top: -1px;
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-1px {
    margin-top: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-1px {
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-2px {
    margin-top: -2px;
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-2px {
    margin-top: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-2px {
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-05 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-05 {
    margin-top: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-05 {
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-1 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-1 {
    margin-top: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-1 {
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-105 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-105 {
    margin-top: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-105 {
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-2 {
    margin-top: -1rem;
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-2 {
    margin-top: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-2 {
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-205 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-205 {
    margin-top: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-205 {
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-3 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-3 {
    margin-top: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-3 {
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-4 {
    margin-top: -2rem;
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-4 {
    margin-top: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-4 {
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-5 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-5 {
    margin-top: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-5 {
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-6 {
    margin-top: -3rem;
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-6 {
    margin-top: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-6 {
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-7 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-7 {
    margin-top: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-7 {
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-8 {
    margin-top: -4rem;
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-8 {
    margin-top: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-8 {
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-9 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-9 {
    margin-top: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-9 {
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-10 {
    margin-top: -5rem;
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-10 {
    margin-top: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-10 {
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-neg-15 {
    margin-top: -7.5rem;
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-neg-15 {
    margin-top: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-neg-15 {
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-4 {
    margin-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-4 {
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-5 {
    margin-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-5 {
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-6 {
    margin-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-6 {
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-7 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-7 {
    margin-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-7 {
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-8 {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-8 {
    margin-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-8 {
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-9 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-9 {
    margin-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-9 {
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-10 {
    margin-top: 5rem;
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-10 {
    margin-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-10 {
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-15 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-15 {
    margin-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-15 {
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-05em {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-05em {
    margin-top: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-05em {
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-1em {
    margin-top: 1em;
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-1em {
    margin-top: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-1em {
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-105em {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-105em {
    margin-top: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-105em {
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-2em {
    margin-top: 2em;
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-2em {
    margin-top: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-2em {
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-0 {
    margin-top: 0;
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-0 {
    margin-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-0 {
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-y-auto {
    margin-top: auto;
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-top-auto {
    margin-top: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-bottom-auto {
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-1px {
    margin-left: 1px;
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-1px {
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-1px {
    margin-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-2px {
    margin-left: 2px;
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-2px {
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-2px {
    margin-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-05 {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-05 {
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-05 {
    margin-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-1 {
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-1 {
    margin-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-105 {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-105 {
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-105 {
    margin-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-2 {
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-2 {
    margin-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-205 {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-205 {
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-205 {
    margin-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-3 {
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-3 {
    margin-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-1px {
    margin-left: -1px;
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-1px {
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-1px {
    margin-left: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-2px {
    margin-left: -2px;
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-2px {
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-2px {
    margin-left: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-05 {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-05 {
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-05 {
    margin-left: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-1 {
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-1 {
    margin-left: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-105 {
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-105 {
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-105 {
    margin-left: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-2 {
    margin-left: -1rem;
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-2 {
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-2 {
    margin-left: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-205 {
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-205 {
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-205 {
    margin-left: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-3 {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-3 {
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-3 {
    margin-left: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-4 {
    margin-left: -2rem;
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-4 {
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-4 {
    margin-left: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-5 {
    margin-left: -2.5rem;
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-5 {
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-5 {
    margin-left: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-6 {
    margin-left: -3rem;
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-6 {
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-6 {
    margin-left: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-7 {
    margin-left: -3.5rem;
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-7 {
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-7 {
    margin-left: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-8 {
    margin-left: -4rem;
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-8 {
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-8 {
    margin-left: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-9 {
    margin-left: -4.5rem;
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-9 {
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-9 {
    margin-left: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-10 {
    margin-left: -5rem;
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-10 {
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-10 {
    margin-left: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-neg-15 {
    margin-left: -7.5rem;
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-neg-15 {
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-neg-15 {
    margin-left: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-4 {
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-4 {
    margin-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-5 {
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-5 {
    margin-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-6 {
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-6 {
    margin-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-7 {
    margin-left: 3.5rem;
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-7 {
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-7 {
    margin-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-8 {
    margin-left: 4rem;
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-8 {
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-8 {
    margin-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-9 {
    margin-left: 4.5rem;
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-9 {
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-9 {
    margin-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-10 {
    margin-left: 5rem;
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-10 {
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-10 {
    margin-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-15 {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-15 {
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-15 {
    margin-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-card {
    margin-left: 10rem;
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-card {
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-card {
    margin-left: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-card-lg {
    margin-left: 15rem;
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-card-lg {
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-card-lg {
    margin-left: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-mobile {
    margin-left: 20rem;
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-mobile {
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-mobile {
    margin-left: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-05em {
    margin-left: 0.5em;
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-05em {
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-05em {
    margin-left: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-1em {
    margin-left: 1em;
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-1em {
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-1em {
    margin-left: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-105em {
    margin-left: 1.5em;
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-105em {
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-105em {
    margin-left: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-2em {
    margin-left: 2em;
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-2em {
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-2em {
    margin-left: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-0 {
    margin-left: 0;
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-0 {
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-0 {
    margin-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-x-auto {
    margin-left: auto;
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-right-auto {
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:margin-left-auto {
    margin-left: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:measure-1 {
    max-width: 44ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:measure-2 {
    max-width: 60ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:measure-3 {
    max-width: 64ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:measure-4 {
    max-width: 68ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:measure-5 {
    max-width: 72ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:measure-6 {
    max-width: 88ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:measure-none {
    max-width: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-05 {
    min-width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-1 {
    min-width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-105 {
    min-width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-2 {
    min-width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-205 {
    min-width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-3 {
    min-width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-4 {
    min-width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-5 {
    min-width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-6 {
    min-width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-7 {
    min-width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-8 {
    min-width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-9 {
    min-width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-10 {
    min-width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-15 {
    min-width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-0 {
    min-width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-card {
    min-width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:minw-card-lg {
    min-width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-first {
    order: -1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-last {
    order: 999; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-initial {
    order: initial; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-0 {
    order: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-1 {
    order: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-2 {
    order: 2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-3 {
    order: 3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-4 {
    order: 4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-5 {
    order: 5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-6 {
    order: 6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-7 {
    order: 7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-8 {
    order: 8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-9 {
    order: 9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-10 {
    order: 10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:order-11 {
    order: 11; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-1px {
    padding: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-1px {
    padding-top: 1px;
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-1px {
    padding-left: 1px;
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-1px {
    padding-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-1px {
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-1px {
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-1px {
    padding-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-2px {
    padding: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-2px {
    padding-top: 2px;
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-2px {
    padding-left: 2px;
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-2px {
    padding-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-2px {
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-2px {
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-2px {
    padding-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-05 {
    padding: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-05 {
    padding-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-05 {
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-05 {
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-05 {
    padding-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-1 {
    padding: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-1 {
    padding-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-1 {
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-1 {
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-1 {
    padding-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-105 {
    padding: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-105 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-105 {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-105 {
    padding-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-105 {
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-105 {
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-105 {
    padding-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-2 {
    padding: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-2 {
    padding-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-2 {
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-2 {
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-2 {
    padding-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-205 {
    padding: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-205 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-205 {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-205 {
    padding-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-205 {
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-205 {
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-205 {
    padding-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-3 {
    padding: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-3 {
    padding-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-3 {
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-3 {
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-3 {
    padding-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-4 {
    padding: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-4 {
    padding-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-4 {
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-4 {
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-4 {
    padding-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-5 {
    padding: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-5 {
    padding-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-5 {
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-5 {
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-5 {
    padding-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-6 {
    padding: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-6 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-6 {
    padding-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-6 {
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-6 {
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-6 {
    padding-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-7 {
    padding: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-7 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-7 {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-7 {
    padding-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-7 {
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-7 {
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-7 {
    padding-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-8 {
    padding: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-8 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-8 {
    padding-left: 4rem;
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-8 {
    padding-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-8 {
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-8 {
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-8 {
    padding-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-9 {
    padding: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-9 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-9 {
    padding-left: 4.5rem;
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-9 {
    padding-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-9 {
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-9 {
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-9 {
    padding-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-10 {
    padding: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-10 {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-10 {
    padding-left: 5rem;
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-10 {
    padding-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-10 {
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-10 {
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-10 {
    padding-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-15 {
    padding: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-15 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-15 {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-15 {
    padding-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-15 {
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-15 {
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-15 {
    padding-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-0 {
    padding: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-y-0 {
    padding-top: 0;
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-x-0 {
    padding-left: 0;
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-top-0 {
    padding-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-right-0 {
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-bottom-0 {
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:padding-left-0 {
    padding-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:position-absolute {
    position: absolute; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:position-fixed {
    position: fixed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:position-relative {
    position: relative; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:position-static {
    position: static; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:position-sticky {
    position: sticky; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-1px {
    width: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-2px {
    width: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-05 {
    width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-1 {
    width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-105 {
    width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-2 {
    width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-205 {
    width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-3 {
    width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-4 {
    width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-5 {
    width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-6 {
    width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-7 {
    width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-8 {
    width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-9 {
    width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-10 {
    width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-15 {
    width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-card {
    width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-card-lg {
    width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-mobile {
    width: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-mobile-lg {
    width: 30rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-tablet {
    width: 40rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-tablet-lg {
    width: 55rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-desktop {
    width: 64rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-desktop-lg {
    width: 75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-widescreen {
    width: 87.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-0 {
    width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-full {
    width: 100%; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .tablet-lg\:width-auto {
    width: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */ }

@media all and (min-width: 64em) {
  .desktop\:border-1px {
    border: 1px solid; }
  .desktop\:hover\:border-1px:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-top-1px {
    border-top: 1px solid; }
  .desktop\:hover\:border-top-1px:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-right-1px {
    border-right: 1px solid; }
  .desktop\:hover\:border-right-1px:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-bottom-1px {
    border-bottom: 1px solid; }
  .desktop\:hover\:border-bottom-1px:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-left-1px {
    border-left: 1px solid; }
  .desktop\:hover\:border-left-1px:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-2px {
    border: 2px solid; }
  .desktop\:hover\:border-2px:hover {
    border: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-top-2px {
    border-top: 2px solid; }
  .desktop\:hover\:border-top-2px:hover {
    border-top: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-right-2px {
    border-right: 2px solid; }
  .desktop\:hover\:border-right-2px:hover {
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-bottom-2px {
    border-bottom: 2px solid; }
  .desktop\:hover\:border-bottom-2px:hover {
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-left-2px {
    border-left: 2px solid; }
  .desktop\:hover\:border-left-2px:hover {
    border-left: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-05 {
    border: 0.25rem solid; }
  .desktop\:hover\:border-05:hover {
    border: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-top-05 {
    border-top: 0.25rem solid; }
  .desktop\:hover\:border-top-05:hover {
    border-top: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-right-05 {
    border-right: 0.25rem solid; }
  .desktop\:hover\:border-right-05:hover {
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-bottom-05 {
    border-bottom: 0.25rem solid; }
  .desktop\:hover\:border-bottom-05:hover {
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-left-05 {
    border-left: 0.25rem solid; }
  .desktop\:hover\:border-left-05:hover {
    border-left: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-1 {
    border: 0.5rem solid; }
  .desktop\:hover\:border-1:hover {
    border: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-top-1 {
    border-top: 0.5rem solid; }
  .desktop\:hover\:border-top-1:hover {
    border-top: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-right-1 {
    border-right: 0.5rem solid; }
  .desktop\:hover\:border-right-1:hover {
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-bottom-1 {
    border-bottom: 0.5rem solid; }
  .desktop\:hover\:border-bottom-1:hover {
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-left-1 {
    border-left: 0.5rem solid; }
  .desktop\:hover\:border-left-1:hover {
    border-left: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-105 {
    border: 0.75rem solid; }
  .desktop\:hover\:border-105:hover {
    border: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-top-105 {
    border-top: 0.75rem solid; }
  .desktop\:hover\:border-top-105:hover {
    border-top: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-right-105 {
    border-right: 0.75rem solid; }
  .desktop\:hover\:border-right-105:hover {
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-bottom-105 {
    border-bottom: 0.75rem solid; }
  .desktop\:hover\:border-bottom-105:hover {
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-left-105 {
    border-left: 0.75rem solid; }
  .desktop\:hover\:border-left-105:hover {
    border-left: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-2 {
    border: 1rem solid; }
  .desktop\:hover\:border-2:hover {
    border: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-top-2 {
    border-top: 1rem solid; }
  .desktop\:hover\:border-top-2:hover {
    border-top: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-right-2 {
    border-right: 1rem solid; }
  .desktop\:hover\:border-right-2:hover {
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-bottom-2 {
    border-bottom: 1rem solid; }
  .desktop\:hover\:border-bottom-2:hover {
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-left-2 {
    border-left: 1rem solid; }
  .desktop\:hover\:border-left-2:hover {
    border-left: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-205 {
    border: 1.25rem solid; }
  .desktop\:hover\:border-205:hover {
    border: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-top-205 {
    border-top: 1.25rem solid; }
  .desktop\:hover\:border-top-205:hover {
    border-top: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-right-205 {
    border-right: 1.25rem solid; }
  .desktop\:hover\:border-right-205:hover {
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-bottom-205 {
    border-bottom: 1.25rem solid; }
  .desktop\:hover\:border-bottom-205:hover {
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-left-205 {
    border-left: 1.25rem solid; }
  .desktop\:hover\:border-left-205:hover {
    border-left: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-3 {
    border: 1.5rem solid; }
  .desktop\:hover\:border-3:hover {
    border: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-top-3 {
    border-top: 1.5rem solid; }
  .desktop\:hover\:border-top-3:hover {
    border-top: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-right-3 {
    border-right: 1.5rem solid; }
  .desktop\:hover\:border-right-3:hover {
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-bottom-3 {
    border-bottom: 1.5rem solid; }
  .desktop\:hover\:border-bottom-3:hover {
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-left-3 {
    border-left: 1.5rem solid; }
  .desktop\:hover\:border-left-3:hover {
    border-left: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-0 {
    border: 0 solid; }
  .desktop\:hover\:border-0:hover {
    border: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .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; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-top-0 {
    border-top: 0 solid; }
  .desktop\:hover\:border-top-0:hover {
    border-top: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-right-0 {
    border-right: 0 solid; }
  .desktop\:hover\:border-right-0:hover {
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-bottom-0 {
    border-bottom: 0 solid; }
  .desktop\:hover\:border-bottom-0:hover {
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-left-0 {
    border-left: 0 solid; }
  .desktop\:hover\:border-left-0:hover {
    border-left: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border {
    border: 1px solid; }
  .desktop\:hover\:border:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-y {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .desktop\:hover\:border-y:hover {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-x {
    border-left: 1px solid;
    border-right: 1px solid; }
  .desktop\:hover\:border-x:hover {
    border-left: 1px solid;
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-top {
    border-top: 1px solid; }
  .desktop\:hover\:border-top:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-right {
    border-right: 1px solid; }
  .desktop\:hover\:border-right:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-bottom {
    border-bottom: 1px solid; }
  .desktop\:hover\:border-bottom:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-left {
    border-left: 1px solid; }
  .desktop\:hover\:border-left:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-transparent {
    border-color: transparent; }
  .desktop\:hover\:border-transparent:hover {
    border-color: transparent; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black {
    border-color: black; }
  .desktop\:hover\:border-black:hover {
    border-color: black; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white {
    border-color: white; }
  .desktop\:hover\:border-white:hover {
    border-color: white; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-base-lightest {
    border-color: #f0f0f0; }
  .desktop\:hover\:border-base-lightest:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-base-lighter {
    border-color: #dfe1e2; }
  .desktop\:hover\:border-base-lighter:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-base-light {
    border-color: #a9aeb1; }
  .desktop\:hover\:border-base-light:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-base {
    border-color: #71767a; }
  .desktop\:hover\:border-base:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-base-dark {
    border-color: #565c65; }
  .desktop\:hover\:border-base-dark:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-base-darker {
    border-color: #3d4551; }
  .desktop\:hover\:border-base-darker:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-base-darkest {
    border-color: #1b1b1b; }
  .desktop\:hover\:border-base-darkest:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-ink {
    border-color: #1b1b1b; }
  .desktop\:hover\:border-ink:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-primary-lighter {
    border-color: #d9e8f6; }
  .desktop\:hover\:border-primary-lighter:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-primary-light {
    border-color: #73b3e7; }
  .desktop\:hover\:border-primary-light:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-primary {
    border-color: #005ea2; }
  .desktop\:hover\:border-primary:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-primary-vivid {
    border-color: #0050d8; }
  .desktop\:hover\:border-primary-vivid:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-primary-dark {
    border-color: #1a4480; }
  .desktop\:hover\:border-primary-dark:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-primary-darker {
    border-color: #162e51; }
  .desktop\:hover\:border-primary-darker:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-secondary-lighter {
    border-color: #f3e1e4; }
  .desktop\:hover\:border-secondary-lighter:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-secondary-light {
    border-color: #f2938c; }
  .desktop\:hover\:border-secondary-light:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-secondary {
    border-color: #d83933; }
  .desktop\:hover\:border-secondary:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-secondary-vivid {
    border-color: #e41d3d; }
  .desktop\:hover\:border-secondary-vivid:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-secondary-dark {
    border-color: #b50909; }
  .desktop\:hover\:border-secondary-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-secondary-darker {
    border-color: #8b0a03; }
  .desktop\:hover\:border-secondary-darker:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-accent-warm-darker {
    border-color: #775540; }
  .desktop\:hover\:border-accent-warm-darker:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-accent-warm-dark {
    border-color: #c05600; }
  .desktop\:hover\:border-accent-warm-dark:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-accent-warm {
    border-color: #fa9441; }
  .desktop\:hover\:border-accent-warm:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-accent-warm-light {
    border-color: #ffbc78; }
  .desktop\:hover\:border-accent-warm-light:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-accent-warm-lighter {
    border-color: #f2e4d4; }
  .desktop\:hover\:border-accent-warm-lighter:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-accent-cool-darker {
    border-color: #07648d; }
  .desktop\:hover\:border-accent-cool-darker:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-accent-cool-dark {
    border-color: #28a0cb; }
  .desktop\:hover\:border-accent-cool-dark:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-accent-cool {
    border-color: #00bde3; }
  .desktop\:hover\:border-accent-cool:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-accent-cool-light {
    border-color: #97d4ea; }
  .desktop\:hover\:border-accent-cool-light:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-accent-cool-lighter {
    border-color: #e1f3f8; }
  .desktop\:hover\:border-accent-cool-lighter:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-5 {
    border-color: #f0f0f0; }
  .desktop\:hover\:border-gray-5:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-10 {
    border-color: #e6e6e6; }
  .desktop\:hover\:border-gray-10:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-30 {
    border-color: #adadad; }
  .desktop\:hover\:border-gray-30:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-50 {
    border-color: #757575; }
  .desktop\:hover\:border-gray-50:hover {
    border-color: #757575; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-70 {
    border-color: #454545; }
  .desktop\:hover\:border-gray-70:hover {
    border-color: #454545; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-90 {
    border-color: #1b1b1b; }
  .desktop\:hover\:border-gray-90:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-error-lighter {
    border-color: #f4e3db; }
  .desktop\:hover\:border-error-lighter:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-error-light {
    border-color: #f39268; }
  .desktop\:hover\:border-error-light:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-error {
    border-color: #d54309; }
  .desktop\:hover\:border-error:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-error-dark {
    border-color: #b50909; }
  .desktop\:hover\:border-error-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-error-darker {
    border-color: #6f3331; }
  .desktop\:hover\:border-error-darker:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-warning-lighter {
    border-color: #faf3d1; }
  .desktop\:hover\:border-warning-lighter:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-warning-light {
    border-color: #fee685; }
  .desktop\:hover\:border-warning-light:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-warning {
    border-color: #ffbe2e; }
  .desktop\:hover\:border-warning:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-warning-dark {
    border-color: #e5a000; }
  .desktop\:hover\:border-warning-dark:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-warning-darker {
    border-color: #936f38; }
  .desktop\:hover\:border-warning-darker:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-success-lighter {
    border-color: #ecf3ec; }
  .desktop\:hover\:border-success-lighter:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-success-light {
    border-color: #70e17b; }
  .desktop\:hover\:border-success-light:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-success {
    border-color: #00a91c; }
  .desktop\:hover\:border-success:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-success-dark {
    border-color: #008817; }
  .desktop\:hover\:border-success-dark:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-success-darker {
    border-color: #216e1f; }
  .desktop\:hover\:border-success-darker:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-info-lighter {
    border-color: #e7f6f8; }
  .desktop\:hover\:border-info-lighter:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-info-light {
    border-color: #99deea; }
  .desktop\:hover\:border-info-light:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-info {
    border-color: #00bde3; }
  .desktop\:hover\:border-info:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-info-dark {
    border-color: #009ec1; }
  .desktop\:hover\:border-info-dark:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-info-darker {
    border-color: #2e6276; }
  .desktop\:hover\:border-info-darker:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-disabled-light {
    border-color: #e6e6e6; }
  .desktop\:hover\:border-disabled-light:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-disabled {
    border-color: #c9c9c9; }
  .desktop\:hover\:border-disabled:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-disabled-dark {
    border-color: #adadad; }
  .desktop\:hover\:border-disabled-dark:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-emergency {
    border-color: #9c3d10; }
  .desktop\:hover\:border-emergency:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-emergency-dark {
    border-color: #332d29; }
  .desktop\:hover\:border-emergency-dark:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red {
    border-color: #e52207; }
  .desktop\:hover\:border-red:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange {
    border-color: #e66f0e; }
  .desktop\:hover\:border-orange:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold {
    border-color: #ffbe2e; }
  .desktop\:hover\:border-gold:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow {
    border-color: #fee685; }
  .desktop\:hover\:border-yellow:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green {
    border-color: #538200; }
  .desktop\:hover\:border-green:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint {
    border-color: #04c585; }
  .desktop\:hover\:border-mint:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan {
    border-color: #009ec1; }
  .desktop\:hover\:border-cyan:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue {
    border-color: #0076d6; }
  .desktop\:hover\:border-blue:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo {
    border-color: #676cc8; }
  .desktop\:hover\:border-indigo:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet {
    border-color: #8168b3; }
  .desktop\:hover\:border-violet:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta {
    border-color: #d72d79; }
  .desktop\:hover\:border-magenta:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black-transparent-5 {
    border-color: rgba(0, 0, 0, 0.01); }
  .desktop\:hover\:border-black-transparent-5:hover {
    border-color: rgba(0, 0, 0, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black-transparent-10 {
    border-color: rgba(0, 0, 0, 0.1); }
  .desktop\:hover\:border-black-transparent-10:hover {
    border-color: rgba(0, 0, 0, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black-transparent-20 {
    border-color: rgba(0, 0, 0, 0.2); }
  .desktop\:hover\:border-black-transparent-20:hover {
    border-color: rgba(0, 0, 0, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black-transparent-30 {
    border-color: rgba(0, 0, 0, 0.3); }
  .desktop\:hover\:border-black-transparent-30:hover {
    border-color: rgba(0, 0, 0, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black-transparent-40 {
    border-color: rgba(0, 0, 0, 0.4); }
  .desktop\:hover\:border-black-transparent-40:hover {
    border-color: rgba(0, 0, 0, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black-transparent-50 {
    border-color: rgba(0, 0, 0, 0.5); }
  .desktop\:hover\:border-black-transparent-50:hover {
    border-color: rgba(0, 0, 0, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black-transparent-60 {
    border-color: rgba(0, 0, 0, 0.6); }
  .desktop\:hover\:border-black-transparent-60:hover {
    border-color: rgba(0, 0, 0, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black-transparent-70 {
    border-color: rgba(0, 0, 0, 0.7); }
  .desktop\:hover\:border-black-transparent-70:hover {
    border-color: rgba(0, 0, 0, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black-transparent-80 {
    border-color: rgba(0, 0, 0, 0.8); }
  .desktop\:hover\:border-black-transparent-80:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-black-transparent-90 {
    border-color: rgba(0, 0, 0, 0.9); }
  .desktop\:hover\:border-black-transparent-90:hover {
    border-color: rgba(0, 0, 0, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-1 {
    border-color: #fbfcfd; }
  .desktop\:hover\:border-gray-cool-1:hover {
    border-color: #fbfcfd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-2 {
    border-color: #f7f9fa; }
  .desktop\:hover\:border-gray-cool-2:hover {
    border-color: #f7f9fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-3 {
    border-color: #f5f6f7; }
  .desktop\:hover\:border-gray-cool-3:hover {
    border-color: #f5f6f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-4 {
    border-color: #f1f3f6; }
  .desktop\:hover\:border-gray-cool-4:hover {
    border-color: #f1f3f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-5 {
    border-color: #edeff0; }
  .desktop\:hover\:border-gray-cool-5:hover {
    border-color: #edeff0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-10 {
    border-color: #dfe1e2; }
  .desktop\:hover\:border-gray-cool-10:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-20 {
    border-color: #c6cace; }
  .desktop\:hover\:border-gray-cool-20:hover {
    border-color: #c6cace; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-30 {
    border-color: #a9aeb1; }
  .desktop\:hover\:border-gray-cool-30:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-40 {
    border-color: #8d9297; }
  .desktop\:hover\:border-gray-cool-40:hover {
    border-color: #8d9297; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-50 {
    border-color: #71767a; }
  .desktop\:hover\:border-gray-cool-50:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-60 {
    border-color: #565c65; }
  .desktop\:hover\:border-gray-cool-60:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-70 {
    border-color: #3d4551; }
  .desktop\:hover\:border-gray-cool-70:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-80 {
    border-color: #2d2e2f; }
  .desktop\:hover\:border-gray-cool-80:hover {
    border-color: #2d2e2f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-cool-90 {
    border-color: #1c1d1f; }
  .desktop\:hover\:border-gray-cool-90:hover {
    border-color: #1c1d1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-1 {
    border-color: #fcfcfc; }
  .desktop\:hover\:border-gray-1:hover {
    border-color: #fcfcfc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-2 {
    border-color: #f9f9f9; }
  .desktop\:hover\:border-gray-2:hover {
    border-color: #f9f9f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-3 {
    border-color: #f6f6f6; }
  .desktop\:hover\:border-gray-3:hover {
    border-color: #f6f6f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-4 {
    border-color: #f3f3f3; }
  .desktop\:hover\:border-gray-4:hover {
    border-color: #f3f3f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-20 {
    border-color: #c9c9c9; }
  .desktop\:hover\:border-gray-20:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-40 {
    border-color: #919191; }
  .desktop\:hover\:border-gray-40:hover {
    border-color: #919191; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-60 {
    border-color: #5c5c5c; }
  .desktop\:hover\:border-gray-60:hover {
    border-color: #5c5c5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-80 {
    border-color: #2e2e2e; }
  .desktop\:hover\:border-gray-80:hover {
    border-color: #2e2e2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-1 {
    border-color: #fcfcfb; }
  .desktop\:hover\:border-gray-warm-1:hover {
    border-color: #fcfcfb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-2 {
    border-color: #f9f9f7; }
  .desktop\:hover\:border-gray-warm-2:hover {
    border-color: #f9f9f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-3 {
    border-color: #f6f6f2; }
  .desktop\:hover\:border-gray-warm-3:hover {
    border-color: #f6f6f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-4 {
    border-color: #f5f5f0; }
  .desktop\:hover\:border-gray-warm-4:hover {
    border-color: #f5f5f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-5 {
    border-color: #f0f0ec; }
  .desktop\:hover\:border-gray-warm-5:hover {
    border-color: #f0f0ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-10 {
    border-color: #e6e6e2; }
  .desktop\:hover\:border-gray-warm-10:hover {
    border-color: #e6e6e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-20 {
    border-color: #cac9c0; }
  .desktop\:hover\:border-gray-warm-20:hover {
    border-color: #cac9c0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-30 {
    border-color: #afaea2; }
  .desktop\:hover\:border-gray-warm-30:hover {
    border-color: #afaea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-40 {
    border-color: #929285; }
  .desktop\:hover\:border-gray-warm-40:hover {
    border-color: #929285; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-50 {
    border-color: #76766a; }
  .desktop\:hover\:border-gray-warm-50:hover {
    border-color: #76766a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-60 {
    border-color: #5d5d52; }
  .desktop\:hover\:border-gray-warm-60:hover {
    border-color: #5d5d52; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-70 {
    border-color: #454540; }
  .desktop\:hover\:border-gray-warm-70:hover {
    border-color: #454540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-80 {
    border-color: #2e2e2a; }
  .desktop\:hover\:border-gray-warm-80:hover {
    border-color: #2e2e2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gray-warm-90 {
    border-color: #171716; }
  .desktop\:hover\:border-gray-warm-90:hover {
    border-color: #171716; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-5 {
    border-color: #e7f2f5; }
  .desktop\:hover\:border-blue-cool-5:hover {
    border-color: #e7f2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-10 {
    border-color: #dae9ee; }
  .desktop\:hover\:border-blue-cool-10:hover {
    border-color: #dae9ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-20 {
    border-color: #adcfdc; }
  .desktop\:hover\:border-blue-cool-20:hover {
    border-color: #adcfdc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-30 {
    border-color: #82b4c9; }
  .desktop\:hover\:border-blue-cool-30:hover {
    border-color: #82b4c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-40 {
    border-color: #6499af; }
  .desktop\:hover\:border-blue-cool-40:hover {
    border-color: #6499af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-50 {
    border-color: #3a7d95; }
  .desktop\:hover\:border-blue-cool-50:hover {
    border-color: #3a7d95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-60 {
    border-color: #2e6276; }
  .desktop\:hover\:border-blue-cool-60:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-70 {
    border-color: #224a58; }
  .desktop\:hover\:border-blue-cool-70:hover {
    border-color: #224a58; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-80 {
    border-color: #14333d; }
  .desktop\:hover\:border-blue-cool-80:hover {
    border-color: #14333d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-90 {
    border-color: #0f191c; }
  .desktop\:hover\:border-blue-cool-90:hover {
    border-color: #0f191c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-5v {
    border-color: #e1f3f8; }
  .desktop\:hover\:border-blue-cool-5v:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-10v {
    border-color: #c3ebfa; }
  .desktop\:hover\:border-blue-cool-10v:hover {
    border-color: #c3ebfa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-20v {
    border-color: #97d4ea; }
  .desktop\:hover\:border-blue-cool-20v:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-30v {
    border-color: #59b9de; }
  .desktop\:hover\:border-blue-cool-30v:hover {
    border-color: #59b9de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-40v {
    border-color: #28a0cb; }
  .desktop\:hover\:border-blue-cool-40v:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-50v {
    border-color: #0d7ea2; }
  .desktop\:hover\:border-blue-cool-50v:hover {
    border-color: #0d7ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-60v {
    border-color: #07648d; }
  .desktop\:hover\:border-blue-cool-60v:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-70v {
    border-color: #074b69; }
  .desktop\:hover\:border-blue-cool-70v:hover {
    border-color: #074b69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-cool-80v {
    border-color: #002d3f; }
  .desktop\:hover\:border-blue-cool-80v:hover {
    border-color: #002d3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-5 {
    border-color: #eff6fb; }
  .desktop\:hover\:border-blue-5:hover {
    border-color: #eff6fb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-10 {
    border-color: #d9e8f6; }
  .desktop\:hover\:border-blue-10:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-20 {
    border-color: #aacdec; }
  .desktop\:hover\:border-blue-20:hover {
    border-color: #aacdec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-30 {
    border-color: #73b3e7; }
  .desktop\:hover\:border-blue-30:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-40 {
    border-color: #4f97d1; }
  .desktop\:hover\:border-blue-40:hover {
    border-color: #4f97d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-50 {
    border-color: #2378c3; }
  .desktop\:hover\:border-blue-50:hover {
    border-color: #2378c3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-60 {
    border-color: #2c608a; }
  .desktop\:hover\:border-blue-60:hover {
    border-color: #2c608a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-70 {
    border-color: #274863; }
  .desktop\:hover\:border-blue-70:hover {
    border-color: #274863; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-80 {
    border-color: #1f303e; }
  .desktop\:hover\:border-blue-80:hover {
    border-color: #1f303e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-90 {
    border-color: #11181d; }
  .desktop\:hover\:border-blue-90:hover {
    border-color: #11181d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-5v {
    border-color: #e8f5ff; }
  .desktop\:hover\:border-blue-5v:hover {
    border-color: #e8f5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-10v {
    border-color: #cfe8ff; }
  .desktop\:hover\:border-blue-10v:hover {
    border-color: #cfe8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-20v {
    border-color: #a1d3ff; }
  .desktop\:hover\:border-blue-20v:hover {
    border-color: #a1d3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-30v {
    border-color: #58b4ff; }
  .desktop\:hover\:border-blue-30v:hover {
    border-color: #58b4ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-40v {
    border-color: #2491ff; }
  .desktop\:hover\:border-blue-40v:hover {
    border-color: #2491ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-50v {
    border-color: #0076d6; }
  .desktop\:hover\:border-blue-50v:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-60v {
    border-color: #005ea2; }
  .desktop\:hover\:border-blue-60v:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-70v {
    border-color: #0b4778; }
  .desktop\:hover\:border-blue-70v:hover {
    border-color: #0b4778; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-80v {
    border-color: #112f4e; }
  .desktop\:hover\:border-blue-80v:hover {
    border-color: #112f4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-5 {
    border-color: #ecf1f7; }
  .desktop\:hover\:border-blue-warm-5:hover {
    border-color: #ecf1f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-10 {
    border-color: #e1e7f1; }
  .desktop\:hover\:border-blue-warm-10:hover {
    border-color: #e1e7f1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-20 {
    border-color: #bbcae4; }
  .desktop\:hover\:border-blue-warm-20:hover {
    border-color: #bbcae4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-30 {
    border-color: #98afd2; }
  .desktop\:hover\:border-blue-warm-30:hover {
    border-color: #98afd2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-40 {
    border-color: #7292c7; }
  .desktop\:hover\:border-blue-warm-40:hover {
    border-color: #7292c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-50 {
    border-color: #4a77b4; }
  .desktop\:hover\:border-blue-warm-50:hover {
    border-color: #4a77b4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-60 {
    border-color: #345d96; }
  .desktop\:hover\:border-blue-warm-60:hover {
    border-color: #345d96; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-70 {
    border-color: #2f4668; }
  .desktop\:hover\:border-blue-warm-70:hover {
    border-color: #2f4668; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-80 {
    border-color: #252f3e; }
  .desktop\:hover\:border-blue-warm-80:hover {
    border-color: #252f3e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-90 {
    border-color: #13171f; }
  .desktop\:hover\:border-blue-warm-90:hover {
    border-color: #13171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-5v {
    border-color: #edf5ff; }
  .desktop\:hover\:border-blue-warm-5v:hover {
    border-color: #edf5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-10v {
    border-color: #d4e5ff; }
  .desktop\:hover\:border-blue-warm-10v:hover {
    border-color: #d4e5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-20v {
    border-color: #adcdff; }
  .desktop\:hover\:border-blue-warm-20v:hover {
    border-color: #adcdff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-30v {
    border-color: #81aefc; }
  .desktop\:hover\:border-blue-warm-30v:hover {
    border-color: #81aefc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-40v {
    border-color: #5994f6; }
  .desktop\:hover\:border-blue-warm-40v:hover {
    border-color: #5994f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-50v {
    border-color: #2672de; }
  .desktop\:hover\:border-blue-warm-50v:hover {
    border-color: #2672de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-60v {
    border-color: #0050d8; }
  .desktop\:hover\:border-blue-warm-60v:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-70v {
    border-color: #1a4480; }
  .desktop\:hover\:border-blue-warm-70v:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-blue-warm-80v {
    border-color: #162e51; }
  .desktop\:hover\:border-blue-warm-80v:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-5 {
    border-color: #e7f6f8; }
  .desktop\:hover\:border-cyan-5:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-10 {
    border-color: #ccecf2; }
  .desktop\:hover\:border-cyan-10:hover {
    border-color: #ccecf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-20 {
    border-color: #99deea; }
  .desktop\:hover\:border-cyan-20:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-30 {
    border-color: #5dc0d1; }
  .desktop\:hover\:border-cyan-30:hover {
    border-color: #5dc0d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-40 {
    border-color: #449dac; }
  .desktop\:hover\:border-cyan-40:hover {
    border-color: #449dac; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-50 {
    border-color: #168092; }
  .desktop\:hover\:border-cyan-50:hover {
    border-color: #168092; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-60 {
    border-color: #2a646d; }
  .desktop\:hover\:border-cyan-60:hover {
    border-color: #2a646d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-70 {
    border-color: #2c4a4e; }
  .desktop\:hover\:border-cyan-70:hover {
    border-color: #2c4a4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-80 {
    border-color: #203133; }
  .desktop\:hover\:border-cyan-80:hover {
    border-color: #203133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-90 {
    border-color: #111819; }
  .desktop\:hover\:border-cyan-90:hover {
    border-color: #111819; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-5v {
    border-color: #e5faff; }
  .desktop\:hover\:border-cyan-5v:hover {
    border-color: #e5faff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-10v {
    border-color: #a8f2ff; }
  .desktop\:hover\:border-cyan-10v:hover {
    border-color: #a8f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-20v {
    border-color: #52daf2; }
  .desktop\:hover\:border-cyan-20v:hover {
    border-color: #52daf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-30v {
    border-color: #00bde3; }
  .desktop\:hover\:border-cyan-30v:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-40v {
    border-color: #009ec1; }
  .desktop\:hover\:border-cyan-40v:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-50v {
    border-color: #0081a1; }
  .desktop\:hover\:border-cyan-50v:hover {
    border-color: #0081a1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-60v {
    border-color: #00687d; }
  .desktop\:hover\:border-cyan-60v:hover {
    border-color: #00687d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-70v {
    border-color: #0e4f5c; }
  .desktop\:hover\:border-cyan-70v:hover {
    border-color: #0e4f5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-cyan-80v {
    border-color: #093b44; }
  .desktop\:hover\:border-cyan-80v:hover {
    border-color: #093b44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-5 {
    border-color: #f5f0e6; }
  .desktop\:hover\:border-gold-5:hover {
    border-color: #f5f0e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-10 {
    border-color: #f1e5cd; }
  .desktop\:hover\:border-gold-10:hover {
    border-color: #f1e5cd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-20 {
    border-color: #dec69a; }
  .desktop\:hover\:border-gold-20:hover {
    border-color: #dec69a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-30 {
    border-color: #c7a97b; }
  .desktop\:hover\:border-gold-30:hover {
    border-color: #c7a97b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-40 {
    border-color: #ad8b65; }
  .desktop\:hover\:border-gold-40:hover {
    border-color: #ad8b65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-50 {
    border-color: #8e704f; }
  .desktop\:hover\:border-gold-50:hover {
    border-color: #8e704f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-60 {
    border-color: #6b5947; }
  .desktop\:hover\:border-gold-60:hover {
    border-color: #6b5947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-70 {
    border-color: #4d4438; }
  .desktop\:hover\:border-gold-70:hover {
    border-color: #4d4438; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-80 {
    border-color: #322d26; }
  .desktop\:hover\:border-gold-80:hover {
    border-color: #322d26; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-90 {
    border-color: #191714; }
  .desktop\:hover\:border-gold-90:hover {
    border-color: #191714; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-5v {
    border-color: #fef0c8; }
  .desktop\:hover\:border-gold-5v:hover {
    border-color: #fef0c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-10v {
    border-color: #ffe396; }
  .desktop\:hover\:border-gold-10v:hover {
    border-color: #ffe396; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-20v {
    border-color: #ffbe2e; }
  .desktop\:hover\:border-gold-20v:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-30v {
    border-color: #e5a000; }
  .desktop\:hover\:border-gold-30v:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-40v {
    border-color: #c2850c; }
  .desktop\:hover\:border-gold-40v:hover {
    border-color: #c2850c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-50v {
    border-color: #936f38; }
  .desktop\:hover\:border-gold-50v:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-60v {
    border-color: #7a591a; }
  .desktop\:hover\:border-gold-60v:hover {
    border-color: #7a591a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-70v {
    border-color: #5c410a; }
  .desktop\:hover\:border-gold-70v:hover {
    border-color: #5c410a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-gold-80v {
    border-color: #3b2b15; }
  .desktop\:hover\:border-gold-80v:hover {
    border-color: #3b2b15; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-5 {
    border-color: #ecf3ec; }
  .desktop\:hover\:border-green-cool-5:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-10 {
    border-color: #dbebde; }
  .desktop\:hover\:border-green-cool-10:hover {
    border-color: #dbebde; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-20 {
    border-color: #b4d0b9; }
  .desktop\:hover\:border-green-cool-20:hover {
    border-color: #b4d0b9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-30 {
    border-color: #86b98e; }
  .desktop\:hover\:border-green-cool-30:hover {
    border-color: #86b98e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-40 {
    border-color: #5e9f69; }
  .desktop\:hover\:border-green-cool-40:hover {
    border-color: #5e9f69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-50 {
    border-color: #4d8055; }
  .desktop\:hover\:border-green-cool-50:hover {
    border-color: #4d8055; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-60 {
    border-color: #446443; }
  .desktop\:hover\:border-green-cool-60:hover {
    border-color: #446443; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-70 {
    border-color: #37493b; }
  .desktop\:hover\:border-green-cool-70:hover {
    border-color: #37493b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-80 {
    border-color: #28312a; }
  .desktop\:hover\:border-green-cool-80:hover {
    border-color: #28312a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-90 {
    border-color: #1a1f1a; }
  .desktop\:hover\:border-green-cool-90:hover {
    border-color: #1a1f1a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-5v {
    border-color: #e3f5e1; }
  .desktop\:hover\:border-green-cool-5v:hover {
    border-color: #e3f5e1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-10v {
    border-color: #b7f5bd; }
  .desktop\:hover\:border-green-cool-10v:hover {
    border-color: #b7f5bd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-20v {
    border-color: #70e17b; }
  .desktop\:hover\:border-green-cool-20v:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-30v {
    border-color: #21c834; }
  .desktop\:hover\:border-green-cool-30v:hover {
    border-color: #21c834; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-40v {
    border-color: #00a91c; }
  .desktop\:hover\:border-green-cool-40v:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-50v {
    border-color: #008817; }
  .desktop\:hover\:border-green-cool-50v:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-60v {
    border-color: #216e1f; }
  .desktop\:hover\:border-green-cool-60v:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-70v {
    border-color: #154c21; }
  .desktop\:hover\:border-green-cool-70v:hover {
    border-color: #154c21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-cool-80v {
    border-color: #19311e; }
  .desktop\:hover\:border-green-cool-80v:hover {
    border-color: #19311e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-5 {
    border-color: #eaf4dd; }
  .desktop\:hover\:border-green-5:hover {
    border-color: #eaf4dd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-10 {
    border-color: #dfeacd; }
  .desktop\:hover\:border-green-10:hover {
    border-color: #dfeacd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-20 {
    border-color: #b8d293; }
  .desktop\:hover\:border-green-20:hover {
    border-color: #b8d293; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-30 {
    border-color: #9bb672; }
  .desktop\:hover\:border-green-30:hover {
    border-color: #9bb672; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-40 {
    border-color: #7d9b4e; }
  .desktop\:hover\:border-green-40:hover {
    border-color: #7d9b4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-50 {
    border-color: #607f35; }
  .desktop\:hover\:border-green-50:hover {
    border-color: #607f35; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-60 {
    border-color: #4c6424; }
  .desktop\:hover\:border-green-60:hover {
    border-color: #4c6424; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-70 {
    border-color: #3c4a29; }
  .desktop\:hover\:border-green-70:hover {
    border-color: #3c4a29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-80 {
    border-color: #293021; }
  .desktop\:hover\:border-green-80:hover {
    border-color: #293021; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-90 {
    border-color: #161814; }
  .desktop\:hover\:border-green-90:hover {
    border-color: #161814; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-5v {
    border-color: #ddf9c7; }
  .desktop\:hover\:border-green-5v:hover {
    border-color: #ddf9c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-10v {
    border-color: #c5ee93; }
  .desktop\:hover\:border-green-10v:hover {
    border-color: #c5ee93; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-20v {
    border-color: #98d035; }
  .desktop\:hover\:border-green-20v:hover {
    border-color: #98d035; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-30v {
    border-color: #7fb135; }
  .desktop\:hover\:border-green-30v:hover {
    border-color: #7fb135; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-40v {
    border-color: #719f2a; }
  .desktop\:hover\:border-green-40v:hover {
    border-color: #719f2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-50v {
    border-color: #538200; }
  .desktop\:hover\:border-green-50v:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-60v {
    border-color: #466c04; }
  .desktop\:hover\:border-green-60v:hover {
    border-color: #466c04; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-70v {
    border-color: #2f4a0b; }
  .desktop\:hover\:border-green-70v:hover {
    border-color: #2f4a0b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-80v {
    border-color: #243413; }
  .desktop\:hover\:border-green-80v:hover {
    border-color: #243413; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-5 {
    border-color: #f1f4d7; }
  .desktop\:hover\:border-green-warm-5:hover {
    border-color: #f1f4d7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-10 {
    border-color: #e7eab7; }
  .desktop\:hover\:border-green-warm-10:hover {
    border-color: #e7eab7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-20 {
    border-color: #cbd17a; }
  .desktop\:hover\:border-green-warm-20:hover {
    border-color: #cbd17a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-30 {
    border-color: #a6b557; }
  .desktop\:hover\:border-green-warm-30:hover {
    border-color: #a6b557; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-40 {
    border-color: #8a984b; }
  .desktop\:hover\:border-green-warm-40:hover {
    border-color: #8a984b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-50 {
    border-color: #6f7a41; }
  .desktop\:hover\:border-green-warm-50:hover {
    border-color: #6f7a41; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-60 {
    border-color: #5a5f38; }
  .desktop\:hover\:border-green-warm-60:hover {
    border-color: #5a5f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-70 {
    border-color: #45472f; }
  .desktop\:hover\:border-green-warm-70:hover {
    border-color: #45472f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-80 {
    border-color: #2d2f21; }
  .desktop\:hover\:border-green-warm-80:hover {
    border-color: #2d2f21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-90 {
    border-color: #171712; }
  .desktop\:hover\:border-green-warm-90:hover {
    border-color: #171712; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-5v {
    border-color: #f5fbc1; }
  .desktop\:hover\:border-green-warm-5v:hover {
    border-color: #f5fbc1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-10v {
    border-color: #e7f434; }
  .desktop\:hover\:border-green-warm-10v:hover {
    border-color: #e7f434; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-20v {
    border-color: #c5d30a; }
  .desktop\:hover\:border-green-warm-20v:hover {
    border-color: #c5d30a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-30v {
    border-color: #a3b72c; }
  .desktop\:hover\:border-green-warm-30v:hover {
    border-color: #a3b72c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-40v {
    border-color: #7e9c1d; }
  .desktop\:hover\:border-green-warm-40v:hover {
    border-color: #7e9c1d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-50v {
    border-color: #6a7d00; }
  .desktop\:hover\:border-green-warm-50v:hover {
    border-color: #6a7d00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-60v {
    border-color: #5a6613; }
  .desktop\:hover\:border-green-warm-60v:hover {
    border-color: #5a6613; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-70v {
    border-color: #4b4e10; }
  .desktop\:hover\:border-green-warm-70v:hover {
    border-color: #4b4e10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-green-warm-80v {
    border-color: #38380b; }
  .desktop\:hover\:border-green-warm-80v:hover {
    border-color: #38380b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-5 {
    border-color: #eef0f9; }
  .desktop\:hover\:border-indigo-cool-5:hover {
    border-color: #eef0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-10 {
    border-color: #e1e6f9; }
  .desktop\:hover\:border-indigo-cool-10:hover {
    border-color: #e1e6f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-20 {
    border-color: #bbc8f5; }
  .desktop\:hover\:border-indigo-cool-20:hover {
    border-color: #bbc8f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-30 {
    border-color: #96abee; }
  .desktop\:hover\:border-indigo-cool-30:hover {
    border-color: #96abee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-40 {
    border-color: #6b8ee8; }
  .desktop\:hover\:border-indigo-cool-40:hover {
    border-color: #6b8ee8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-50 {
    border-color: #496fd8; }
  .desktop\:hover\:border-indigo-cool-50:hover {
    border-color: #496fd8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-60 {
    border-color: #3f57a6; }
  .desktop\:hover\:border-indigo-cool-60:hover {
    border-color: #3f57a6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-70 {
    border-color: #374274; }
  .desktop\:hover\:border-indigo-cool-70:hover {
    border-color: #374274; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-80 {
    border-color: #292d42; }
  .desktop\:hover\:border-indigo-cool-80:hover {
    border-color: #292d42; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-90 {
    border-color: #151622; }
  .desktop\:hover\:border-indigo-cool-90:hover {
    border-color: #151622; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-5v {
    border-color: #edf0ff; }
  .desktop\:hover\:border-indigo-cool-5v:hover {
    border-color: #edf0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-10v {
    border-color: #dee5ff; }
  .desktop\:hover\:border-indigo-cool-10v:hover {
    border-color: #dee5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-20v {
    border-color: #b8c8ff; }
  .desktop\:hover\:border-indigo-cool-20v:hover {
    border-color: #b8c8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-30v {
    border-color: #94adff; }
  .desktop\:hover\:border-indigo-cool-30v:hover {
    border-color: #94adff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-40v {
    border-color: #628ef4; }
  .desktop\:hover\:border-indigo-cool-40v:hover {
    border-color: #628ef4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-50v {
    border-color: #4866ff; }
  .desktop\:hover\:border-indigo-cool-50v:hover {
    border-color: #4866ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-60v {
    border-color: #3e4ded; }
  .desktop\:hover\:border-indigo-cool-60v:hover {
    border-color: #3e4ded; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-70v {
    border-color: #222fbf; }
  .desktop\:hover\:border-indigo-cool-70v:hover {
    border-color: #222fbf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-cool-80v {
    border-color: #1b2b85; }
  .desktop\:hover\:border-indigo-cool-80v:hover {
    border-color: #1b2b85; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-5 {
    border-color: #efeff8; }
  .desktop\:hover\:border-indigo-5:hover {
    border-color: #efeff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-10 {
    border-color: #e5e4fa; }
  .desktop\:hover\:border-indigo-10:hover {
    border-color: #e5e4fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-20 {
    border-color: #c5c5f3; }
  .desktop\:hover\:border-indigo-20:hover {
    border-color: #c5c5f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-30 {
    border-color: #a5a8eb; }
  .desktop\:hover\:border-indigo-30:hover {
    border-color: #a5a8eb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-40 {
    border-color: #8889db; }
  .desktop\:hover\:border-indigo-40:hover {
    border-color: #8889db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-50 {
    border-color: #676cc8; }
  .desktop\:hover\:border-indigo-50:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-60 {
    border-color: #4d52af; }
  .desktop\:hover\:border-indigo-60:hover {
    border-color: #4d52af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-70 {
    border-color: #3d4076; }
  .desktop\:hover\:border-indigo-70:hover {
    border-color: #3d4076; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-80 {
    border-color: #2b2c40; }
  .desktop\:hover\:border-indigo-80:hover {
    border-color: #2b2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-90 {
    border-color: #16171f; }
  .desktop\:hover\:border-indigo-90:hover {
    border-color: #16171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-5v {
    border-color: #f0f0ff; }
  .desktop\:hover\:border-indigo-5v:hover {
    border-color: #f0f0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-10v {
    border-color: #e0e0ff; }
  .desktop\:hover\:border-indigo-10v:hover {
    border-color: #e0e0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-20v {
    border-color: #ccceff; }
  .desktop\:hover\:border-indigo-20v:hover {
    border-color: #ccceff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-30v {
    border-color: #a3a7fa; }
  .desktop\:hover\:border-indigo-30v:hover {
    border-color: #a3a7fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-40v {
    border-color: #8289ff; }
  .desktop\:hover\:border-indigo-40v:hover {
    border-color: #8289ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-50v {
    border-color: #656bd7; }
  .desktop\:hover\:border-indigo-50v:hover {
    border-color: #656bd7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-60v {
    border-color: #4a50c4; }
  .desktop\:hover\:border-indigo-60v:hover {
    border-color: #4a50c4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-70v {
    border-color: #3333a3; }
  .desktop\:hover\:border-indigo-70v:hover {
    border-color: #3333a3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-80v {
    border-color: #212463; }
  .desktop\:hover\:border-indigo-80v:hover {
    border-color: #212463; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-5 {
    border-color: #f1eff7; }
  .desktop\:hover\:border-indigo-warm-5:hover {
    border-color: #f1eff7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-10 {
    border-color: #e7e3fa; }
  .desktop\:hover\:border-indigo-warm-10:hover {
    border-color: #e7e3fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-20 {
    border-color: #cbc4f2; }
  .desktop\:hover\:border-indigo-warm-20:hover {
    border-color: #cbc4f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-30 {
    border-color: #afa5e8; }
  .desktop\:hover\:border-indigo-warm-30:hover {
    border-color: #afa5e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-40 {
    border-color: #9287d8; }
  .desktop\:hover\:border-indigo-warm-40:hover {
    border-color: #9287d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-50 {
    border-color: #7665d1; }
  .desktop\:hover\:border-indigo-warm-50:hover {
    border-color: #7665d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-60 {
    border-color: #5e519e; }
  .desktop\:hover\:border-indigo-warm-60:hover {
    border-color: #5e519e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-70 {
    border-color: #453c7b; }
  .desktop\:hover\:border-indigo-warm-70:hover {
    border-color: #453c7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-80 {
    border-color: #2e2c40; }
  .desktop\:hover\:border-indigo-warm-80:hover {
    border-color: #2e2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-90 {
    border-color: #18161d; }
  .desktop\:hover\:border-indigo-warm-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-5v {
    border-color: #f5f2ff; }
  .desktop\:hover\:border-indigo-warm-5v:hover {
    border-color: #f5f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-10v {
    border-color: #e4deff; }
  .desktop\:hover\:border-indigo-warm-10v:hover {
    border-color: #e4deff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-20v {
    border-color: #cfc4fd; }
  .desktop\:hover\:border-indigo-warm-20v:hover {
    border-color: #cfc4fd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-30v {
    border-color: #b69fff; }
  .desktop\:hover\:border-indigo-warm-30v:hover {
    border-color: #b69fff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-40v {
    border-color: #967efb; }
  .desktop\:hover\:border-indigo-warm-40v:hover {
    border-color: #967efb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-50v {
    border-color: #745fe9; }
  .desktop\:hover\:border-indigo-warm-50v:hover {
    border-color: #745fe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-60v {
    border-color: #5942d2; }
  .desktop\:hover\:border-indigo-warm-60v:hover {
    border-color: #5942d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-70v {
    border-color: #3d2c9d; }
  .desktop\:hover\:border-indigo-warm-70v:hover {
    border-color: #3d2c9d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-indigo-warm-80v {
    border-color: #261f5b; }
  .desktop\:hover\:border-indigo-warm-80v:hover {
    border-color: #261f5b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-5 {
    border-color: #f9f0f2; }
  .desktop\:hover\:border-magenta-5:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-10 {
    border-color: #f6e1e8; }
  .desktop\:hover\:border-magenta-10:hover {
    border-color: #f6e1e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-20 {
    border-color: #f0bbcc; }
  .desktop\:hover\:border-magenta-20:hover {
    border-color: #f0bbcc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-30 {
    border-color: #e895b3; }
  .desktop\:hover\:border-magenta-30:hover {
    border-color: #e895b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-40 {
    border-color: #e0699f; }
  .desktop\:hover\:border-magenta-40:hover {
    border-color: #e0699f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-50 {
    border-color: #c84281; }
  .desktop\:hover\:border-magenta-50:hover {
    border-color: #c84281; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-60 {
    border-color: #8b4566; }
  .desktop\:hover\:border-magenta-60:hover {
    border-color: #8b4566; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-70 {
    border-color: #66364b; }
  .desktop\:hover\:border-magenta-70:hover {
    border-color: #66364b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-80 {
    border-color: #402731; }
  .desktop\:hover\:border-magenta-80:hover {
    border-color: #402731; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-90 {
    border-color: #1b1617; }
  .desktop\:hover\:border-magenta-90:hover {
    border-color: #1b1617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-5v {
    border-color: #f9f0f2; }
  .desktop\:hover\:border-magenta-5v:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-10v {
    border-color: #ffddea; }
  .desktop\:hover\:border-magenta-10v:hover {
    border-color: #ffddea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-20v {
    border-color: #ffb4cf; }
  .desktop\:hover\:border-magenta-20v:hover {
    border-color: #ffb4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-30v {
    border-color: #ff87b2; }
  .desktop\:hover\:border-magenta-30v:hover {
    border-color: #ff87b2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-40v {
    border-color: #fd4496; }
  .desktop\:hover\:border-magenta-40v:hover {
    border-color: #fd4496; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-50v {
    border-color: #d72d79; }
  .desktop\:hover\:border-magenta-50v:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-60v {
    border-color: #ab2165; }
  .desktop\:hover\:border-magenta-60v:hover {
    border-color: #ab2165; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-70v {
    border-color: #731f44; }
  .desktop\:hover\:border-magenta-70v:hover {
    border-color: #731f44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-magenta-80v {
    border-color: #4f172e; }
  .desktop\:hover\:border-magenta-80v:hover {
    border-color: #4f172e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-5 {
    border-color: #e0f7f6; }
  .desktop\:hover\:border-mint-cool-5:hover {
    border-color: #e0f7f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-10 {
    border-color: #c4eeeb; }
  .desktop\:hover\:border-mint-cool-10:hover {
    border-color: #c4eeeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-20 {
    border-color: #9bd4cf; }
  .desktop\:hover\:border-mint-cool-20:hover {
    border-color: #9bd4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-30 {
    border-color: #6fbab3; }
  .desktop\:hover\:border-mint-cool-30:hover {
    border-color: #6fbab3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-40 {
    border-color: #4f9e99; }
  .desktop\:hover\:border-mint-cool-40:hover {
    border-color: #4f9e99; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-50 {
    border-color: #40807e; }
  .desktop\:hover\:border-mint-cool-50:hover {
    border-color: #40807e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-60 {
    border-color: #376462; }
  .desktop\:hover\:border-mint-cool-60:hover {
    border-color: #376462; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-70 {
    border-color: #2a4b45; }
  .desktop\:hover\:border-mint-cool-70:hover {
    border-color: #2a4b45; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-80 {
    border-color: #203131; }
  .desktop\:hover\:border-mint-cool-80:hover {
    border-color: #203131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-90 {
    border-color: #111818; }
  .desktop\:hover\:border-mint-cool-90:hover {
    border-color: #111818; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-5v {
    border-color: #d5fbf3; }
  .desktop\:hover\:border-mint-cool-5v:hover {
    border-color: #d5fbf3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-10v {
    border-color: #7efbe1; }
  .desktop\:hover\:border-mint-cool-10v:hover {
    border-color: #7efbe1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-20v {
    border-color: #29e1cb; }
  .desktop\:hover\:border-mint-cool-20v:hover {
    border-color: #29e1cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-30v {
    border-color: #1dc2ae; }
  .desktop\:hover\:border-mint-cool-30v:hover {
    border-color: #1dc2ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-40v {
    border-color: #00a398; }
  .desktop\:hover\:border-mint-cool-40v:hover {
    border-color: #00a398; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-50v {
    border-color: #008480; }
  .desktop\:hover\:border-mint-cool-50v:hover {
    border-color: #008480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-60v {
    border-color: #0f6460; }
  .desktop\:hover\:border-mint-cool-60v:hover {
    border-color: #0f6460; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-70v {
    border-color: #0b4b3f; }
  .desktop\:hover\:border-mint-cool-70v:hover {
    border-color: #0b4b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-cool-80v {
    border-color: #123131; }
  .desktop\:hover\:border-mint-cool-80v:hover {
    border-color: #123131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-5 {
    border-color: #dbf6ed; }
  .desktop\:hover\:border-mint-5:hover {
    border-color: #dbf6ed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-10 {
    border-color: #c7efe2; }
  .desktop\:hover\:border-mint-10:hover {
    border-color: #c7efe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-20 {
    border-color: #92d9bb; }
  .desktop\:hover\:border-mint-20:hover {
    border-color: #92d9bb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-30 {
    border-color: #5abf95; }
  .desktop\:hover\:border-mint-30:hover {
    border-color: #5abf95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-40 {
    border-color: #34a37e; }
  .desktop\:hover\:border-mint-40:hover {
    border-color: #34a37e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-50 {
    border-color: #2e8367; }
  .desktop\:hover\:border-mint-50:hover {
    border-color: #2e8367; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-60 {
    border-color: #286846; }
  .desktop\:hover\:border-mint-60:hover {
    border-color: #286846; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-70 {
    border-color: #204e34; }
  .desktop\:hover\:border-mint-70:hover {
    border-color: #204e34; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-80 {
    border-color: #193324; }
  .desktop\:hover\:border-mint-80:hover {
    border-color: #193324; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-90 {
    border-color: #0d1a12; }
  .desktop\:hover\:border-mint-90:hover {
    border-color: #0d1a12; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-5v {
    border-color: #c9fbeb; }
  .desktop\:hover\:border-mint-5v:hover {
    border-color: #c9fbeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-10v {
    border-color: #83fcd4; }
  .desktop\:hover\:border-mint-10v:hover {
    border-color: #83fcd4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-20v {
    border-color: #0ceda6; }
  .desktop\:hover\:border-mint-20v:hover {
    border-color: #0ceda6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-30v {
    border-color: #04c585; }
  .desktop\:hover\:border-mint-30v:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-40v {
    border-color: #00a871; }
  .desktop\:hover\:border-mint-40v:hover {
    border-color: #00a871; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-50v {
    border-color: #008659; }
  .desktop\:hover\:border-mint-50v:hover {
    border-color: #008659; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-60v {
    border-color: #146947; }
  .desktop\:hover\:border-mint-60v:hover {
    border-color: #146947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-70v {
    border-color: #0c4e29; }
  .desktop\:hover\:border-mint-70v:hover {
    border-color: #0c4e29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-mint-80v {
    border-color: #0d351e; }
  .desktop\:hover\:border-mint-80v:hover {
    border-color: #0d351e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-5 {
    border-color: #f6efe9; }
  .desktop\:hover\:border-orange-5:hover {
    border-color: #f6efe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-10 {
    border-color: #f2e4d4; }
  .desktop\:hover\:border-orange-10:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-20 {
    border-color: #f3bf90; }
  .desktop\:hover\:border-orange-20:hover {
    border-color: #f3bf90; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-30 {
    border-color: #f09860; }
  .desktop\:hover\:border-orange-30:hover {
    border-color: #f09860; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-40 {
    border-color: #dd7533; }
  .desktop\:hover\:border-orange-40:hover {
    border-color: #dd7533; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-50 {
    border-color: #a86437; }
  .desktop\:hover\:border-orange-50:hover {
    border-color: #a86437; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-60 {
    border-color: #775540; }
  .desktop\:hover\:border-orange-60:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-70 {
    border-color: #524236; }
  .desktop\:hover\:border-orange-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-80 {
    border-color: #332d27; }
  .desktop\:hover\:border-orange-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-90 {
    border-color: #1b1614; }
  .desktop\:hover\:border-orange-90:hover {
    border-color: #1b1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-5v {
    border-color: #fef2e4; }
  .desktop\:hover\:border-orange-5v:hover {
    border-color: #fef2e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-10v {
    border-color: #fce2c5; }
  .desktop\:hover\:border-orange-10v:hover {
    border-color: #fce2c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-20v {
    border-color: #ffbc78; }
  .desktop\:hover\:border-orange-20v:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-30v {
    border-color: #fa9441; }
  .desktop\:hover\:border-orange-30v:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-40v {
    border-color: #e66f0e; }
  .desktop\:hover\:border-orange-40v:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-50v {
    border-color: #c05600; }
  .desktop\:hover\:border-orange-50v:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-60v {
    border-color: #8c471c; }
  .desktop\:hover\:border-orange-60v:hover {
    border-color: #8c471c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-70v {
    border-color: #5f3617; }
  .desktop\:hover\:border-orange-70v:hover {
    border-color: #5f3617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-80v {
    border-color: #352313; }
  .desktop\:hover\:border-orange-80v:hover {
    border-color: #352313; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-5 {
    border-color: #faeee5; }
  .desktop\:hover\:border-orange-warm-5:hover {
    border-color: #faeee5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-10 {
    border-color: #fbe0d0; }
  .desktop\:hover\:border-orange-warm-10:hover {
    border-color: #fbe0d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-20 {
    border-color: #f7bca2; }
  .desktop\:hover\:border-orange-warm-20:hover {
    border-color: #f7bca2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-30 {
    border-color: #f3966d; }
  .desktop\:hover\:border-orange-warm-30:hover {
    border-color: #f3966d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-40 {
    border-color: #e17141; }
  .desktop\:hover\:border-orange-warm-40:hover {
    border-color: #e17141; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-50 {
    border-color: #bd5727; }
  .desktop\:hover\:border-orange-warm-50:hover {
    border-color: #bd5727; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-60 {
    border-color: #914734; }
  .desktop\:hover\:border-orange-warm-60:hover {
    border-color: #914734; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-70 {
    border-color: #633a32; }
  .desktop\:hover\:border-orange-warm-70:hover {
    border-color: #633a32; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-80 {
    border-color: #3d2925; }
  .desktop\:hover\:border-orange-warm-80:hover {
    border-color: #3d2925; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-90 {
    border-color: #1c1615; }
  .desktop\:hover\:border-orange-warm-90:hover {
    border-color: #1c1615; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-5v {
    border-color: #fff3ea; }
  .desktop\:hover\:border-orange-warm-5v:hover {
    border-color: #fff3ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-10v {
    border-color: #ffe2d1; }
  .desktop\:hover\:border-orange-warm-10v:hover {
    border-color: #ffe2d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-20v {
    border-color: #fbbaa7; }
  .desktop\:hover\:border-orange-warm-20v:hover {
    border-color: #fbbaa7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-30v {
    border-color: #fc906d; }
  .desktop\:hover\:border-orange-warm-30v:hover {
    border-color: #fc906d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-40v {
    border-color: #ff580a; }
  .desktop\:hover\:border-orange-warm-40v:hover {
    border-color: #ff580a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-50v {
    border-color: #cf4900; }
  .desktop\:hover\:border-orange-warm-50v:hover {
    border-color: #cf4900; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-60v {
    border-color: #a72f10; }
  .desktop\:hover\:border-orange-warm-60v:hover {
    border-color: #a72f10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-70v {
    border-color: #782312; }
  .desktop\:hover\:border-orange-warm-70v:hover {
    border-color: #782312; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-orange-warm-80v {
    border-color: #3d231d; }
  .desktop\:hover\:border-orange-warm-80v:hover {
    border-color: #3d231d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-5 {
    border-color: #f8eff1; }
  .desktop\:hover\:border-red-cool-5:hover {
    border-color: #f8eff1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-10 {
    border-color: #f3e1e4; }
  .desktop\:hover\:border-red-cool-10:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-20 {
    border-color: #ecbec6; }
  .desktop\:hover\:border-red-cool-20:hover {
    border-color: #ecbec6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-30 {
    border-color: #e09aa6; }
  .desktop\:hover\:border-red-cool-30:hover {
    border-color: #e09aa6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-40 {
    border-color: #e16b80; }
  .desktop\:hover\:border-red-cool-40:hover {
    border-color: #e16b80; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-50 {
    border-color: #cd425b; }
  .desktop\:hover\:border-red-cool-50:hover {
    border-color: #cd425b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-60 {
    border-color: #9e394b; }
  .desktop\:hover\:border-red-cool-60:hover {
    border-color: #9e394b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-70 {
    border-color: #68363f; }
  .desktop\:hover\:border-red-cool-70:hover {
    border-color: #68363f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-80 {
    border-color: #40282c; }
  .desktop\:hover\:border-red-cool-80:hover {
    border-color: #40282c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-90 {
    border-color: #1e1517; }
  .desktop\:hover\:border-red-cool-90:hover {
    border-color: #1e1517; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-5v {
    border-color: #fff2f5; }
  .desktop\:hover\:border-red-cool-5v:hover {
    border-color: #fff2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-10v {
    border-color: #f8dfe2; }
  .desktop\:hover\:border-red-cool-10v:hover {
    border-color: #f8dfe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-20v {
    border-color: #f8b9c5; }
  .desktop\:hover\:border-red-cool-20v:hover {
    border-color: #f8b9c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-30v {
    border-color: #fd8ba0; }
  .desktop\:hover\:border-red-cool-30v:hover {
    border-color: #fd8ba0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-40v {
    border-color: #f45d79; }
  .desktop\:hover\:border-red-cool-40v:hover {
    border-color: #f45d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-50v {
    border-color: #e41d3d; }
  .desktop\:hover\:border-red-cool-50v:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-60v {
    border-color: #b21d38; }
  .desktop\:hover\:border-red-cool-60v:hover {
    border-color: #b21d38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-70v {
    border-color: #822133; }
  .desktop\:hover\:border-red-cool-70v:hover {
    border-color: #822133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-cool-80v {
    border-color: #4f1c24; }
  .desktop\:hover\:border-red-cool-80v:hover {
    border-color: #4f1c24; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-5 {
    border-color: #f9eeee; }
  .desktop\:hover\:border-red-5:hover {
    border-color: #f9eeee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-10 {
    border-color: #f8e1de; }
  .desktop\:hover\:border-red-10:hover {
    border-color: #f8e1de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-20 {
    border-color: #f7bbb1; }
  .desktop\:hover\:border-red-20:hover {
    border-color: #f7bbb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-30 {
    border-color: #f2938c; }
  .desktop\:hover\:border-red-30:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-40 {
    border-color: #e9695f; }
  .desktop\:hover\:border-red-40:hover {
    border-color: #e9695f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-50 {
    border-color: #d83933; }
  .desktop\:hover\:border-red-50:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-60 {
    border-color: #a23737; }
  .desktop\:hover\:border-red-60:hover {
    border-color: #a23737; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-70 {
    border-color: #6f3331; }
  .desktop\:hover\:border-red-70:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-80 {
    border-color: #3e2927; }
  .desktop\:hover\:border-red-80:hover {
    border-color: #3e2927; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-90 {
    border-color: #1b1616; }
  .desktop\:hover\:border-red-90:hover {
    border-color: #1b1616; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-5v {
    border-color: #fff3f2; }
  .desktop\:hover\:border-red-5v:hover {
    border-color: #fff3f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-10v {
    border-color: #fde0db; }
  .desktop\:hover\:border-red-10v:hover {
    border-color: #fde0db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-20v {
    border-color: #fdb8ae; }
  .desktop\:hover\:border-red-20v:hover {
    border-color: #fdb8ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-30v {
    border-color: #ff8d7b; }
  .desktop\:hover\:border-red-30v:hover {
    border-color: #ff8d7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-40v {
    border-color: #fb5a47; }
  .desktop\:hover\:border-red-40v:hover {
    border-color: #fb5a47; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-50v {
    border-color: #e52207; }
  .desktop\:hover\:border-red-50v:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-60v {
    border-color: #b50909; }
  .desktop\:hover\:border-red-60v:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-70v {
    border-color: #8b0a03; }
  .desktop\:hover\:border-red-70v:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-80v {
    border-color: #5c1111; }
  .desktop\:hover\:border-red-80v:hover {
    border-color: #5c1111; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-5 {
    border-color: #f6efea; }
  .desktop\:hover\:border-red-warm-5:hover {
    border-color: #f6efea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-10 {
    border-color: #f4e3db; }
  .desktop\:hover\:border-red-warm-10:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-20 {
    border-color: #ecc0a7; }
  .desktop\:hover\:border-red-warm-20:hover {
    border-color: #ecc0a7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-30 {
    border-color: #dca081; }
  .desktop\:hover\:border-red-warm-30:hover {
    border-color: #dca081; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-40 {
    border-color: #d27a56; }
  .desktop\:hover\:border-red-warm-40:hover {
    border-color: #d27a56; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-50 {
    border-color: #c3512c; }
  .desktop\:hover\:border-red-warm-50:hover {
    border-color: #c3512c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-60 {
    border-color: #805039; }
  .desktop\:hover\:border-red-warm-60:hover {
    border-color: #805039; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-70 {
    border-color: #524236; }
  .desktop\:hover\:border-red-warm-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-80 {
    border-color: #332d29; }
  .desktop\:hover\:border-red-warm-80:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-90 {
    border-color: #1f1c18; }
  .desktop\:hover\:border-red-warm-90:hover {
    border-color: #1f1c18; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-5v {
    border-color: #fff5ee; }
  .desktop\:hover\:border-red-warm-5v:hover {
    border-color: #fff5ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-10v {
    border-color: #fce1d4; }
  .desktop\:hover\:border-red-warm-10v:hover {
    border-color: #fce1d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-20v {
    border-color: #f6bd9c; }
  .desktop\:hover\:border-red-warm-20v:hover {
    border-color: #f6bd9c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-30v {
    border-color: #f39268; }
  .desktop\:hover\:border-red-warm-30v:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-40v {
    border-color: #ef5e25; }
  .desktop\:hover\:border-red-warm-40v:hover {
    border-color: #ef5e25; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-50v {
    border-color: #d54309; }
  .desktop\:hover\:border-red-warm-50v:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-60v {
    border-color: #9c3d10; }
  .desktop\:hover\:border-red-warm-60v:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-70v {
    border-color: #63340f; }
  .desktop\:hover\:border-red-warm-70v:hover {
    border-color: #63340f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-red-warm-80v {
    border-color: #3e2a1e; }
  .desktop\:hover\:border-red-warm-80v:hover {
    border-color: #3e2a1e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-5 {
    border-color: #f4f1f9; }
  .desktop\:hover\:border-violet-5:hover {
    border-color: #f4f1f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-10 {
    border-color: #ebe3f9; }
  .desktop\:hover\:border-violet-10:hover {
    border-color: #ebe3f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-20 {
    border-color: #d0c3e9; }
  .desktop\:hover\:border-violet-20:hover {
    border-color: #d0c3e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-30 {
    border-color: #b8a2e3; }
  .desktop\:hover\:border-violet-30:hover {
    border-color: #b8a2e3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-40 {
    border-color: #9d84d2; }
  .desktop\:hover\:border-violet-40:hover {
    border-color: #9d84d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-50 {
    border-color: #8168b3; }
  .desktop\:hover\:border-violet-50:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-60 {
    border-color: #665190; }
  .desktop\:hover\:border-violet-60:hover {
    border-color: #665190; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-70 {
    border-color: #4c3d69; }
  .desktop\:hover\:border-violet-70:hover {
    border-color: #4c3d69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-80 {
    border-color: #312b3f; }
  .desktop\:hover\:border-violet-80:hover {
    border-color: #312b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-90 {
    border-color: #18161d; }
  .desktop\:hover\:border-violet-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-5v {
    border-color: #f7f2ff; }
  .desktop\:hover\:border-violet-5v:hover {
    border-color: #f7f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-10v {
    border-color: #ede3ff; }
  .desktop\:hover\:border-violet-10v:hover {
    border-color: #ede3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-20v {
    border-color: #d5bfff; }
  .desktop\:hover\:border-violet-20v:hover {
    border-color: #d5bfff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-30v {
    border-color: #c39deb; }
  .desktop\:hover\:border-violet-30v:hover {
    border-color: #c39deb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-40v {
    border-color: #ad79e9; }
  .desktop\:hover\:border-violet-40v:hover {
    border-color: #ad79e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-50v {
    border-color: #9355dc; }
  .desktop\:hover\:border-violet-50v:hover {
    border-color: #9355dc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-60v {
    border-color: #783cb9; }
  .desktop\:hover\:border-violet-60v:hover {
    border-color: #783cb9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-70v {
    border-color: #54278f; }
  .desktop\:hover\:border-violet-70v:hover {
    border-color: #54278f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-80v {
    border-color: #39215e; }
  .desktop\:hover\:border-violet-80v:hover {
    border-color: #39215e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-5 {
    border-color: #f8f0f9; }
  .desktop\:hover\:border-violet-warm-5:hover {
    border-color: #f8f0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-10 {
    border-color: #f6dff8; }
  .desktop\:hover\:border-violet-warm-10:hover {
    border-color: #f6dff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-20 {
    border-color: #e2bee4; }
  .desktop\:hover\:border-violet-warm-20:hover {
    border-color: #e2bee4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-30 {
    border-color: #d29ad8; }
  .desktop\:hover\:border-violet-warm-30:hover {
    border-color: #d29ad8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-40 {
    border-color: #bf77c8; }
  .desktop\:hover\:border-violet-warm-40:hover {
    border-color: #bf77c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-50 {
    border-color: #b04abd; }
  .desktop\:hover\:border-violet-warm-50:hover {
    border-color: #b04abd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-60 {
    border-color: #864381; }
  .desktop\:hover\:border-violet-warm-60:hover {
    border-color: #864381; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-70 {
    border-color: #5c395a; }
  .desktop\:hover\:border-violet-warm-70:hover {
    border-color: #5c395a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-80 {
    border-color: #382936; }
  .desktop\:hover\:border-violet-warm-80:hover {
    border-color: #382936; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-90 {
    border-color: #1b151b; }
  .desktop\:hover\:border-violet-warm-90:hover {
    border-color: #1b151b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-5v {
    border-color: #fef2ff; }
  .desktop\:hover\:border-violet-warm-5v:hover {
    border-color: #fef2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-10v {
    border-color: #fbdcff; }
  .desktop\:hover\:border-violet-warm-10v:hover {
    border-color: #fbdcff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-20v {
    border-color: #f4b2ff; }
  .desktop\:hover\:border-violet-warm-20v:hover {
    border-color: #f4b2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-30v {
    border-color: #ee83ff; }
  .desktop\:hover\:border-violet-warm-30v:hover {
    border-color: #ee83ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-40v {
    border-color: #d85bef; }
  .desktop\:hover\:border-violet-warm-40v:hover {
    border-color: #d85bef; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-50v {
    border-color: #be32d0; }
  .desktop\:hover\:border-violet-warm-50v:hover {
    border-color: #be32d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-60v {
    border-color: #93348c; }
  .desktop\:hover\:border-violet-warm-60v:hover {
    border-color: #93348c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-70v {
    border-color: #711e6c; }
  .desktop\:hover\:border-violet-warm-70v:hover {
    border-color: #711e6c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-violet-warm-80v {
    border-color: #481441; }
  .desktop\:hover\:border-violet-warm-80v:hover {
    border-color: #481441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white-transparent-5 {
    border-color: rgba(255, 255, 255, 0.01); }
  .desktop\:hover\:border-white-transparent-5:hover {
    border-color: rgba(255, 255, 255, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white-transparent-10 {
    border-color: rgba(255, 255, 255, 0.1); }
  .desktop\:hover\:border-white-transparent-10:hover {
    border-color: rgba(255, 255, 255, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white-transparent-20 {
    border-color: rgba(255, 255, 255, 0.2); }
  .desktop\:hover\:border-white-transparent-20:hover {
    border-color: rgba(255, 255, 255, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white-transparent-30 {
    border-color: rgba(255, 255, 255, 0.3); }
  .desktop\:hover\:border-white-transparent-30:hover {
    border-color: rgba(255, 255, 255, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white-transparent-40 {
    border-color: rgba(255, 255, 255, 0.4); }
  .desktop\:hover\:border-white-transparent-40:hover {
    border-color: rgba(255, 255, 255, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white-transparent-50 {
    border-color: rgba(255, 255, 255, 0.5); }
  .desktop\:hover\:border-white-transparent-50:hover {
    border-color: rgba(255, 255, 255, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white-transparent-60 {
    border-color: rgba(255, 255, 255, 0.6); }
  .desktop\:hover\:border-white-transparent-60:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white-transparent-70 {
    border-color: rgba(255, 255, 255, 0.7); }
  .desktop\:hover\:border-white-transparent-70:hover {
    border-color: rgba(255, 255, 255, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white-transparent-80 {
    border-color: rgba(255, 255, 255, 0.8); }
  .desktop\:hover\:border-white-transparent-80:hover {
    border-color: rgba(255, 255, 255, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-white-transparent-90 {
    border-color: rgba(255, 255, 255, 0.9); }
  .desktop\:hover\:border-white-transparent-90:hover {
    border-color: rgba(255, 255, 255, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-5 {
    border-color: #faf3d1; }
  .desktop\:hover\:border-yellow-5:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-10 {
    border-color: #f5e6af; }
  .desktop\:hover\:border-yellow-10:hover {
    border-color: #f5e6af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-20 {
    border-color: #e6c74c; }
  .desktop\:hover\:border-yellow-20:hover {
    border-color: #e6c74c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-30 {
    border-color: #c9ab48; }
  .desktop\:hover\:border-yellow-30:hover {
    border-color: #c9ab48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-40 {
    border-color: #a88f48; }
  .desktop\:hover\:border-yellow-40:hover {
    border-color: #a88f48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-50 {
    border-color: #8a7237; }
  .desktop\:hover\:border-yellow-50:hover {
    border-color: #8a7237; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-60 {
    border-color: #6b5a39; }
  .desktop\:hover\:border-yellow-60:hover {
    border-color: #6b5a39; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-70 {
    border-color: #504332; }
  .desktop\:hover\:border-yellow-70:hover {
    border-color: #504332; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-80 {
    border-color: #332d27; }
  .desktop\:hover\:border-yellow-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-90 {
    border-color: #1a1614; }
  .desktop\:hover\:border-yellow-90:hover {
    border-color: #1a1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-5v {
    border-color: #fff5c2; }
  .desktop\:hover\:border-yellow-5v:hover {
    border-color: #fff5c2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-10v {
    border-color: #fee685; }
  .desktop\:hover\:border-yellow-10v:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-20v {
    border-color: #face00; }
  .desktop\:hover\:border-yellow-20v:hover {
    border-color: #face00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-30v {
    border-color: #ddaa01; }
  .desktop\:hover\:border-yellow-30v:hover {
    border-color: #ddaa01; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-40v {
    border-color: #b38c00; }
  .desktop\:hover\:border-yellow-40v:hover {
    border-color: #b38c00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-50v {
    border-color: #947100; }
  .desktop\:hover\:border-yellow-50v:hover {
    border-color: #947100; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-60v {
    border-color: #776017; }
  .desktop\:hover\:border-yellow-60v:hover {
    border-color: #776017; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-70v {
    border-color: #5c4809; }
  .desktop\:hover\:border-yellow-70v:hover {
    border-color: #5c4809; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:border-yellow-80v {
    border-color: #422d19; }
  .desktop\:hover\:border-yellow-80v:hover {
    border-color: #422d19; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-0 {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-none {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-top-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-right-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-bottom-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-left-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-sm {
    border-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-top-sm {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-right-sm {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-bottom-sm {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-left-sm {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-md {
    border-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-top-md {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-right-md {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-bottom-md {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-left-md {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-lg {
    border-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-top-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-right-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-bottom-lg {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-left-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-pill {
    border-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-top-pill {
    border-top-left-radius: 99rem;
    border-top-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-right-pill {
    border-top-right-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-bottom-pill {
    border-bottom-left-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:radius-left-pill {
    border-top-left-radius: 99rem;
    border-bottom-left-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:display-block {
    display: block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:display-flex {
    display: flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:display-none {
    display: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:display-inline {
    display: inline; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:display-inline-block {
    display: inline-block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:display-inline-flex {
    display: inline-flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:display-table {
    display: table; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:display-table-cell {
    display: table-cell; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:display-table-row {
    display: table-row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:flex-row {
    flex-direction: row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:flex-column {
    flex-direction: column; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-mono-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-mono-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-mono-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-mono-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-mono-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-mono-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-mono-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-mono-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-mono-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-sans-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-sans-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-sans-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-sans-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-sans-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-sans-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-sans-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-sans-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-sans-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-serif-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-serif-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-serif-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-serif-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-serif-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-serif-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-serif-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-serif-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-serif-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-heading-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-heading-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-heading-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-heading-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-heading-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-heading-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-heading-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-heading-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-heading-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-body-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-body-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-body-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-body-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-body-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-body-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-body-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-body-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-body-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-code-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-code-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-code-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-code-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-code-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-code-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-code-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-code-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-code-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-alt-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-alt-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-alt-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-alt-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-alt-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-alt-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-alt-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-alt-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-alt-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-ui-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-ui-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-ui-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-ui-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-ui-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-ui-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-ui-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-ui-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:font-ui-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:text-light {
    font-weight: 300; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:text-normal {
    font-weight: normal; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:text-bold {
    font-weight: 700; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:flex-justify-center {
    justify-content: center; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:flex-justify-start {
    justify-content: flex-start; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:flex-justify-end {
    justify-content: flex-end; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:flex-justify {
    justify-content: space-between; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-sans-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-sans-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-sans-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-sans-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-sans-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-sans-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-serif-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-serif-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-serif-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-serif-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-serif-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-serif-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-mono-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-mono-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-mono-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-mono-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-mono-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-mono-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-heading-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-heading-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-heading-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-heading-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-heading-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-heading-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-ui-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-ui-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-ui-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-ui-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-ui-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-ui-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-body-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-body-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-body-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-body-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-body-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-body-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-code-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-code-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-code-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-code-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-code-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-code-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-alt-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-alt-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-alt-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-alt-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-alt-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:line-height-alt-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-1px {
    margin: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-2px {
    margin: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-05 {
    margin: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-1 {
    margin: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-105 {
    margin: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-2 {
    margin: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-205 {
    margin: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-3 {
    margin: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-1px {
    margin: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-2px {
    margin: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-05 {
    margin: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-1 {
    margin: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-105 {
    margin: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-2 {
    margin: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-205 {
    margin: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-3 {
    margin: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-4 {
    margin: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-5 {
    margin: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-6 {
    margin: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-7 {
    margin: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-8 {
    margin: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-9 {
    margin: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-10 {
    margin: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-neg-15 {
    margin: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-4 {
    margin: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-5 {
    margin: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-6 {
    margin: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-7 {
    margin: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-8 {
    margin: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-9 {
    margin: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-10 {
    margin: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-15 {
    margin: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-05em {
    margin: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-1em {
    margin: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-105em {
    margin: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-2em {
    margin: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-0 {
    margin: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-1px {
    margin-top: 1px;
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-1px {
    margin-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-1px {
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-2px {
    margin-top: 2px;
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-2px {
    margin-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-2px {
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-05 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-05 {
    margin-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-05 {
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-1 {
    margin-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-1 {
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-105 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-105 {
    margin-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-105 {
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-2 {
    margin-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-2 {
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-205 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-205 {
    margin-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-205 {
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-3 {
    margin-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-3 {
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-1px {
    margin-top: -1px;
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-1px {
    margin-top: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-1px {
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-2px {
    margin-top: -2px;
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-2px {
    margin-top: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-2px {
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-05 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-05 {
    margin-top: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-05 {
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-1 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-1 {
    margin-top: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-1 {
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-105 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-105 {
    margin-top: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-105 {
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-2 {
    margin-top: -1rem;
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-2 {
    margin-top: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-2 {
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-205 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-205 {
    margin-top: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-205 {
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-3 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-3 {
    margin-top: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-3 {
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-4 {
    margin-top: -2rem;
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-4 {
    margin-top: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-4 {
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-5 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-5 {
    margin-top: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-5 {
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-6 {
    margin-top: -3rem;
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-6 {
    margin-top: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-6 {
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-7 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-7 {
    margin-top: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-7 {
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-8 {
    margin-top: -4rem;
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-8 {
    margin-top: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-8 {
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-9 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-9 {
    margin-top: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-9 {
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-10 {
    margin-top: -5rem;
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-10 {
    margin-top: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-10 {
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-neg-15 {
    margin-top: -7.5rem;
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-neg-15 {
    margin-top: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-neg-15 {
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-4 {
    margin-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-4 {
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-5 {
    margin-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-5 {
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-6 {
    margin-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-6 {
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-7 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-7 {
    margin-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-7 {
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-8 {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-8 {
    margin-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-8 {
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-9 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-9 {
    margin-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-9 {
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-10 {
    margin-top: 5rem;
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-10 {
    margin-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-10 {
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-15 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-15 {
    margin-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-15 {
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-05em {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-05em {
    margin-top: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-05em {
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-1em {
    margin-top: 1em;
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-1em {
    margin-top: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-1em {
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-105em {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-105em {
    margin-top: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-105em {
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-2em {
    margin-top: 2em;
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-2em {
    margin-top: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-2em {
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-0 {
    margin-top: 0;
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-0 {
    margin-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-0 {
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-y-auto {
    margin-top: auto;
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-top-auto {
    margin-top: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-bottom-auto {
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-1px {
    margin-left: 1px;
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-1px {
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-1px {
    margin-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-2px {
    margin-left: 2px;
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-2px {
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-2px {
    margin-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-05 {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-05 {
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-05 {
    margin-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-1 {
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-1 {
    margin-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-105 {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-105 {
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-105 {
    margin-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-2 {
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-2 {
    margin-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-205 {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-205 {
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-205 {
    margin-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-3 {
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-3 {
    margin-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-1px {
    margin-left: -1px;
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-1px {
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-1px {
    margin-left: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-2px {
    margin-left: -2px;
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-2px {
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-2px {
    margin-left: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-05 {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-05 {
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-05 {
    margin-left: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-1 {
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-1 {
    margin-left: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-105 {
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-105 {
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-105 {
    margin-left: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-2 {
    margin-left: -1rem;
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-2 {
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-2 {
    margin-left: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-205 {
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-205 {
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-205 {
    margin-left: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-3 {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-3 {
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-3 {
    margin-left: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-4 {
    margin-left: -2rem;
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-4 {
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-4 {
    margin-left: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-5 {
    margin-left: -2.5rem;
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-5 {
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-5 {
    margin-left: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-6 {
    margin-left: -3rem;
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-6 {
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-6 {
    margin-left: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-7 {
    margin-left: -3.5rem;
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-7 {
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-7 {
    margin-left: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-8 {
    margin-left: -4rem;
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-8 {
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-8 {
    margin-left: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-9 {
    margin-left: -4.5rem;
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-9 {
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-9 {
    margin-left: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-10 {
    margin-left: -5rem;
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-10 {
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-10 {
    margin-left: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-neg-15 {
    margin-left: -7.5rem;
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-neg-15 {
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-neg-15 {
    margin-left: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-4 {
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-4 {
    margin-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-5 {
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-5 {
    margin-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-6 {
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-6 {
    margin-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-7 {
    margin-left: 3.5rem;
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-7 {
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-7 {
    margin-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-8 {
    margin-left: 4rem;
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-8 {
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-8 {
    margin-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-9 {
    margin-left: 4.5rem;
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-9 {
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-9 {
    margin-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-10 {
    margin-left: 5rem;
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-10 {
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-10 {
    margin-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-15 {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-15 {
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-15 {
    margin-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-card {
    margin-left: 10rem;
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-card {
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-card {
    margin-left: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-card-lg {
    margin-left: 15rem;
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-card-lg {
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-card-lg {
    margin-left: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-mobile {
    margin-left: 20rem;
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-mobile {
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-mobile {
    margin-left: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-05em {
    margin-left: 0.5em;
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-05em {
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-05em {
    margin-left: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-1em {
    margin-left: 1em;
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-1em {
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-1em {
    margin-left: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-105em {
    margin-left: 1.5em;
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-105em {
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-105em {
    margin-left: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-2em {
    margin-left: 2em;
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-2em {
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-2em {
    margin-left: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-0 {
    margin-left: 0;
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-0 {
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-0 {
    margin-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-x-auto {
    margin-left: auto;
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-right-auto {
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:margin-left-auto {
    margin-left: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:measure-1 {
    max-width: 44ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:measure-2 {
    max-width: 60ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:measure-3 {
    max-width: 64ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:measure-4 {
    max-width: 68ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:measure-5 {
    max-width: 72ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:measure-6 {
    max-width: 88ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:measure-none {
    max-width: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-05 {
    min-width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-1 {
    min-width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-105 {
    min-width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-2 {
    min-width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-205 {
    min-width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-3 {
    min-width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-4 {
    min-width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-5 {
    min-width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-6 {
    min-width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-7 {
    min-width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-8 {
    min-width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-9 {
    min-width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-10 {
    min-width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-15 {
    min-width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-0 {
    min-width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-card {
    min-width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:minw-card-lg {
    min-width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-first {
    order: -1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-last {
    order: 999; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-initial {
    order: initial; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-0 {
    order: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-1 {
    order: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-2 {
    order: 2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-3 {
    order: 3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-4 {
    order: 4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-5 {
    order: 5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-6 {
    order: 6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-7 {
    order: 7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-8 {
    order: 8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-9 {
    order: 9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-10 {
    order: 10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:order-11 {
    order: 11; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-1px {
    padding: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-1px {
    padding-top: 1px;
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-1px {
    padding-left: 1px;
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-1px {
    padding-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-1px {
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-1px {
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-1px {
    padding-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-2px {
    padding: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-2px {
    padding-top: 2px;
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-2px {
    padding-left: 2px;
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-2px {
    padding-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-2px {
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-2px {
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-2px {
    padding-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-05 {
    padding: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-05 {
    padding-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-05 {
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-05 {
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-05 {
    padding-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-1 {
    padding: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-1 {
    padding-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-1 {
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-1 {
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-1 {
    padding-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-105 {
    padding: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-105 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-105 {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-105 {
    padding-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-105 {
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-105 {
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-105 {
    padding-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-2 {
    padding: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-2 {
    padding-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-2 {
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-2 {
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-2 {
    padding-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-205 {
    padding: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-205 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-205 {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-205 {
    padding-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-205 {
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-205 {
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-205 {
    padding-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-3 {
    padding: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-3 {
    padding-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-3 {
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-3 {
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-3 {
    padding-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-4 {
    padding: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-4 {
    padding-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-4 {
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-4 {
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-4 {
    padding-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-5 {
    padding: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-5 {
    padding-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-5 {
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-5 {
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-5 {
    padding-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-6 {
    padding: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-6 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-6 {
    padding-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-6 {
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-6 {
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-6 {
    padding-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-7 {
    padding: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-7 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-7 {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-7 {
    padding-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-7 {
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-7 {
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-7 {
    padding-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-8 {
    padding: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-8 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-8 {
    padding-left: 4rem;
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-8 {
    padding-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-8 {
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-8 {
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-8 {
    padding-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-9 {
    padding: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-9 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-9 {
    padding-left: 4.5rem;
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-9 {
    padding-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-9 {
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-9 {
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-9 {
    padding-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-10 {
    padding: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-10 {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-10 {
    padding-left: 5rem;
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-10 {
    padding-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-10 {
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-10 {
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-10 {
    padding-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-15 {
    padding: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-15 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-15 {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-15 {
    padding-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-15 {
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-15 {
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-15 {
    padding-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-0 {
    padding: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-y-0 {
    padding-top: 0;
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-x-0 {
    padding-left: 0;
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-top-0 {
    padding-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-right-0 {
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-bottom-0 {
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:padding-left-0 {
    padding-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:position-absolute {
    position: absolute; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:position-fixed {
    position: fixed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:position-relative {
    position: relative; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:position-static {
    position: static; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:position-sticky {
    position: sticky; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-1px {
    width: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-2px {
    width: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-05 {
    width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-1 {
    width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-105 {
    width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-2 {
    width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-205 {
    width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-3 {
    width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-4 {
    width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-5 {
    width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-6 {
    width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-7 {
    width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-8 {
    width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-9 {
    width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-10 {
    width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-15 {
    width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-card {
    width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-card-lg {
    width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-mobile {
    width: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-mobile-lg {
    width: 30rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-tablet {
    width: 40rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-tablet-lg {
    width: 55rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-desktop {
    width: 64rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-desktop-lg {
    width: 75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-widescreen {
    width: 87.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-0 {
    width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-full {
    width: 100%; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop\:width-auto {
    width: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */ }

@media all and (min-width: 75em) {
  .desktop-lg\:border-1px {
    border: 1px solid; }
  .desktop-lg\:hover\:border-1px:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-y-1px {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .desktop-lg\:hover\:border-y-1px:hover {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-x-1px {
    border-left: 1px solid;
    border-right: 1px solid; }
  .desktop-lg\:hover\:border-x-1px:hover {
    border-left: 1px solid;
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-top-1px {
    border-top: 1px solid; }
  .desktop-lg\:hover\:border-top-1px:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-right-1px {
    border-right: 1px solid; }
  .desktop-lg\:hover\:border-right-1px:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-bottom-1px {
    border-bottom: 1px solid; }
  .desktop-lg\:hover\:border-bottom-1px:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-left-1px {
    border-left: 1px solid; }
  .desktop-lg\:hover\:border-left-1px:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-2px {
    border: 2px solid; }
  .desktop-lg\:hover\:border-2px:hover {
    border: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-y-2px {
    border-top: 2px solid;
    border-bottom: 2px solid; }
  .desktop-lg\:hover\:border-y-2px:hover {
    border-top: 2px solid;
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-x-2px {
    border-left: 2px solid;
    border-right: 2px solid; }
  .desktop-lg\:hover\:border-x-2px:hover {
    border-left: 2px solid;
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-top-2px {
    border-top: 2px solid; }
  .desktop-lg\:hover\:border-top-2px:hover {
    border-top: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-right-2px {
    border-right: 2px solid; }
  .desktop-lg\:hover\:border-right-2px:hover {
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-bottom-2px {
    border-bottom: 2px solid; }
  .desktop-lg\:hover\:border-bottom-2px:hover {
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-left-2px {
    border-left: 2px solid; }
  .desktop-lg\:hover\:border-left-2px:hover {
    border-left: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-05 {
    border: 0.25rem solid; }
  .desktop-lg\:hover\:border-05:hover {
    border: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-y-05 {
    border-top: 0.25rem solid;
    border-bottom: 0.25rem solid; }
  .desktop-lg\:hover\:border-y-05:hover {
    border-top: 0.25rem solid;
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-x-05 {
    border-left: 0.25rem solid;
    border-right: 0.25rem solid; }
  .desktop-lg\:hover\:border-x-05:hover {
    border-left: 0.25rem solid;
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-top-05 {
    border-top: 0.25rem solid; }
  .desktop-lg\:hover\:border-top-05:hover {
    border-top: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-right-05 {
    border-right: 0.25rem solid; }
  .desktop-lg\:hover\:border-right-05:hover {
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-bottom-05 {
    border-bottom: 0.25rem solid; }
  .desktop-lg\:hover\:border-bottom-05:hover {
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-left-05 {
    border-left: 0.25rem solid; }
  .desktop-lg\:hover\:border-left-05:hover {
    border-left: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-1 {
    border: 0.5rem solid; }
  .desktop-lg\:hover\:border-1:hover {
    border: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-y-1 {
    border-top: 0.5rem solid;
    border-bottom: 0.5rem solid; }
  .desktop-lg\:hover\:border-y-1:hover {
    border-top: 0.5rem solid;
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-x-1 {
    border-left: 0.5rem solid;
    border-right: 0.5rem solid; }
  .desktop-lg\:hover\:border-x-1:hover {
    border-left: 0.5rem solid;
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-top-1 {
    border-top: 0.5rem solid; }
  .desktop-lg\:hover\:border-top-1:hover {
    border-top: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-right-1 {
    border-right: 0.5rem solid; }
  .desktop-lg\:hover\:border-right-1:hover {
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-bottom-1 {
    border-bottom: 0.5rem solid; }
  .desktop-lg\:hover\:border-bottom-1:hover {
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-left-1 {
    border-left: 0.5rem solid; }
  .desktop-lg\:hover\:border-left-1:hover {
    border-left: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-105 {
    border: 0.75rem solid; }
  .desktop-lg\:hover\:border-105:hover {
    border: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-y-105 {
    border-top: 0.75rem solid;
    border-bottom: 0.75rem solid; }
  .desktop-lg\:hover\:border-y-105:hover {
    border-top: 0.75rem solid;
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-x-105 {
    border-left: 0.75rem solid;
    border-right: 0.75rem solid; }
  .desktop-lg\:hover\:border-x-105:hover {
    border-left: 0.75rem solid;
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-top-105 {
    border-top: 0.75rem solid; }
  .desktop-lg\:hover\:border-top-105:hover {
    border-top: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-right-105 {
    border-right: 0.75rem solid; }
  .desktop-lg\:hover\:border-right-105:hover {
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-bottom-105 {
    border-bottom: 0.75rem solid; }
  .desktop-lg\:hover\:border-bottom-105:hover {
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-left-105 {
    border-left: 0.75rem solid; }
  .desktop-lg\:hover\:border-left-105:hover {
    border-left: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-2 {
    border: 1rem solid; }
  .desktop-lg\:hover\:border-2:hover {
    border: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-y-2 {
    border-top: 1rem solid;
    border-bottom: 1rem solid; }
  .desktop-lg\:hover\:border-y-2:hover {
    border-top: 1rem solid;
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-x-2 {
    border-left: 1rem solid;
    border-right: 1rem solid; }
  .desktop-lg\:hover\:border-x-2:hover {
    border-left: 1rem solid;
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-top-2 {
    border-top: 1rem solid; }
  .desktop-lg\:hover\:border-top-2:hover {
    border-top: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-right-2 {
    border-right: 1rem solid; }
  .desktop-lg\:hover\:border-right-2:hover {
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-bottom-2 {
    border-bottom: 1rem solid; }
  .desktop-lg\:hover\:border-bottom-2:hover {
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-left-2 {
    border-left: 1rem solid; }
  .desktop-lg\:hover\:border-left-2:hover {
    border-left: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-205 {
    border: 1.25rem solid; }
  .desktop-lg\:hover\:border-205:hover {
    border: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-y-205 {
    border-top: 1.25rem solid;
    border-bottom: 1.25rem solid; }
  .desktop-lg\:hover\:border-y-205:hover {
    border-top: 1.25rem solid;
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-x-205 {
    border-left: 1.25rem solid;
    border-right: 1.25rem solid; }
  .desktop-lg\:hover\:border-x-205:hover {
    border-left: 1.25rem solid;
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-top-205 {
    border-top: 1.25rem solid; }
  .desktop-lg\:hover\:border-top-205:hover {
    border-top: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-right-205 {
    border-right: 1.25rem solid; }
  .desktop-lg\:hover\:border-right-205:hover {
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-bottom-205 {
    border-bottom: 1.25rem solid; }
  .desktop-lg\:hover\:border-bottom-205:hover {
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-left-205 {
    border-left: 1.25rem solid; }
  .desktop-lg\:hover\:border-left-205:hover {
    border-left: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-3 {
    border: 1.5rem solid; }
  .desktop-lg\:hover\:border-3:hover {
    border: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-y-3 {
    border-top: 1.5rem solid;
    border-bottom: 1.5rem solid; }
  .desktop-lg\:hover\:border-y-3:hover {
    border-top: 1.5rem solid;
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-x-3 {
    border-left: 1.5rem solid;
    border-right: 1.5rem solid; }
  .desktop-lg\:hover\:border-x-3:hover {
    border-left: 1.5rem solid;
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-top-3 {
    border-top: 1.5rem solid; }
  .desktop-lg\:hover\:border-top-3:hover {
    border-top: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-right-3 {
    border-right: 1.5rem solid; }
  .desktop-lg\:hover\:border-right-3:hover {
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-bottom-3 {
    border-bottom: 1.5rem solid; }
  .desktop-lg\:hover\:border-bottom-3:hover {
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-left-3 {
    border-left: 1.5rem solid; }
  .desktop-lg\:hover\:border-left-3:hover {
    border-left: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-0 {
    border: 0 solid; }
  .desktop-lg\:hover\:border-0:hover {
    border: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-y-0 {
    border-top: 0 solid;
    border-bottom: 0 solid; }
  .desktop-lg\:hover\:border-y-0:hover {
    border-top: 0 solid;
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-x-0 {
    border-left: 0 solid;
    border-right: 0 solid; }
  .desktop-lg\:hover\:border-x-0:hover {
    border-left: 0 solid;
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-top-0 {
    border-top: 0 solid; }
  .desktop-lg\:hover\:border-top-0:hover {
    border-top: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-right-0 {
    border-right: 0 solid; }
  .desktop-lg\:hover\:border-right-0:hover {
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-bottom-0 {
    border-bottom: 0 solid; }
  .desktop-lg\:hover\:border-bottom-0:hover {
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-left-0 {
    border-left: 0 solid; }
  .desktop-lg\:hover\:border-left-0:hover {
    border-left: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border {
    border: 1px solid; }
  .desktop-lg\:hover\:border:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-y {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .desktop-lg\:hover\:border-y:hover {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-x {
    border-left: 1px solid;
    border-right: 1px solid; }
  .desktop-lg\:hover\:border-x:hover {
    border-left: 1px solid;
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-top {
    border-top: 1px solid; }
  .desktop-lg\:hover\:border-top:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-right {
    border-right: 1px solid; }
  .desktop-lg\:hover\:border-right:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-bottom {
    border-bottom: 1px solid; }
  .desktop-lg\:hover\:border-bottom:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-left {
    border-left: 1px solid; }
  .desktop-lg\:hover\:border-left:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-transparent {
    border-color: transparent; }
  .desktop-lg\:hover\:border-transparent:hover {
    border-color: transparent; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black {
    border-color: black; }
  .desktop-lg\:hover\:border-black:hover {
    border-color: black; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white {
    border-color: white; }
  .desktop-lg\:hover\:border-white:hover {
    border-color: white; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-base-lightest {
    border-color: #f0f0f0; }
  .desktop-lg\:hover\:border-base-lightest:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-base-lighter {
    border-color: #dfe1e2; }
  .desktop-lg\:hover\:border-base-lighter:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-base-light {
    border-color: #a9aeb1; }
  .desktop-lg\:hover\:border-base-light:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-base {
    border-color: #71767a; }
  .desktop-lg\:hover\:border-base:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-base-dark {
    border-color: #565c65; }
  .desktop-lg\:hover\:border-base-dark:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-base-darker {
    border-color: #3d4551; }
  .desktop-lg\:hover\:border-base-darker:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-base-darkest {
    border-color: #1b1b1b; }
  .desktop-lg\:hover\:border-base-darkest:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-ink {
    border-color: #1b1b1b; }
  .desktop-lg\:hover\:border-ink:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-primary-lighter {
    border-color: #d9e8f6; }
  .desktop-lg\:hover\:border-primary-lighter:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-primary-light {
    border-color: #73b3e7; }
  .desktop-lg\:hover\:border-primary-light:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-primary {
    border-color: #005ea2; }
  .desktop-lg\:hover\:border-primary:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-primary-vivid {
    border-color: #0050d8; }
  .desktop-lg\:hover\:border-primary-vivid:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-primary-dark {
    border-color: #1a4480; }
  .desktop-lg\:hover\:border-primary-dark:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-primary-darker {
    border-color: #162e51; }
  .desktop-lg\:hover\:border-primary-darker:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-secondary-lighter {
    border-color: #f3e1e4; }
  .desktop-lg\:hover\:border-secondary-lighter:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-secondary-light {
    border-color: #f2938c; }
  .desktop-lg\:hover\:border-secondary-light:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-secondary {
    border-color: #d83933; }
  .desktop-lg\:hover\:border-secondary:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-secondary-vivid {
    border-color: #e41d3d; }
  .desktop-lg\:hover\:border-secondary-vivid:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-secondary-dark {
    border-color: #b50909; }
  .desktop-lg\:hover\:border-secondary-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-secondary-darker {
    border-color: #8b0a03; }
  .desktop-lg\:hover\:border-secondary-darker:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-accent-warm-darker {
    border-color: #775540; }
  .desktop-lg\:hover\:border-accent-warm-darker:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-accent-warm-dark {
    border-color: #c05600; }
  .desktop-lg\:hover\:border-accent-warm-dark:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-accent-warm {
    border-color: #fa9441; }
  .desktop-lg\:hover\:border-accent-warm:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-accent-warm-light {
    border-color: #ffbc78; }
  .desktop-lg\:hover\:border-accent-warm-light:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-accent-warm-lighter {
    border-color: #f2e4d4; }
  .desktop-lg\:hover\:border-accent-warm-lighter:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-accent-cool-darker {
    border-color: #07648d; }
  .desktop-lg\:hover\:border-accent-cool-darker:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-accent-cool-dark {
    border-color: #28a0cb; }
  .desktop-lg\:hover\:border-accent-cool-dark:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-accent-cool {
    border-color: #00bde3; }
  .desktop-lg\:hover\:border-accent-cool:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-accent-cool-light {
    border-color: #97d4ea; }
  .desktop-lg\:hover\:border-accent-cool-light:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-accent-cool-lighter {
    border-color: #e1f3f8; }
  .desktop-lg\:hover\:border-accent-cool-lighter:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-5 {
    border-color: #f0f0f0; }
  .desktop-lg\:hover\:border-gray-5:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-10 {
    border-color: #e6e6e6; }
  .desktop-lg\:hover\:border-gray-10:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-30 {
    border-color: #adadad; }
  .desktop-lg\:hover\:border-gray-30:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-50 {
    border-color: #757575; }
  .desktop-lg\:hover\:border-gray-50:hover {
    border-color: #757575; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-70 {
    border-color: #454545; }
  .desktop-lg\:hover\:border-gray-70:hover {
    border-color: #454545; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-90 {
    border-color: #1b1b1b; }
  .desktop-lg\:hover\:border-gray-90:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-error-lighter {
    border-color: #f4e3db; }
  .desktop-lg\:hover\:border-error-lighter:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-error-light {
    border-color: #f39268; }
  .desktop-lg\:hover\:border-error-light:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-error {
    border-color: #d54309; }
  .desktop-lg\:hover\:border-error:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-error-dark {
    border-color: #b50909; }
  .desktop-lg\:hover\:border-error-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-error-darker {
    border-color: #6f3331; }
  .desktop-lg\:hover\:border-error-darker:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-warning-lighter {
    border-color: #faf3d1; }
  .desktop-lg\:hover\:border-warning-lighter:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-warning-light {
    border-color: #fee685; }
  .desktop-lg\:hover\:border-warning-light:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-warning {
    border-color: #ffbe2e; }
  .desktop-lg\:hover\:border-warning:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-warning-dark {
    border-color: #e5a000; }
  .desktop-lg\:hover\:border-warning-dark:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-warning-darker {
    border-color: #936f38; }
  .desktop-lg\:hover\:border-warning-darker:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-success-lighter {
    border-color: #ecf3ec; }
  .desktop-lg\:hover\:border-success-lighter:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-success-light {
    border-color: #70e17b; }
  .desktop-lg\:hover\:border-success-light:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-success {
    border-color: #00a91c; }
  .desktop-lg\:hover\:border-success:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-success-dark {
    border-color: #008817; }
  .desktop-lg\:hover\:border-success-dark:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-success-darker {
    border-color: #216e1f; }
  .desktop-lg\:hover\:border-success-darker:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-info-lighter {
    border-color: #e7f6f8; }
  .desktop-lg\:hover\:border-info-lighter:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-info-light {
    border-color: #99deea; }
  .desktop-lg\:hover\:border-info-light:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-info {
    border-color: #00bde3; }
  .desktop-lg\:hover\:border-info:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-info-dark {
    border-color: #009ec1; }
  .desktop-lg\:hover\:border-info-dark:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-info-darker {
    border-color: #2e6276; }
  .desktop-lg\:hover\:border-info-darker:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-disabled-light {
    border-color: #e6e6e6; }
  .desktop-lg\:hover\:border-disabled-light:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-disabled {
    border-color: #c9c9c9; }
  .desktop-lg\:hover\:border-disabled:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-disabled-dark {
    border-color: #adadad; }
  .desktop-lg\:hover\:border-disabled-dark:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-emergency {
    border-color: #9c3d10; }
  .desktop-lg\:hover\:border-emergency:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-emergency-dark {
    border-color: #332d29; }
  .desktop-lg\:hover\:border-emergency-dark:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red {
    border-color: #e52207; }
  .desktop-lg\:hover\:border-red:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange {
    border-color: #e66f0e; }
  .desktop-lg\:hover\:border-orange:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold {
    border-color: #ffbe2e; }
  .desktop-lg\:hover\:border-gold:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow {
    border-color: #fee685; }
  .desktop-lg\:hover\:border-yellow:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green {
    border-color: #538200; }
  .desktop-lg\:hover\:border-green:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint {
    border-color: #04c585; }
  .desktop-lg\:hover\:border-mint:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan {
    border-color: #009ec1; }
  .desktop-lg\:hover\:border-cyan:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue {
    border-color: #0076d6; }
  .desktop-lg\:hover\:border-blue:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo {
    border-color: #676cc8; }
  .desktop-lg\:hover\:border-indigo:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet {
    border-color: #8168b3; }
  .desktop-lg\:hover\:border-violet:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta {
    border-color: #d72d79; }
  .desktop-lg\:hover\:border-magenta:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black-transparent-5 {
    border-color: rgba(0, 0, 0, 0.01); }
  .desktop-lg\:hover\:border-black-transparent-5:hover {
    border-color: rgba(0, 0, 0, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black-transparent-10 {
    border-color: rgba(0, 0, 0, 0.1); }
  .desktop-lg\:hover\:border-black-transparent-10:hover {
    border-color: rgba(0, 0, 0, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black-transparent-20 {
    border-color: rgba(0, 0, 0, 0.2); }
  .desktop-lg\:hover\:border-black-transparent-20:hover {
    border-color: rgba(0, 0, 0, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black-transparent-30 {
    border-color: rgba(0, 0, 0, 0.3); }
  .desktop-lg\:hover\:border-black-transparent-30:hover {
    border-color: rgba(0, 0, 0, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black-transparent-40 {
    border-color: rgba(0, 0, 0, 0.4); }
  .desktop-lg\:hover\:border-black-transparent-40:hover {
    border-color: rgba(0, 0, 0, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black-transparent-50 {
    border-color: rgba(0, 0, 0, 0.5); }
  .desktop-lg\:hover\:border-black-transparent-50:hover {
    border-color: rgba(0, 0, 0, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black-transparent-60 {
    border-color: rgba(0, 0, 0, 0.6); }
  .desktop-lg\:hover\:border-black-transparent-60:hover {
    border-color: rgba(0, 0, 0, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black-transparent-70 {
    border-color: rgba(0, 0, 0, 0.7); }
  .desktop-lg\:hover\:border-black-transparent-70:hover {
    border-color: rgba(0, 0, 0, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black-transparent-80 {
    border-color: rgba(0, 0, 0, 0.8); }
  .desktop-lg\:hover\:border-black-transparent-80:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-black-transparent-90 {
    border-color: rgba(0, 0, 0, 0.9); }
  .desktop-lg\:hover\:border-black-transparent-90:hover {
    border-color: rgba(0, 0, 0, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-1 {
    border-color: #fbfcfd; }
  .desktop-lg\:hover\:border-gray-cool-1:hover {
    border-color: #fbfcfd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-2 {
    border-color: #f7f9fa; }
  .desktop-lg\:hover\:border-gray-cool-2:hover {
    border-color: #f7f9fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-3 {
    border-color: #f5f6f7; }
  .desktop-lg\:hover\:border-gray-cool-3:hover {
    border-color: #f5f6f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-4 {
    border-color: #f1f3f6; }
  .desktop-lg\:hover\:border-gray-cool-4:hover {
    border-color: #f1f3f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-5 {
    border-color: #edeff0; }
  .desktop-lg\:hover\:border-gray-cool-5:hover {
    border-color: #edeff0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-10 {
    border-color: #dfe1e2; }
  .desktop-lg\:hover\:border-gray-cool-10:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-20 {
    border-color: #c6cace; }
  .desktop-lg\:hover\:border-gray-cool-20:hover {
    border-color: #c6cace; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-30 {
    border-color: #a9aeb1; }
  .desktop-lg\:hover\:border-gray-cool-30:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-40 {
    border-color: #8d9297; }
  .desktop-lg\:hover\:border-gray-cool-40:hover {
    border-color: #8d9297; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-50 {
    border-color: #71767a; }
  .desktop-lg\:hover\:border-gray-cool-50:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-60 {
    border-color: #565c65; }
  .desktop-lg\:hover\:border-gray-cool-60:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-70 {
    border-color: #3d4551; }
  .desktop-lg\:hover\:border-gray-cool-70:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-80 {
    border-color: #2d2e2f; }
  .desktop-lg\:hover\:border-gray-cool-80:hover {
    border-color: #2d2e2f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-cool-90 {
    border-color: #1c1d1f; }
  .desktop-lg\:hover\:border-gray-cool-90:hover {
    border-color: #1c1d1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-1 {
    border-color: #fcfcfc; }
  .desktop-lg\:hover\:border-gray-1:hover {
    border-color: #fcfcfc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-2 {
    border-color: #f9f9f9; }
  .desktop-lg\:hover\:border-gray-2:hover {
    border-color: #f9f9f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-3 {
    border-color: #f6f6f6; }
  .desktop-lg\:hover\:border-gray-3:hover {
    border-color: #f6f6f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-4 {
    border-color: #f3f3f3; }
  .desktop-lg\:hover\:border-gray-4:hover {
    border-color: #f3f3f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-20 {
    border-color: #c9c9c9; }
  .desktop-lg\:hover\:border-gray-20:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-40 {
    border-color: #919191; }
  .desktop-lg\:hover\:border-gray-40:hover {
    border-color: #919191; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-60 {
    border-color: #5c5c5c; }
  .desktop-lg\:hover\:border-gray-60:hover {
    border-color: #5c5c5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-80 {
    border-color: #2e2e2e; }
  .desktop-lg\:hover\:border-gray-80:hover {
    border-color: #2e2e2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-1 {
    border-color: #fcfcfb; }
  .desktop-lg\:hover\:border-gray-warm-1:hover {
    border-color: #fcfcfb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-2 {
    border-color: #f9f9f7; }
  .desktop-lg\:hover\:border-gray-warm-2:hover {
    border-color: #f9f9f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-3 {
    border-color: #f6f6f2; }
  .desktop-lg\:hover\:border-gray-warm-3:hover {
    border-color: #f6f6f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-4 {
    border-color: #f5f5f0; }
  .desktop-lg\:hover\:border-gray-warm-4:hover {
    border-color: #f5f5f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-5 {
    border-color: #f0f0ec; }
  .desktop-lg\:hover\:border-gray-warm-5:hover {
    border-color: #f0f0ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-10 {
    border-color: #e6e6e2; }
  .desktop-lg\:hover\:border-gray-warm-10:hover {
    border-color: #e6e6e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-20 {
    border-color: #cac9c0; }
  .desktop-lg\:hover\:border-gray-warm-20:hover {
    border-color: #cac9c0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-30 {
    border-color: #afaea2; }
  .desktop-lg\:hover\:border-gray-warm-30:hover {
    border-color: #afaea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-40 {
    border-color: #929285; }
  .desktop-lg\:hover\:border-gray-warm-40:hover {
    border-color: #929285; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-50 {
    border-color: #76766a; }
  .desktop-lg\:hover\:border-gray-warm-50:hover {
    border-color: #76766a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-60 {
    border-color: #5d5d52; }
  .desktop-lg\:hover\:border-gray-warm-60:hover {
    border-color: #5d5d52; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-70 {
    border-color: #454540; }
  .desktop-lg\:hover\:border-gray-warm-70:hover {
    border-color: #454540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-80 {
    border-color: #2e2e2a; }
  .desktop-lg\:hover\:border-gray-warm-80:hover {
    border-color: #2e2e2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gray-warm-90 {
    border-color: #171716; }
  .desktop-lg\:hover\:border-gray-warm-90:hover {
    border-color: #171716; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-5 {
    border-color: #e7f2f5; }
  .desktop-lg\:hover\:border-blue-cool-5:hover {
    border-color: #e7f2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-10 {
    border-color: #dae9ee; }
  .desktop-lg\:hover\:border-blue-cool-10:hover {
    border-color: #dae9ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-20 {
    border-color: #adcfdc; }
  .desktop-lg\:hover\:border-blue-cool-20:hover {
    border-color: #adcfdc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-30 {
    border-color: #82b4c9; }
  .desktop-lg\:hover\:border-blue-cool-30:hover {
    border-color: #82b4c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-40 {
    border-color: #6499af; }
  .desktop-lg\:hover\:border-blue-cool-40:hover {
    border-color: #6499af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-50 {
    border-color: #3a7d95; }
  .desktop-lg\:hover\:border-blue-cool-50:hover {
    border-color: #3a7d95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-60 {
    border-color: #2e6276; }
  .desktop-lg\:hover\:border-blue-cool-60:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-70 {
    border-color: #224a58; }
  .desktop-lg\:hover\:border-blue-cool-70:hover {
    border-color: #224a58; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-80 {
    border-color: #14333d; }
  .desktop-lg\:hover\:border-blue-cool-80:hover {
    border-color: #14333d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-90 {
    border-color: #0f191c; }
  .desktop-lg\:hover\:border-blue-cool-90:hover {
    border-color: #0f191c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-5v {
    border-color: #e1f3f8; }
  .desktop-lg\:hover\:border-blue-cool-5v:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-10v {
    border-color: #c3ebfa; }
  .desktop-lg\:hover\:border-blue-cool-10v:hover {
    border-color: #c3ebfa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-20v {
    border-color: #97d4ea; }
  .desktop-lg\:hover\:border-blue-cool-20v:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-30v {
    border-color: #59b9de; }
  .desktop-lg\:hover\:border-blue-cool-30v:hover {
    border-color: #59b9de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-40v {
    border-color: #28a0cb; }
  .desktop-lg\:hover\:border-blue-cool-40v:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-50v {
    border-color: #0d7ea2; }
  .desktop-lg\:hover\:border-blue-cool-50v:hover {
    border-color: #0d7ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-60v {
    border-color: #07648d; }
  .desktop-lg\:hover\:border-blue-cool-60v:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-70v {
    border-color: #074b69; }
  .desktop-lg\:hover\:border-blue-cool-70v:hover {
    border-color: #074b69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-cool-80v {
    border-color: #002d3f; }
  .desktop-lg\:hover\:border-blue-cool-80v:hover {
    border-color: #002d3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-5 {
    border-color: #eff6fb; }
  .desktop-lg\:hover\:border-blue-5:hover {
    border-color: #eff6fb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-10 {
    border-color: #d9e8f6; }
  .desktop-lg\:hover\:border-blue-10:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-20 {
    border-color: #aacdec; }
  .desktop-lg\:hover\:border-blue-20:hover {
    border-color: #aacdec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-30 {
    border-color: #73b3e7; }
  .desktop-lg\:hover\:border-blue-30:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-40 {
    border-color: #4f97d1; }
  .desktop-lg\:hover\:border-blue-40:hover {
    border-color: #4f97d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-50 {
    border-color: #2378c3; }
  .desktop-lg\:hover\:border-blue-50:hover {
    border-color: #2378c3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-60 {
    border-color: #2c608a; }
  .desktop-lg\:hover\:border-blue-60:hover {
    border-color: #2c608a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-70 {
    border-color: #274863; }
  .desktop-lg\:hover\:border-blue-70:hover {
    border-color: #274863; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-80 {
    border-color: #1f303e; }
  .desktop-lg\:hover\:border-blue-80:hover {
    border-color: #1f303e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-90 {
    border-color: #11181d; }
  .desktop-lg\:hover\:border-blue-90:hover {
    border-color: #11181d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-5v {
    border-color: #e8f5ff; }
  .desktop-lg\:hover\:border-blue-5v:hover {
    border-color: #e8f5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-10v {
    border-color: #cfe8ff; }
  .desktop-lg\:hover\:border-blue-10v:hover {
    border-color: #cfe8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-20v {
    border-color: #a1d3ff; }
  .desktop-lg\:hover\:border-blue-20v:hover {
    border-color: #a1d3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-30v {
    border-color: #58b4ff; }
  .desktop-lg\:hover\:border-blue-30v:hover {
    border-color: #58b4ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-40v {
    border-color: #2491ff; }
  .desktop-lg\:hover\:border-blue-40v:hover {
    border-color: #2491ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-50v {
    border-color: #0076d6; }
  .desktop-lg\:hover\:border-blue-50v:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-60v {
    border-color: #005ea2; }
  .desktop-lg\:hover\:border-blue-60v:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-70v {
    border-color: #0b4778; }
  .desktop-lg\:hover\:border-blue-70v:hover {
    border-color: #0b4778; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-80v {
    border-color: #112f4e; }
  .desktop-lg\:hover\:border-blue-80v:hover {
    border-color: #112f4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-5 {
    border-color: #ecf1f7; }
  .desktop-lg\:hover\:border-blue-warm-5:hover {
    border-color: #ecf1f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-10 {
    border-color: #e1e7f1; }
  .desktop-lg\:hover\:border-blue-warm-10:hover {
    border-color: #e1e7f1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-20 {
    border-color: #bbcae4; }
  .desktop-lg\:hover\:border-blue-warm-20:hover {
    border-color: #bbcae4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-30 {
    border-color: #98afd2; }
  .desktop-lg\:hover\:border-blue-warm-30:hover {
    border-color: #98afd2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-40 {
    border-color: #7292c7; }
  .desktop-lg\:hover\:border-blue-warm-40:hover {
    border-color: #7292c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-50 {
    border-color: #4a77b4; }
  .desktop-lg\:hover\:border-blue-warm-50:hover {
    border-color: #4a77b4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-60 {
    border-color: #345d96; }
  .desktop-lg\:hover\:border-blue-warm-60:hover {
    border-color: #345d96; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-70 {
    border-color: #2f4668; }
  .desktop-lg\:hover\:border-blue-warm-70:hover {
    border-color: #2f4668; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-80 {
    border-color: #252f3e; }
  .desktop-lg\:hover\:border-blue-warm-80:hover {
    border-color: #252f3e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-90 {
    border-color: #13171f; }
  .desktop-lg\:hover\:border-blue-warm-90:hover {
    border-color: #13171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-5v {
    border-color: #edf5ff; }
  .desktop-lg\:hover\:border-blue-warm-5v:hover {
    border-color: #edf5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-10v {
    border-color: #d4e5ff; }
  .desktop-lg\:hover\:border-blue-warm-10v:hover {
    border-color: #d4e5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-20v {
    border-color: #adcdff; }
  .desktop-lg\:hover\:border-blue-warm-20v:hover {
    border-color: #adcdff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-30v {
    border-color: #81aefc; }
  .desktop-lg\:hover\:border-blue-warm-30v:hover {
    border-color: #81aefc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-40v {
    border-color: #5994f6; }
  .desktop-lg\:hover\:border-blue-warm-40v:hover {
    border-color: #5994f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-50v {
    border-color: #2672de; }
  .desktop-lg\:hover\:border-blue-warm-50v:hover {
    border-color: #2672de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-60v {
    border-color: #0050d8; }
  .desktop-lg\:hover\:border-blue-warm-60v:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-70v {
    border-color: #1a4480; }
  .desktop-lg\:hover\:border-blue-warm-70v:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-blue-warm-80v {
    border-color: #162e51; }
  .desktop-lg\:hover\:border-blue-warm-80v:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-5 {
    border-color: #e7f6f8; }
  .desktop-lg\:hover\:border-cyan-5:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-10 {
    border-color: #ccecf2; }
  .desktop-lg\:hover\:border-cyan-10:hover {
    border-color: #ccecf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-20 {
    border-color: #99deea; }
  .desktop-lg\:hover\:border-cyan-20:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-30 {
    border-color: #5dc0d1; }
  .desktop-lg\:hover\:border-cyan-30:hover {
    border-color: #5dc0d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-40 {
    border-color: #449dac; }
  .desktop-lg\:hover\:border-cyan-40:hover {
    border-color: #449dac; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-50 {
    border-color: #168092; }
  .desktop-lg\:hover\:border-cyan-50:hover {
    border-color: #168092; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-60 {
    border-color: #2a646d; }
  .desktop-lg\:hover\:border-cyan-60:hover {
    border-color: #2a646d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-70 {
    border-color: #2c4a4e; }
  .desktop-lg\:hover\:border-cyan-70:hover {
    border-color: #2c4a4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-80 {
    border-color: #203133; }
  .desktop-lg\:hover\:border-cyan-80:hover {
    border-color: #203133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-90 {
    border-color: #111819; }
  .desktop-lg\:hover\:border-cyan-90:hover {
    border-color: #111819; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-5v {
    border-color: #e5faff; }
  .desktop-lg\:hover\:border-cyan-5v:hover {
    border-color: #e5faff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-10v {
    border-color: #a8f2ff; }
  .desktop-lg\:hover\:border-cyan-10v:hover {
    border-color: #a8f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-20v {
    border-color: #52daf2; }
  .desktop-lg\:hover\:border-cyan-20v:hover {
    border-color: #52daf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-30v {
    border-color: #00bde3; }
  .desktop-lg\:hover\:border-cyan-30v:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-40v {
    border-color: #009ec1; }
  .desktop-lg\:hover\:border-cyan-40v:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-50v {
    border-color: #0081a1; }
  .desktop-lg\:hover\:border-cyan-50v:hover {
    border-color: #0081a1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-60v {
    border-color: #00687d; }
  .desktop-lg\:hover\:border-cyan-60v:hover {
    border-color: #00687d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-70v {
    border-color: #0e4f5c; }
  .desktop-lg\:hover\:border-cyan-70v:hover {
    border-color: #0e4f5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-cyan-80v {
    border-color: #093b44; }
  .desktop-lg\:hover\:border-cyan-80v:hover {
    border-color: #093b44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-5 {
    border-color: #f5f0e6; }
  .desktop-lg\:hover\:border-gold-5:hover {
    border-color: #f5f0e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-10 {
    border-color: #f1e5cd; }
  .desktop-lg\:hover\:border-gold-10:hover {
    border-color: #f1e5cd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-20 {
    border-color: #dec69a; }
  .desktop-lg\:hover\:border-gold-20:hover {
    border-color: #dec69a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-30 {
    border-color: #c7a97b; }
  .desktop-lg\:hover\:border-gold-30:hover {
    border-color: #c7a97b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-40 {
    border-color: #ad8b65; }
  .desktop-lg\:hover\:border-gold-40:hover {
    border-color: #ad8b65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-50 {
    border-color: #8e704f; }
  .desktop-lg\:hover\:border-gold-50:hover {
    border-color: #8e704f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-60 {
    border-color: #6b5947; }
  .desktop-lg\:hover\:border-gold-60:hover {
    border-color: #6b5947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-70 {
    border-color: #4d4438; }
  .desktop-lg\:hover\:border-gold-70:hover {
    border-color: #4d4438; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-80 {
    border-color: #322d26; }
  .desktop-lg\:hover\:border-gold-80:hover {
    border-color: #322d26; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-90 {
    border-color: #191714; }
  .desktop-lg\:hover\:border-gold-90:hover {
    border-color: #191714; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-5v {
    border-color: #fef0c8; }
  .desktop-lg\:hover\:border-gold-5v:hover {
    border-color: #fef0c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-10v {
    border-color: #ffe396; }
  .desktop-lg\:hover\:border-gold-10v:hover {
    border-color: #ffe396; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-20v {
    border-color: #ffbe2e; }
  .desktop-lg\:hover\:border-gold-20v:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-30v {
    border-color: #e5a000; }
  .desktop-lg\:hover\:border-gold-30v:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-40v {
    border-color: #c2850c; }
  .desktop-lg\:hover\:border-gold-40v:hover {
    border-color: #c2850c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-50v {
    border-color: #936f38; }
  .desktop-lg\:hover\:border-gold-50v:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-60v {
    border-color: #7a591a; }
  .desktop-lg\:hover\:border-gold-60v:hover {
    border-color: #7a591a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-70v {
    border-color: #5c410a; }
  .desktop-lg\:hover\:border-gold-70v:hover {
    border-color: #5c410a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-gold-80v {
    border-color: #3b2b15; }
  .desktop-lg\:hover\:border-gold-80v:hover {
    border-color: #3b2b15; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-5 {
    border-color: #ecf3ec; }
  .desktop-lg\:hover\:border-green-cool-5:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-10 {
    border-color: #dbebde; }
  .desktop-lg\:hover\:border-green-cool-10:hover {
    border-color: #dbebde; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-20 {
    border-color: #b4d0b9; }
  .desktop-lg\:hover\:border-green-cool-20:hover {
    border-color: #b4d0b9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-30 {
    border-color: #86b98e; }
  .desktop-lg\:hover\:border-green-cool-30:hover {
    border-color: #86b98e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-40 {
    border-color: #5e9f69; }
  .desktop-lg\:hover\:border-green-cool-40:hover {
    border-color: #5e9f69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-50 {
    border-color: #4d8055; }
  .desktop-lg\:hover\:border-green-cool-50:hover {
    border-color: #4d8055; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-60 {
    border-color: #446443; }
  .desktop-lg\:hover\:border-green-cool-60:hover {
    border-color: #446443; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-70 {
    border-color: #37493b; }
  .desktop-lg\:hover\:border-green-cool-70:hover {
    border-color: #37493b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-80 {
    border-color: #28312a; }
  .desktop-lg\:hover\:border-green-cool-80:hover {
    border-color: #28312a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-90 {
    border-color: #1a1f1a; }
  .desktop-lg\:hover\:border-green-cool-90:hover {
    border-color: #1a1f1a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-5v {
    border-color: #e3f5e1; }
  .desktop-lg\:hover\:border-green-cool-5v:hover {
    border-color: #e3f5e1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-10v {
    border-color: #b7f5bd; }
  .desktop-lg\:hover\:border-green-cool-10v:hover {
    border-color: #b7f5bd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-20v {
    border-color: #70e17b; }
  .desktop-lg\:hover\:border-green-cool-20v:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-30v {
    border-color: #21c834; }
  .desktop-lg\:hover\:border-green-cool-30v:hover {
    border-color: #21c834; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-40v {
    border-color: #00a91c; }
  .desktop-lg\:hover\:border-green-cool-40v:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-50v {
    border-color: #008817; }
  .desktop-lg\:hover\:border-green-cool-50v:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-60v {
    border-color: #216e1f; }
  .desktop-lg\:hover\:border-green-cool-60v:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-70v {
    border-color: #154c21; }
  .desktop-lg\:hover\:border-green-cool-70v:hover {
    border-color: #154c21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-cool-80v {
    border-color: #19311e; }
  .desktop-lg\:hover\:border-green-cool-80v:hover {
    border-color: #19311e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-5 {
    border-color: #eaf4dd; }
  .desktop-lg\:hover\:border-green-5:hover {
    border-color: #eaf4dd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-10 {
    border-color: #dfeacd; }
  .desktop-lg\:hover\:border-green-10:hover {
    border-color: #dfeacd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-20 {
    border-color: #b8d293; }
  .desktop-lg\:hover\:border-green-20:hover {
    border-color: #b8d293; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-30 {
    border-color: #9bb672; }
  .desktop-lg\:hover\:border-green-30:hover {
    border-color: #9bb672; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-40 {
    border-color: #7d9b4e; }
  .desktop-lg\:hover\:border-green-40:hover {
    border-color: #7d9b4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-50 {
    border-color: #607f35; }
  .desktop-lg\:hover\:border-green-50:hover {
    border-color: #607f35; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-60 {
    border-color: #4c6424; }
  .desktop-lg\:hover\:border-green-60:hover {
    border-color: #4c6424; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-70 {
    border-color: #3c4a29; }
  .desktop-lg\:hover\:border-green-70:hover {
    border-color: #3c4a29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-80 {
    border-color: #293021; }
  .desktop-lg\:hover\:border-green-80:hover {
    border-color: #293021; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-90 {
    border-color: #161814; }
  .desktop-lg\:hover\:border-green-90:hover {
    border-color: #161814; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-5v {
    border-color: #ddf9c7; }
  .desktop-lg\:hover\:border-green-5v:hover {
    border-color: #ddf9c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-10v {
    border-color: #c5ee93; }
  .desktop-lg\:hover\:border-green-10v:hover {
    border-color: #c5ee93; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-20v {
    border-color: #98d035; }
  .desktop-lg\:hover\:border-green-20v:hover {
    border-color: #98d035; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-30v {
    border-color: #7fb135; }
  .desktop-lg\:hover\:border-green-30v:hover {
    border-color: #7fb135; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-40v {
    border-color: #719f2a; }
  .desktop-lg\:hover\:border-green-40v:hover {
    border-color: #719f2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-50v {
    border-color: #538200; }
  .desktop-lg\:hover\:border-green-50v:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-60v {
    border-color: #466c04; }
  .desktop-lg\:hover\:border-green-60v:hover {
    border-color: #466c04; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-70v {
    border-color: #2f4a0b; }
  .desktop-lg\:hover\:border-green-70v:hover {
    border-color: #2f4a0b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-80v {
    border-color: #243413; }
  .desktop-lg\:hover\:border-green-80v:hover {
    border-color: #243413; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-5 {
    border-color: #f1f4d7; }
  .desktop-lg\:hover\:border-green-warm-5:hover {
    border-color: #f1f4d7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-10 {
    border-color: #e7eab7; }
  .desktop-lg\:hover\:border-green-warm-10:hover {
    border-color: #e7eab7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-20 {
    border-color: #cbd17a; }
  .desktop-lg\:hover\:border-green-warm-20:hover {
    border-color: #cbd17a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-30 {
    border-color: #a6b557; }
  .desktop-lg\:hover\:border-green-warm-30:hover {
    border-color: #a6b557; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-40 {
    border-color: #8a984b; }
  .desktop-lg\:hover\:border-green-warm-40:hover {
    border-color: #8a984b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-50 {
    border-color: #6f7a41; }
  .desktop-lg\:hover\:border-green-warm-50:hover {
    border-color: #6f7a41; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-60 {
    border-color: #5a5f38; }
  .desktop-lg\:hover\:border-green-warm-60:hover {
    border-color: #5a5f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-70 {
    border-color: #45472f; }
  .desktop-lg\:hover\:border-green-warm-70:hover {
    border-color: #45472f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-80 {
    border-color: #2d2f21; }
  .desktop-lg\:hover\:border-green-warm-80:hover {
    border-color: #2d2f21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-90 {
    border-color: #171712; }
  .desktop-lg\:hover\:border-green-warm-90:hover {
    border-color: #171712; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-5v {
    border-color: #f5fbc1; }
  .desktop-lg\:hover\:border-green-warm-5v:hover {
    border-color: #f5fbc1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-10v {
    border-color: #e7f434; }
  .desktop-lg\:hover\:border-green-warm-10v:hover {
    border-color: #e7f434; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-20v {
    border-color: #c5d30a; }
  .desktop-lg\:hover\:border-green-warm-20v:hover {
    border-color: #c5d30a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-30v {
    border-color: #a3b72c; }
  .desktop-lg\:hover\:border-green-warm-30v:hover {
    border-color: #a3b72c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-40v {
    border-color: #7e9c1d; }
  .desktop-lg\:hover\:border-green-warm-40v:hover {
    border-color: #7e9c1d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-50v {
    border-color: #6a7d00; }
  .desktop-lg\:hover\:border-green-warm-50v:hover {
    border-color: #6a7d00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-60v {
    border-color: #5a6613; }
  .desktop-lg\:hover\:border-green-warm-60v:hover {
    border-color: #5a6613; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-70v {
    border-color: #4b4e10; }
  .desktop-lg\:hover\:border-green-warm-70v:hover {
    border-color: #4b4e10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-green-warm-80v {
    border-color: #38380b; }
  .desktop-lg\:hover\:border-green-warm-80v:hover {
    border-color: #38380b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-5 {
    border-color: #eef0f9; }
  .desktop-lg\:hover\:border-indigo-cool-5:hover {
    border-color: #eef0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-10 {
    border-color: #e1e6f9; }
  .desktop-lg\:hover\:border-indigo-cool-10:hover {
    border-color: #e1e6f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-20 {
    border-color: #bbc8f5; }
  .desktop-lg\:hover\:border-indigo-cool-20:hover {
    border-color: #bbc8f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-30 {
    border-color: #96abee; }
  .desktop-lg\:hover\:border-indigo-cool-30:hover {
    border-color: #96abee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-40 {
    border-color: #6b8ee8; }
  .desktop-lg\:hover\:border-indigo-cool-40:hover {
    border-color: #6b8ee8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-50 {
    border-color: #496fd8; }
  .desktop-lg\:hover\:border-indigo-cool-50:hover {
    border-color: #496fd8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-60 {
    border-color: #3f57a6; }
  .desktop-lg\:hover\:border-indigo-cool-60:hover {
    border-color: #3f57a6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-70 {
    border-color: #374274; }
  .desktop-lg\:hover\:border-indigo-cool-70:hover {
    border-color: #374274; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-80 {
    border-color: #292d42; }
  .desktop-lg\:hover\:border-indigo-cool-80:hover {
    border-color: #292d42; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-90 {
    border-color: #151622; }
  .desktop-lg\:hover\:border-indigo-cool-90:hover {
    border-color: #151622; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-5v {
    border-color: #edf0ff; }
  .desktop-lg\:hover\:border-indigo-cool-5v:hover {
    border-color: #edf0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-10v {
    border-color: #dee5ff; }
  .desktop-lg\:hover\:border-indigo-cool-10v:hover {
    border-color: #dee5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-20v {
    border-color: #b8c8ff; }
  .desktop-lg\:hover\:border-indigo-cool-20v:hover {
    border-color: #b8c8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-30v {
    border-color: #94adff; }
  .desktop-lg\:hover\:border-indigo-cool-30v:hover {
    border-color: #94adff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-40v {
    border-color: #628ef4; }
  .desktop-lg\:hover\:border-indigo-cool-40v:hover {
    border-color: #628ef4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-50v {
    border-color: #4866ff; }
  .desktop-lg\:hover\:border-indigo-cool-50v:hover {
    border-color: #4866ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-60v {
    border-color: #3e4ded; }
  .desktop-lg\:hover\:border-indigo-cool-60v:hover {
    border-color: #3e4ded; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-70v {
    border-color: #222fbf; }
  .desktop-lg\:hover\:border-indigo-cool-70v:hover {
    border-color: #222fbf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-cool-80v {
    border-color: #1b2b85; }
  .desktop-lg\:hover\:border-indigo-cool-80v:hover {
    border-color: #1b2b85; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-5 {
    border-color: #efeff8; }
  .desktop-lg\:hover\:border-indigo-5:hover {
    border-color: #efeff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-10 {
    border-color: #e5e4fa; }
  .desktop-lg\:hover\:border-indigo-10:hover {
    border-color: #e5e4fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-20 {
    border-color: #c5c5f3; }
  .desktop-lg\:hover\:border-indigo-20:hover {
    border-color: #c5c5f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-30 {
    border-color: #a5a8eb; }
  .desktop-lg\:hover\:border-indigo-30:hover {
    border-color: #a5a8eb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-40 {
    border-color: #8889db; }
  .desktop-lg\:hover\:border-indigo-40:hover {
    border-color: #8889db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-50 {
    border-color: #676cc8; }
  .desktop-lg\:hover\:border-indigo-50:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-60 {
    border-color: #4d52af; }
  .desktop-lg\:hover\:border-indigo-60:hover {
    border-color: #4d52af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-70 {
    border-color: #3d4076; }
  .desktop-lg\:hover\:border-indigo-70:hover {
    border-color: #3d4076; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-80 {
    border-color: #2b2c40; }
  .desktop-lg\:hover\:border-indigo-80:hover {
    border-color: #2b2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-90 {
    border-color: #16171f; }
  .desktop-lg\:hover\:border-indigo-90:hover {
    border-color: #16171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-5v {
    border-color: #f0f0ff; }
  .desktop-lg\:hover\:border-indigo-5v:hover {
    border-color: #f0f0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-10v {
    border-color: #e0e0ff; }
  .desktop-lg\:hover\:border-indigo-10v:hover {
    border-color: #e0e0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-20v {
    border-color: #ccceff; }
  .desktop-lg\:hover\:border-indigo-20v:hover {
    border-color: #ccceff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-30v {
    border-color: #a3a7fa; }
  .desktop-lg\:hover\:border-indigo-30v:hover {
    border-color: #a3a7fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-40v {
    border-color: #8289ff; }
  .desktop-lg\:hover\:border-indigo-40v:hover {
    border-color: #8289ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-50v {
    border-color: #656bd7; }
  .desktop-lg\:hover\:border-indigo-50v:hover {
    border-color: #656bd7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-60v {
    border-color: #4a50c4; }
  .desktop-lg\:hover\:border-indigo-60v:hover {
    border-color: #4a50c4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-70v {
    border-color: #3333a3; }
  .desktop-lg\:hover\:border-indigo-70v:hover {
    border-color: #3333a3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-80v {
    border-color: #212463; }
  .desktop-lg\:hover\:border-indigo-80v:hover {
    border-color: #212463; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-5 {
    border-color: #f1eff7; }
  .desktop-lg\:hover\:border-indigo-warm-5:hover {
    border-color: #f1eff7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-10 {
    border-color: #e7e3fa; }
  .desktop-lg\:hover\:border-indigo-warm-10:hover {
    border-color: #e7e3fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-20 {
    border-color: #cbc4f2; }
  .desktop-lg\:hover\:border-indigo-warm-20:hover {
    border-color: #cbc4f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-30 {
    border-color: #afa5e8; }
  .desktop-lg\:hover\:border-indigo-warm-30:hover {
    border-color: #afa5e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-40 {
    border-color: #9287d8; }
  .desktop-lg\:hover\:border-indigo-warm-40:hover {
    border-color: #9287d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-50 {
    border-color: #7665d1; }
  .desktop-lg\:hover\:border-indigo-warm-50:hover {
    border-color: #7665d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-60 {
    border-color: #5e519e; }
  .desktop-lg\:hover\:border-indigo-warm-60:hover {
    border-color: #5e519e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-70 {
    border-color: #453c7b; }
  .desktop-lg\:hover\:border-indigo-warm-70:hover {
    border-color: #453c7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-80 {
    border-color: #2e2c40; }
  .desktop-lg\:hover\:border-indigo-warm-80:hover {
    border-color: #2e2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-90 {
    border-color: #18161d; }
  .desktop-lg\:hover\:border-indigo-warm-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-5v {
    border-color: #f5f2ff; }
  .desktop-lg\:hover\:border-indigo-warm-5v:hover {
    border-color: #f5f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-10v {
    border-color: #e4deff; }
  .desktop-lg\:hover\:border-indigo-warm-10v:hover {
    border-color: #e4deff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-20v {
    border-color: #cfc4fd; }
  .desktop-lg\:hover\:border-indigo-warm-20v:hover {
    border-color: #cfc4fd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-30v {
    border-color: #b69fff; }
  .desktop-lg\:hover\:border-indigo-warm-30v:hover {
    border-color: #b69fff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-40v {
    border-color: #967efb; }
  .desktop-lg\:hover\:border-indigo-warm-40v:hover {
    border-color: #967efb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-50v {
    border-color: #745fe9; }
  .desktop-lg\:hover\:border-indigo-warm-50v:hover {
    border-color: #745fe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-60v {
    border-color: #5942d2; }
  .desktop-lg\:hover\:border-indigo-warm-60v:hover {
    border-color: #5942d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-70v {
    border-color: #3d2c9d; }
  .desktop-lg\:hover\:border-indigo-warm-70v:hover {
    border-color: #3d2c9d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-indigo-warm-80v {
    border-color: #261f5b; }
  .desktop-lg\:hover\:border-indigo-warm-80v:hover {
    border-color: #261f5b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-5 {
    border-color: #f9f0f2; }
  .desktop-lg\:hover\:border-magenta-5:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-10 {
    border-color: #f6e1e8; }
  .desktop-lg\:hover\:border-magenta-10:hover {
    border-color: #f6e1e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-20 {
    border-color: #f0bbcc; }
  .desktop-lg\:hover\:border-magenta-20:hover {
    border-color: #f0bbcc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-30 {
    border-color: #e895b3; }
  .desktop-lg\:hover\:border-magenta-30:hover {
    border-color: #e895b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-40 {
    border-color: #e0699f; }
  .desktop-lg\:hover\:border-magenta-40:hover {
    border-color: #e0699f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-50 {
    border-color: #c84281; }
  .desktop-lg\:hover\:border-magenta-50:hover {
    border-color: #c84281; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-60 {
    border-color: #8b4566; }
  .desktop-lg\:hover\:border-magenta-60:hover {
    border-color: #8b4566; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-70 {
    border-color: #66364b; }
  .desktop-lg\:hover\:border-magenta-70:hover {
    border-color: #66364b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-80 {
    border-color: #402731; }
  .desktop-lg\:hover\:border-magenta-80:hover {
    border-color: #402731; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-90 {
    border-color: #1b1617; }
  .desktop-lg\:hover\:border-magenta-90:hover {
    border-color: #1b1617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-5v {
    border-color: #f9f0f2; }
  .desktop-lg\:hover\:border-magenta-5v:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-10v {
    border-color: #ffddea; }
  .desktop-lg\:hover\:border-magenta-10v:hover {
    border-color: #ffddea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-20v {
    border-color: #ffb4cf; }
  .desktop-lg\:hover\:border-magenta-20v:hover {
    border-color: #ffb4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-30v {
    border-color: #ff87b2; }
  .desktop-lg\:hover\:border-magenta-30v:hover {
    border-color: #ff87b2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-40v {
    border-color: #fd4496; }
  .desktop-lg\:hover\:border-magenta-40v:hover {
    border-color: #fd4496; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-50v {
    border-color: #d72d79; }
  .desktop-lg\:hover\:border-magenta-50v:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-60v {
    border-color: #ab2165; }
  .desktop-lg\:hover\:border-magenta-60v:hover {
    border-color: #ab2165; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-70v {
    border-color: #731f44; }
  .desktop-lg\:hover\:border-magenta-70v:hover {
    border-color: #731f44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-magenta-80v {
    border-color: #4f172e; }
  .desktop-lg\:hover\:border-magenta-80v:hover {
    border-color: #4f172e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-5 {
    border-color: #e0f7f6; }
  .desktop-lg\:hover\:border-mint-cool-5:hover {
    border-color: #e0f7f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-10 {
    border-color: #c4eeeb; }
  .desktop-lg\:hover\:border-mint-cool-10:hover {
    border-color: #c4eeeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-20 {
    border-color: #9bd4cf; }
  .desktop-lg\:hover\:border-mint-cool-20:hover {
    border-color: #9bd4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-30 {
    border-color: #6fbab3; }
  .desktop-lg\:hover\:border-mint-cool-30:hover {
    border-color: #6fbab3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-40 {
    border-color: #4f9e99; }
  .desktop-lg\:hover\:border-mint-cool-40:hover {
    border-color: #4f9e99; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-50 {
    border-color: #40807e; }
  .desktop-lg\:hover\:border-mint-cool-50:hover {
    border-color: #40807e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-60 {
    border-color: #376462; }
  .desktop-lg\:hover\:border-mint-cool-60:hover {
    border-color: #376462; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-70 {
    border-color: #2a4b45; }
  .desktop-lg\:hover\:border-mint-cool-70:hover {
    border-color: #2a4b45; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-80 {
    border-color: #203131; }
  .desktop-lg\:hover\:border-mint-cool-80:hover {
    border-color: #203131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-90 {
    border-color: #111818; }
  .desktop-lg\:hover\:border-mint-cool-90:hover {
    border-color: #111818; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-5v {
    border-color: #d5fbf3; }
  .desktop-lg\:hover\:border-mint-cool-5v:hover {
    border-color: #d5fbf3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-10v {
    border-color: #7efbe1; }
  .desktop-lg\:hover\:border-mint-cool-10v:hover {
    border-color: #7efbe1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-20v {
    border-color: #29e1cb; }
  .desktop-lg\:hover\:border-mint-cool-20v:hover {
    border-color: #29e1cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-30v {
    border-color: #1dc2ae; }
  .desktop-lg\:hover\:border-mint-cool-30v:hover {
    border-color: #1dc2ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-40v {
    border-color: #00a398; }
  .desktop-lg\:hover\:border-mint-cool-40v:hover {
    border-color: #00a398; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-50v {
    border-color: #008480; }
  .desktop-lg\:hover\:border-mint-cool-50v:hover {
    border-color: #008480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-60v {
    border-color: #0f6460; }
  .desktop-lg\:hover\:border-mint-cool-60v:hover {
    border-color: #0f6460; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-70v {
    border-color: #0b4b3f; }
  .desktop-lg\:hover\:border-mint-cool-70v:hover {
    border-color: #0b4b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-cool-80v {
    border-color: #123131; }
  .desktop-lg\:hover\:border-mint-cool-80v:hover {
    border-color: #123131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-5 {
    border-color: #dbf6ed; }
  .desktop-lg\:hover\:border-mint-5:hover {
    border-color: #dbf6ed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-10 {
    border-color: #c7efe2; }
  .desktop-lg\:hover\:border-mint-10:hover {
    border-color: #c7efe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-20 {
    border-color: #92d9bb; }
  .desktop-lg\:hover\:border-mint-20:hover {
    border-color: #92d9bb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-30 {
    border-color: #5abf95; }
  .desktop-lg\:hover\:border-mint-30:hover {
    border-color: #5abf95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-40 {
    border-color: #34a37e; }
  .desktop-lg\:hover\:border-mint-40:hover {
    border-color: #34a37e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-50 {
    border-color: #2e8367; }
  .desktop-lg\:hover\:border-mint-50:hover {
    border-color: #2e8367; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-60 {
    border-color: #286846; }
  .desktop-lg\:hover\:border-mint-60:hover {
    border-color: #286846; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-70 {
    border-color: #204e34; }
  .desktop-lg\:hover\:border-mint-70:hover {
    border-color: #204e34; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-80 {
    border-color: #193324; }
  .desktop-lg\:hover\:border-mint-80:hover {
    border-color: #193324; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-90 {
    border-color: #0d1a12; }
  .desktop-lg\:hover\:border-mint-90:hover {
    border-color: #0d1a12; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-5v {
    border-color: #c9fbeb; }
  .desktop-lg\:hover\:border-mint-5v:hover {
    border-color: #c9fbeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-10v {
    border-color: #83fcd4; }
  .desktop-lg\:hover\:border-mint-10v:hover {
    border-color: #83fcd4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-20v {
    border-color: #0ceda6; }
  .desktop-lg\:hover\:border-mint-20v:hover {
    border-color: #0ceda6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-30v {
    border-color: #04c585; }
  .desktop-lg\:hover\:border-mint-30v:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-40v {
    border-color: #00a871; }
  .desktop-lg\:hover\:border-mint-40v:hover {
    border-color: #00a871; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-50v {
    border-color: #008659; }
  .desktop-lg\:hover\:border-mint-50v:hover {
    border-color: #008659; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-60v {
    border-color: #146947; }
  .desktop-lg\:hover\:border-mint-60v:hover {
    border-color: #146947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-70v {
    border-color: #0c4e29; }
  .desktop-lg\:hover\:border-mint-70v:hover {
    border-color: #0c4e29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-mint-80v {
    border-color: #0d351e; }
  .desktop-lg\:hover\:border-mint-80v:hover {
    border-color: #0d351e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-5 {
    border-color: #f6efe9; }
  .desktop-lg\:hover\:border-orange-5:hover {
    border-color: #f6efe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-10 {
    border-color: #f2e4d4; }
  .desktop-lg\:hover\:border-orange-10:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-20 {
    border-color: #f3bf90; }
  .desktop-lg\:hover\:border-orange-20:hover {
    border-color: #f3bf90; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-30 {
    border-color: #f09860; }
  .desktop-lg\:hover\:border-orange-30:hover {
    border-color: #f09860; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-40 {
    border-color: #dd7533; }
  .desktop-lg\:hover\:border-orange-40:hover {
    border-color: #dd7533; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-50 {
    border-color: #a86437; }
  .desktop-lg\:hover\:border-orange-50:hover {
    border-color: #a86437; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-60 {
    border-color: #775540; }
  .desktop-lg\:hover\:border-orange-60:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-70 {
    border-color: #524236; }
  .desktop-lg\:hover\:border-orange-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-80 {
    border-color: #332d27; }
  .desktop-lg\:hover\:border-orange-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-90 {
    border-color: #1b1614; }
  .desktop-lg\:hover\:border-orange-90:hover {
    border-color: #1b1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-5v {
    border-color: #fef2e4; }
  .desktop-lg\:hover\:border-orange-5v:hover {
    border-color: #fef2e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-10v {
    border-color: #fce2c5; }
  .desktop-lg\:hover\:border-orange-10v:hover {
    border-color: #fce2c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-20v {
    border-color: #ffbc78; }
  .desktop-lg\:hover\:border-orange-20v:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-30v {
    border-color: #fa9441; }
  .desktop-lg\:hover\:border-orange-30v:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-40v {
    border-color: #e66f0e; }
  .desktop-lg\:hover\:border-orange-40v:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-50v {
    border-color: #c05600; }
  .desktop-lg\:hover\:border-orange-50v:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-60v {
    border-color: #8c471c; }
  .desktop-lg\:hover\:border-orange-60v:hover {
    border-color: #8c471c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-70v {
    border-color: #5f3617; }
  .desktop-lg\:hover\:border-orange-70v:hover {
    border-color: #5f3617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-80v {
    border-color: #352313; }
  .desktop-lg\:hover\:border-orange-80v:hover {
    border-color: #352313; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-5 {
    border-color: #faeee5; }
  .desktop-lg\:hover\:border-orange-warm-5:hover {
    border-color: #faeee5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-10 {
    border-color: #fbe0d0; }
  .desktop-lg\:hover\:border-orange-warm-10:hover {
    border-color: #fbe0d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-20 {
    border-color: #f7bca2; }
  .desktop-lg\:hover\:border-orange-warm-20:hover {
    border-color: #f7bca2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-30 {
    border-color: #f3966d; }
  .desktop-lg\:hover\:border-orange-warm-30:hover {
    border-color: #f3966d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-40 {
    border-color: #e17141; }
  .desktop-lg\:hover\:border-orange-warm-40:hover {
    border-color: #e17141; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-50 {
    border-color: #bd5727; }
  .desktop-lg\:hover\:border-orange-warm-50:hover {
    border-color: #bd5727; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-60 {
    border-color: #914734; }
  .desktop-lg\:hover\:border-orange-warm-60:hover {
    border-color: #914734; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-70 {
    border-color: #633a32; }
  .desktop-lg\:hover\:border-orange-warm-70:hover {
    border-color: #633a32; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-80 {
    border-color: #3d2925; }
  .desktop-lg\:hover\:border-orange-warm-80:hover {
    border-color: #3d2925; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-90 {
    border-color: #1c1615; }
  .desktop-lg\:hover\:border-orange-warm-90:hover {
    border-color: #1c1615; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-5v {
    border-color: #fff3ea; }
  .desktop-lg\:hover\:border-orange-warm-5v:hover {
    border-color: #fff3ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-10v {
    border-color: #ffe2d1; }
  .desktop-lg\:hover\:border-orange-warm-10v:hover {
    border-color: #ffe2d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-20v {
    border-color: #fbbaa7; }
  .desktop-lg\:hover\:border-orange-warm-20v:hover {
    border-color: #fbbaa7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-30v {
    border-color: #fc906d; }
  .desktop-lg\:hover\:border-orange-warm-30v:hover {
    border-color: #fc906d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-40v {
    border-color: #ff580a; }
  .desktop-lg\:hover\:border-orange-warm-40v:hover {
    border-color: #ff580a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-50v {
    border-color: #cf4900; }
  .desktop-lg\:hover\:border-orange-warm-50v:hover {
    border-color: #cf4900; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-60v {
    border-color: #a72f10; }
  .desktop-lg\:hover\:border-orange-warm-60v:hover {
    border-color: #a72f10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-70v {
    border-color: #782312; }
  .desktop-lg\:hover\:border-orange-warm-70v:hover {
    border-color: #782312; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-orange-warm-80v {
    border-color: #3d231d; }
  .desktop-lg\:hover\:border-orange-warm-80v:hover {
    border-color: #3d231d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-5 {
    border-color: #f8eff1; }
  .desktop-lg\:hover\:border-red-cool-5:hover {
    border-color: #f8eff1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-10 {
    border-color: #f3e1e4; }
  .desktop-lg\:hover\:border-red-cool-10:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-20 {
    border-color: #ecbec6; }
  .desktop-lg\:hover\:border-red-cool-20:hover {
    border-color: #ecbec6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-30 {
    border-color: #e09aa6; }
  .desktop-lg\:hover\:border-red-cool-30:hover {
    border-color: #e09aa6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-40 {
    border-color: #e16b80; }
  .desktop-lg\:hover\:border-red-cool-40:hover {
    border-color: #e16b80; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-50 {
    border-color: #cd425b; }
  .desktop-lg\:hover\:border-red-cool-50:hover {
    border-color: #cd425b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-60 {
    border-color: #9e394b; }
  .desktop-lg\:hover\:border-red-cool-60:hover {
    border-color: #9e394b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-70 {
    border-color: #68363f; }
  .desktop-lg\:hover\:border-red-cool-70:hover {
    border-color: #68363f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-80 {
    border-color: #40282c; }
  .desktop-lg\:hover\:border-red-cool-80:hover {
    border-color: #40282c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-90 {
    border-color: #1e1517; }
  .desktop-lg\:hover\:border-red-cool-90:hover {
    border-color: #1e1517; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-5v {
    border-color: #fff2f5; }
  .desktop-lg\:hover\:border-red-cool-5v:hover {
    border-color: #fff2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-10v {
    border-color: #f8dfe2; }
  .desktop-lg\:hover\:border-red-cool-10v:hover {
    border-color: #f8dfe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-20v {
    border-color: #f8b9c5; }
  .desktop-lg\:hover\:border-red-cool-20v:hover {
    border-color: #f8b9c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-30v {
    border-color: #fd8ba0; }
  .desktop-lg\:hover\:border-red-cool-30v:hover {
    border-color: #fd8ba0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-40v {
    border-color: #f45d79; }
  .desktop-lg\:hover\:border-red-cool-40v:hover {
    border-color: #f45d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-50v {
    border-color: #e41d3d; }
  .desktop-lg\:hover\:border-red-cool-50v:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-60v {
    border-color: #b21d38; }
  .desktop-lg\:hover\:border-red-cool-60v:hover {
    border-color: #b21d38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-70v {
    border-color: #822133; }
  .desktop-lg\:hover\:border-red-cool-70v:hover {
    border-color: #822133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-cool-80v {
    border-color: #4f1c24; }
  .desktop-lg\:hover\:border-red-cool-80v:hover {
    border-color: #4f1c24; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-5 {
    border-color: #f9eeee; }
  .desktop-lg\:hover\:border-red-5:hover {
    border-color: #f9eeee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-10 {
    border-color: #f8e1de; }
  .desktop-lg\:hover\:border-red-10:hover {
    border-color: #f8e1de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-20 {
    border-color: #f7bbb1; }
  .desktop-lg\:hover\:border-red-20:hover {
    border-color: #f7bbb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-30 {
    border-color: #f2938c; }
  .desktop-lg\:hover\:border-red-30:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-40 {
    border-color: #e9695f; }
  .desktop-lg\:hover\:border-red-40:hover {
    border-color: #e9695f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-50 {
    border-color: #d83933; }
  .desktop-lg\:hover\:border-red-50:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-60 {
    border-color: #a23737; }
  .desktop-lg\:hover\:border-red-60:hover {
    border-color: #a23737; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-70 {
    border-color: #6f3331; }
  .desktop-lg\:hover\:border-red-70:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-80 {
    border-color: #3e2927; }
  .desktop-lg\:hover\:border-red-80:hover {
    border-color: #3e2927; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-90 {
    border-color: #1b1616; }
  .desktop-lg\:hover\:border-red-90:hover {
    border-color: #1b1616; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-5v {
    border-color: #fff3f2; }
  .desktop-lg\:hover\:border-red-5v:hover {
    border-color: #fff3f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-10v {
    border-color: #fde0db; }
  .desktop-lg\:hover\:border-red-10v:hover {
    border-color: #fde0db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-20v {
    border-color: #fdb8ae; }
  .desktop-lg\:hover\:border-red-20v:hover {
    border-color: #fdb8ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-30v {
    border-color: #ff8d7b; }
  .desktop-lg\:hover\:border-red-30v:hover {
    border-color: #ff8d7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-40v {
    border-color: #fb5a47; }
  .desktop-lg\:hover\:border-red-40v:hover {
    border-color: #fb5a47; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-50v {
    border-color: #e52207; }
  .desktop-lg\:hover\:border-red-50v:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-60v {
    border-color: #b50909; }
  .desktop-lg\:hover\:border-red-60v:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-70v {
    border-color: #8b0a03; }
  .desktop-lg\:hover\:border-red-70v:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-80v {
    border-color: #5c1111; }
  .desktop-lg\:hover\:border-red-80v:hover {
    border-color: #5c1111; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-5 {
    border-color: #f6efea; }
  .desktop-lg\:hover\:border-red-warm-5:hover {
    border-color: #f6efea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-10 {
    border-color: #f4e3db; }
  .desktop-lg\:hover\:border-red-warm-10:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-20 {
    border-color: #ecc0a7; }
  .desktop-lg\:hover\:border-red-warm-20:hover {
    border-color: #ecc0a7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-30 {
    border-color: #dca081; }
  .desktop-lg\:hover\:border-red-warm-30:hover {
    border-color: #dca081; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-40 {
    border-color: #d27a56; }
  .desktop-lg\:hover\:border-red-warm-40:hover {
    border-color: #d27a56; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-50 {
    border-color: #c3512c; }
  .desktop-lg\:hover\:border-red-warm-50:hover {
    border-color: #c3512c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-60 {
    border-color: #805039; }
  .desktop-lg\:hover\:border-red-warm-60:hover {
    border-color: #805039; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-70 {
    border-color: #524236; }
  .desktop-lg\:hover\:border-red-warm-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-80 {
    border-color: #332d29; }
  .desktop-lg\:hover\:border-red-warm-80:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-90 {
    border-color: #1f1c18; }
  .desktop-lg\:hover\:border-red-warm-90:hover {
    border-color: #1f1c18; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-5v {
    border-color: #fff5ee; }
  .desktop-lg\:hover\:border-red-warm-5v:hover {
    border-color: #fff5ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-10v {
    border-color: #fce1d4; }
  .desktop-lg\:hover\:border-red-warm-10v:hover {
    border-color: #fce1d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-20v {
    border-color: #f6bd9c; }
  .desktop-lg\:hover\:border-red-warm-20v:hover {
    border-color: #f6bd9c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-30v {
    border-color: #f39268; }
  .desktop-lg\:hover\:border-red-warm-30v:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-40v {
    border-color: #ef5e25; }
  .desktop-lg\:hover\:border-red-warm-40v:hover {
    border-color: #ef5e25; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-50v {
    border-color: #d54309; }
  .desktop-lg\:hover\:border-red-warm-50v:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-60v {
    border-color: #9c3d10; }
  .desktop-lg\:hover\:border-red-warm-60v:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-70v {
    border-color: #63340f; }
  .desktop-lg\:hover\:border-red-warm-70v:hover {
    border-color: #63340f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-red-warm-80v {
    border-color: #3e2a1e; }
  .desktop-lg\:hover\:border-red-warm-80v:hover {
    border-color: #3e2a1e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-5 {
    border-color: #f4f1f9; }
  .desktop-lg\:hover\:border-violet-5:hover {
    border-color: #f4f1f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-10 {
    border-color: #ebe3f9; }
  .desktop-lg\:hover\:border-violet-10:hover {
    border-color: #ebe3f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-20 {
    border-color: #d0c3e9; }
  .desktop-lg\:hover\:border-violet-20:hover {
    border-color: #d0c3e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-30 {
    border-color: #b8a2e3; }
  .desktop-lg\:hover\:border-violet-30:hover {
    border-color: #b8a2e3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-40 {
    border-color: #9d84d2; }
  .desktop-lg\:hover\:border-violet-40:hover {
    border-color: #9d84d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-50 {
    border-color: #8168b3; }
  .desktop-lg\:hover\:border-violet-50:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-60 {
    border-color: #665190; }
  .desktop-lg\:hover\:border-violet-60:hover {
    border-color: #665190; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-70 {
    border-color: #4c3d69; }
  .desktop-lg\:hover\:border-violet-70:hover {
    border-color: #4c3d69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-80 {
    border-color: #312b3f; }
  .desktop-lg\:hover\:border-violet-80:hover {
    border-color: #312b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-90 {
    border-color: #18161d; }
  .desktop-lg\:hover\:border-violet-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-5v {
    border-color: #f7f2ff; }
  .desktop-lg\:hover\:border-violet-5v:hover {
    border-color: #f7f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-10v {
    border-color: #ede3ff; }
  .desktop-lg\:hover\:border-violet-10v:hover {
    border-color: #ede3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-20v {
    border-color: #d5bfff; }
  .desktop-lg\:hover\:border-violet-20v:hover {
    border-color: #d5bfff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-30v {
    border-color: #c39deb; }
  .desktop-lg\:hover\:border-violet-30v:hover {
    border-color: #c39deb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-40v {
    border-color: #ad79e9; }
  .desktop-lg\:hover\:border-violet-40v:hover {
    border-color: #ad79e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-50v {
    border-color: #9355dc; }
  .desktop-lg\:hover\:border-violet-50v:hover {
    border-color: #9355dc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-60v {
    border-color: #783cb9; }
  .desktop-lg\:hover\:border-violet-60v:hover {
    border-color: #783cb9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-70v {
    border-color: #54278f; }
  .desktop-lg\:hover\:border-violet-70v:hover {
    border-color: #54278f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-80v {
    border-color: #39215e; }
  .desktop-lg\:hover\:border-violet-80v:hover {
    border-color: #39215e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-5 {
    border-color: #f8f0f9; }
  .desktop-lg\:hover\:border-violet-warm-5:hover {
    border-color: #f8f0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-10 {
    border-color: #f6dff8; }
  .desktop-lg\:hover\:border-violet-warm-10:hover {
    border-color: #f6dff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-20 {
    border-color: #e2bee4; }
  .desktop-lg\:hover\:border-violet-warm-20:hover {
    border-color: #e2bee4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-30 {
    border-color: #d29ad8; }
  .desktop-lg\:hover\:border-violet-warm-30:hover {
    border-color: #d29ad8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-40 {
    border-color: #bf77c8; }
  .desktop-lg\:hover\:border-violet-warm-40:hover {
    border-color: #bf77c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-50 {
    border-color: #b04abd; }
  .desktop-lg\:hover\:border-violet-warm-50:hover {
    border-color: #b04abd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-60 {
    border-color: #864381; }
  .desktop-lg\:hover\:border-violet-warm-60:hover {
    border-color: #864381; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-70 {
    border-color: #5c395a; }
  .desktop-lg\:hover\:border-violet-warm-70:hover {
    border-color: #5c395a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-80 {
    border-color: #382936; }
  .desktop-lg\:hover\:border-violet-warm-80:hover {
    border-color: #382936; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-90 {
    border-color: #1b151b; }
  .desktop-lg\:hover\:border-violet-warm-90:hover {
    border-color: #1b151b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-5v {
    border-color: #fef2ff; }
  .desktop-lg\:hover\:border-violet-warm-5v:hover {
    border-color: #fef2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-10v {
    border-color: #fbdcff; }
  .desktop-lg\:hover\:border-violet-warm-10v:hover {
    border-color: #fbdcff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-20v {
    border-color: #f4b2ff; }
  .desktop-lg\:hover\:border-violet-warm-20v:hover {
    border-color: #f4b2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-30v {
    border-color: #ee83ff; }
  .desktop-lg\:hover\:border-violet-warm-30v:hover {
    border-color: #ee83ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-40v {
    border-color: #d85bef; }
  .desktop-lg\:hover\:border-violet-warm-40v:hover {
    border-color: #d85bef; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-50v {
    border-color: #be32d0; }
  .desktop-lg\:hover\:border-violet-warm-50v:hover {
    border-color: #be32d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-60v {
    border-color: #93348c; }
  .desktop-lg\:hover\:border-violet-warm-60v:hover {
    border-color: #93348c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-70v {
    border-color: #711e6c; }
  .desktop-lg\:hover\:border-violet-warm-70v:hover {
    border-color: #711e6c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-violet-warm-80v {
    border-color: #481441; }
  .desktop-lg\:hover\:border-violet-warm-80v:hover {
    border-color: #481441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white-transparent-5 {
    border-color: rgba(255, 255, 255, 0.01); }
  .desktop-lg\:hover\:border-white-transparent-5:hover {
    border-color: rgba(255, 255, 255, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white-transparent-10 {
    border-color: rgba(255, 255, 255, 0.1); }
  .desktop-lg\:hover\:border-white-transparent-10:hover {
    border-color: rgba(255, 255, 255, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white-transparent-20 {
    border-color: rgba(255, 255, 255, 0.2); }
  .desktop-lg\:hover\:border-white-transparent-20:hover {
    border-color: rgba(255, 255, 255, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white-transparent-30 {
    border-color: rgba(255, 255, 255, 0.3); }
  .desktop-lg\:hover\:border-white-transparent-30:hover {
    border-color: rgba(255, 255, 255, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white-transparent-40 {
    border-color: rgba(255, 255, 255, 0.4); }
  .desktop-lg\:hover\:border-white-transparent-40:hover {
    border-color: rgba(255, 255, 255, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white-transparent-50 {
    border-color: rgba(255, 255, 255, 0.5); }
  .desktop-lg\:hover\:border-white-transparent-50:hover {
    border-color: rgba(255, 255, 255, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white-transparent-60 {
    border-color: rgba(255, 255, 255, 0.6); }
  .desktop-lg\:hover\:border-white-transparent-60:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white-transparent-70 {
    border-color: rgba(255, 255, 255, 0.7); }
  .desktop-lg\:hover\:border-white-transparent-70:hover {
    border-color: rgba(255, 255, 255, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white-transparent-80 {
    border-color: rgba(255, 255, 255, 0.8); }
  .desktop-lg\:hover\:border-white-transparent-80:hover {
    border-color: rgba(255, 255, 255, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-white-transparent-90 {
    border-color: rgba(255, 255, 255, 0.9); }
  .desktop-lg\:hover\:border-white-transparent-90:hover {
    border-color: rgba(255, 255, 255, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-5 {
    border-color: #faf3d1; }
  .desktop-lg\:hover\:border-yellow-5:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-10 {
    border-color: #f5e6af; }
  .desktop-lg\:hover\:border-yellow-10:hover {
    border-color: #f5e6af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-20 {
    border-color: #e6c74c; }
  .desktop-lg\:hover\:border-yellow-20:hover {
    border-color: #e6c74c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-30 {
    border-color: #c9ab48; }
  .desktop-lg\:hover\:border-yellow-30:hover {
    border-color: #c9ab48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-40 {
    border-color: #a88f48; }
  .desktop-lg\:hover\:border-yellow-40:hover {
    border-color: #a88f48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-50 {
    border-color: #8a7237; }
  .desktop-lg\:hover\:border-yellow-50:hover {
    border-color: #8a7237; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-60 {
    border-color: #6b5a39; }
  .desktop-lg\:hover\:border-yellow-60:hover {
    border-color: #6b5a39; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-70 {
    border-color: #504332; }
  .desktop-lg\:hover\:border-yellow-70:hover {
    border-color: #504332; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-80 {
    border-color: #332d27; }
  .desktop-lg\:hover\:border-yellow-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-90 {
    border-color: #1a1614; }
  .desktop-lg\:hover\:border-yellow-90:hover {
    border-color: #1a1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-5v {
    border-color: #fff5c2; }
  .desktop-lg\:hover\:border-yellow-5v:hover {
    border-color: #fff5c2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-10v {
    border-color: #fee685; }
  .desktop-lg\:hover\:border-yellow-10v:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-20v {
    border-color: #face00; }
  .desktop-lg\:hover\:border-yellow-20v:hover {
    border-color: #face00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-30v {
    border-color: #ddaa01; }
  .desktop-lg\:hover\:border-yellow-30v:hover {
    border-color: #ddaa01; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-40v {
    border-color: #b38c00; }
  .desktop-lg\:hover\:border-yellow-40v:hover {
    border-color: #b38c00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-50v {
    border-color: #947100; }
  .desktop-lg\:hover\:border-yellow-50v:hover {
    border-color: #947100; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-60v {
    border-color: #776017; }
  .desktop-lg\:hover\:border-yellow-60v:hover {
    border-color: #776017; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-70v {
    border-color: #5c4809; }
  .desktop-lg\:hover\:border-yellow-70v:hover {
    border-color: #5c4809; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:border-yellow-80v {
    border-color: #422d19; }
  .desktop-lg\:hover\:border-yellow-80v:hover {
    border-color: #422d19; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-0 {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-none {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-top-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-right-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-bottom-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-left-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-sm {
    border-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-top-sm {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-right-sm {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-bottom-sm {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-left-sm {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-md {
    border-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-top-md {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-right-md {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-bottom-md {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-left-md {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-lg {
    border-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-top-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-right-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-bottom-lg {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-left-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-pill {
    border-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-top-pill {
    border-top-left-radius: 99rem;
    border-top-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-right-pill {
    border-top-right-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-bottom-pill {
    border-bottom-left-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:radius-left-pill {
    border-top-left-radius: 99rem;
    border-bottom-left-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:display-block {
    display: block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:display-flex {
    display: flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:display-none {
    display: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:display-inline {
    display: inline; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:display-inline-block {
    display: inline-block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:display-inline-flex {
    display: inline-flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:display-table {
    display: table; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:display-table-cell {
    display: table-cell; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:display-table-row {
    display: table-row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:flex-row {
    flex-direction: row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:flex-column {
    flex-direction: column; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-mono-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-mono-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-mono-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-mono-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-mono-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-mono-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-mono-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-mono-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-mono-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-sans-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-sans-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-sans-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-sans-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-sans-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-sans-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-sans-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-sans-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-sans-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-serif-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-serif-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-serif-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-serif-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-serif-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-serif-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-serif-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-serif-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-serif-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-heading-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-heading-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-heading-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-heading-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-heading-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-heading-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-heading-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-heading-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-heading-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-body-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-body-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-body-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-body-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-body-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-body-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-body-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-body-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-body-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-code-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-code-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-code-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-code-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-code-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-code-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-code-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-code-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-code-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-alt-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-alt-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-alt-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-alt-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-alt-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-alt-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-alt-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-alt-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-alt-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-ui-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-ui-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-ui-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-ui-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-ui-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-ui-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-ui-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-ui-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:font-ui-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:text-light {
    font-weight: 300; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:text-normal {
    font-weight: normal; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:text-bold {
    font-weight: 700; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:flex-justify-center {
    justify-content: center; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:flex-justify-start {
    justify-content: flex-start; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:flex-justify-end {
    justify-content: flex-end; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:flex-justify {
    justify-content: space-between; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-sans-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-sans-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-sans-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-sans-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-sans-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-sans-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-serif-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-serif-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-serif-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-serif-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-serif-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-serif-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-mono-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-mono-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-mono-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-mono-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-mono-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-mono-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-heading-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-heading-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-heading-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-heading-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-heading-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-heading-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-ui-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-ui-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-ui-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-ui-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-ui-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-ui-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-body-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-body-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-body-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-body-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-body-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-body-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-code-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-code-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-code-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-code-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-code-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-code-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-alt-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-alt-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-alt-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-alt-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-alt-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:line-height-alt-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-1px {
    margin: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-2px {
    margin: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-05 {
    margin: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-1 {
    margin: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-105 {
    margin: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-2 {
    margin: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-205 {
    margin: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-3 {
    margin: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-1px {
    margin: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-2px {
    margin: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-05 {
    margin: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-1 {
    margin: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-105 {
    margin: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-2 {
    margin: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-205 {
    margin: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-3 {
    margin: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-4 {
    margin: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-5 {
    margin: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-6 {
    margin: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-7 {
    margin: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-8 {
    margin: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-9 {
    margin: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-10 {
    margin: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-neg-15 {
    margin: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-4 {
    margin: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-5 {
    margin: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-6 {
    margin: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-7 {
    margin: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-8 {
    margin: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-9 {
    margin: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-10 {
    margin: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-15 {
    margin: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-05em {
    margin: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-1em {
    margin: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-105em {
    margin: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-2em {
    margin: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-0 {
    margin: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-1px {
    margin-top: 1px;
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-1px {
    margin-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-1px {
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-2px {
    margin-top: 2px;
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-2px {
    margin-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-2px {
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-05 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-05 {
    margin-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-05 {
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-1 {
    margin-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-1 {
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-105 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-105 {
    margin-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-105 {
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-2 {
    margin-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-2 {
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-205 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-205 {
    margin-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-205 {
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-3 {
    margin-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-3 {
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-1px {
    margin-top: -1px;
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-1px {
    margin-top: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-1px {
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-2px {
    margin-top: -2px;
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-2px {
    margin-top: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-2px {
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-05 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-05 {
    margin-top: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-05 {
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-1 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-1 {
    margin-top: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-1 {
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-105 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-105 {
    margin-top: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-105 {
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-2 {
    margin-top: -1rem;
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-2 {
    margin-top: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-2 {
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-205 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-205 {
    margin-top: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-205 {
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-3 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-3 {
    margin-top: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-3 {
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-4 {
    margin-top: -2rem;
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-4 {
    margin-top: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-4 {
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-5 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-5 {
    margin-top: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-5 {
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-6 {
    margin-top: -3rem;
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-6 {
    margin-top: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-6 {
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-7 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-7 {
    margin-top: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-7 {
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-8 {
    margin-top: -4rem;
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-8 {
    margin-top: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-8 {
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-9 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-9 {
    margin-top: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-9 {
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-10 {
    margin-top: -5rem;
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-10 {
    margin-top: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-10 {
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-neg-15 {
    margin-top: -7.5rem;
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-neg-15 {
    margin-top: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-neg-15 {
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-4 {
    margin-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-4 {
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-5 {
    margin-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-5 {
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-6 {
    margin-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-6 {
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-7 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-7 {
    margin-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-7 {
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-8 {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-8 {
    margin-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-8 {
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-9 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-9 {
    margin-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-9 {
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-10 {
    margin-top: 5rem;
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-10 {
    margin-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-10 {
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-15 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-15 {
    margin-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-15 {
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-05em {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-05em {
    margin-top: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-05em {
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-1em {
    margin-top: 1em;
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-1em {
    margin-top: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-1em {
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-105em {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-105em {
    margin-top: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-105em {
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-2em {
    margin-top: 2em;
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-2em {
    margin-top: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-2em {
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-0 {
    margin-top: 0;
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-0 {
    margin-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-0 {
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-y-auto {
    margin-top: auto;
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-top-auto {
    margin-top: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-bottom-auto {
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-1px {
    margin-left: 1px;
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-1px {
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-1px {
    margin-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-2px {
    margin-left: 2px;
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-2px {
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-2px {
    margin-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-05 {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-05 {
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-05 {
    margin-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-1 {
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-1 {
    margin-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-105 {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-105 {
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-105 {
    margin-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-2 {
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-2 {
    margin-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-205 {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-205 {
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-205 {
    margin-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-3 {
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-3 {
    margin-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-1px {
    margin-left: -1px;
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-1px {
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-1px {
    margin-left: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-2px {
    margin-left: -2px;
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-2px {
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-2px {
    margin-left: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-05 {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-05 {
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-05 {
    margin-left: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-1 {
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-1 {
    margin-left: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-105 {
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-105 {
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-105 {
    margin-left: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-2 {
    margin-left: -1rem;
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-2 {
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-2 {
    margin-left: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-205 {
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-205 {
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-205 {
    margin-left: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-3 {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-3 {
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-3 {
    margin-left: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-4 {
    margin-left: -2rem;
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-4 {
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-4 {
    margin-left: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-5 {
    margin-left: -2.5rem;
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-5 {
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-5 {
    margin-left: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-6 {
    margin-left: -3rem;
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-6 {
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-6 {
    margin-left: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-7 {
    margin-left: -3.5rem;
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-7 {
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-7 {
    margin-left: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-8 {
    margin-left: -4rem;
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-8 {
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-8 {
    margin-left: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-9 {
    margin-left: -4.5rem;
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-9 {
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-9 {
    margin-left: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-10 {
    margin-left: -5rem;
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-10 {
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-10 {
    margin-left: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-neg-15 {
    margin-left: -7.5rem;
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-neg-15 {
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-neg-15 {
    margin-left: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-4 {
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-4 {
    margin-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-5 {
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-5 {
    margin-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-6 {
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-6 {
    margin-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-7 {
    margin-left: 3.5rem;
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-7 {
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-7 {
    margin-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-8 {
    margin-left: 4rem;
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-8 {
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-8 {
    margin-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-9 {
    margin-left: 4.5rem;
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-9 {
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-9 {
    margin-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-10 {
    margin-left: 5rem;
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-10 {
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-10 {
    margin-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-15 {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-15 {
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-15 {
    margin-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-card {
    margin-left: 10rem;
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-card {
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-card {
    margin-left: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-card-lg {
    margin-left: 15rem;
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-card-lg {
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-card-lg {
    margin-left: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-mobile {
    margin-left: 20rem;
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-mobile {
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-mobile {
    margin-left: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-05em {
    margin-left: 0.5em;
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-05em {
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-05em {
    margin-left: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-1em {
    margin-left: 1em;
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-1em {
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-1em {
    margin-left: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-105em {
    margin-left: 1.5em;
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-105em {
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-105em {
    margin-left: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-2em {
    margin-left: 2em;
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-2em {
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-2em {
    margin-left: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-0 {
    margin-left: 0;
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-0 {
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-0 {
    margin-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-x-auto {
    margin-left: auto;
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-right-auto {
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:margin-left-auto {
    margin-left: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:measure-1 {
    max-width: 44ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:measure-2 {
    max-width: 60ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:measure-3 {
    max-width: 64ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:measure-4 {
    max-width: 68ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:measure-5 {
    max-width: 72ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:measure-6 {
    max-width: 88ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:measure-none {
    max-width: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-05 {
    min-width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-1 {
    min-width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-105 {
    min-width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-2 {
    min-width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-205 {
    min-width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-3 {
    min-width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-4 {
    min-width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-5 {
    min-width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-6 {
    min-width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-7 {
    min-width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-8 {
    min-width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-9 {
    min-width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-10 {
    min-width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-15 {
    min-width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-0 {
    min-width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-card {
    min-width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:minw-card-lg {
    min-width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-first {
    order: -1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-last {
    order: 999; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-initial {
    order: initial; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-0 {
    order: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-1 {
    order: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-2 {
    order: 2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-3 {
    order: 3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-4 {
    order: 4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-5 {
    order: 5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-6 {
    order: 6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-7 {
    order: 7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-8 {
    order: 8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-9 {
    order: 9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-10 {
    order: 10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:order-11 {
    order: 11; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-1px {
    padding: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-1px {
    padding-top: 1px;
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-1px {
    padding-left: 1px;
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-1px {
    padding-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-1px {
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-1px {
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-1px {
    padding-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-2px {
    padding: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-2px {
    padding-top: 2px;
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-2px {
    padding-left: 2px;
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-2px {
    padding-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-2px {
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-2px {
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-2px {
    padding-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-05 {
    padding: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-05 {
    padding-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-05 {
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-05 {
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-05 {
    padding-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-1 {
    padding: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-1 {
    padding-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-1 {
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-1 {
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-1 {
    padding-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-105 {
    padding: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-105 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-105 {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-105 {
    padding-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-105 {
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-105 {
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-105 {
    padding-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-2 {
    padding: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-2 {
    padding-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-2 {
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-2 {
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-2 {
    padding-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-205 {
    padding: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-205 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-205 {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-205 {
    padding-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-205 {
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-205 {
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-205 {
    padding-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-3 {
    padding: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-3 {
    padding-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-3 {
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-3 {
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-3 {
    padding-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-4 {
    padding: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-4 {
    padding-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-4 {
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-4 {
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-4 {
    padding-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-5 {
    padding: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-5 {
    padding-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-5 {
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-5 {
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-5 {
    padding-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-6 {
    padding: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-6 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-6 {
    padding-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-6 {
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-6 {
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-6 {
    padding-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-7 {
    padding: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-7 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-7 {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-7 {
    padding-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-7 {
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-7 {
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-7 {
    padding-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-8 {
    padding: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-8 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-8 {
    padding-left: 4rem;
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-8 {
    padding-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-8 {
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-8 {
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-8 {
    padding-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-9 {
    padding: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-9 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-9 {
    padding-left: 4.5rem;
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-9 {
    padding-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-9 {
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-9 {
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-9 {
    padding-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-10 {
    padding: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-10 {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-10 {
    padding-left: 5rem;
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-10 {
    padding-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-10 {
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-10 {
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-10 {
    padding-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-15 {
    padding: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-15 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-15 {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-15 {
    padding-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-15 {
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-15 {
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-15 {
    padding-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-0 {
    padding: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-y-0 {
    padding-top: 0;
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-x-0 {
    padding-left: 0;
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-top-0 {
    padding-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-right-0 {
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-bottom-0 {
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:padding-left-0 {
    padding-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:position-absolute {
    position: absolute; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:position-fixed {
    position: fixed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:position-relative {
    position: relative; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:position-static {
    position: static; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:position-sticky {
    position: sticky; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-1px {
    width: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-2px {
    width: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-05 {
    width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-1 {
    width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-105 {
    width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-2 {
    width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-205 {
    width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-3 {
    width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-4 {
    width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-5 {
    width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-6 {
    width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-7 {
    width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-8 {
    width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-9 {
    width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-10 {
    width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-15 {
    width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-card {
    width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-card-lg {
    width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-mobile {
    width: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-mobile-lg {
    width: 30rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-tablet {
    width: 40rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-tablet-lg {
    width: 55rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-desktop {
    width: 64rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-desktop-lg {
    width: 75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-widescreen {
    width: 87.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-0 {
    width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-full {
    width: 100%; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .desktop-lg\:width-auto {
    width: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */ }

@media all and (min-width: 87.5em) {
  .widescreen\:border-1px {
    border: 1px solid; }
  .widescreen\:hover\:border-1px:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-y-1px {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .widescreen\:hover\:border-y-1px:hover {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-x-1px {
    border-left: 1px solid;
    border-right: 1px solid; }
  .widescreen\:hover\:border-x-1px:hover {
    border-left: 1px solid;
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-top-1px {
    border-top: 1px solid; }
  .widescreen\:hover\:border-top-1px:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-right-1px {
    border-right: 1px solid; }
  .widescreen\:hover\:border-right-1px:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-bottom-1px {
    border-bottom: 1px solid; }
  .widescreen\:hover\:border-bottom-1px:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-left-1px {
    border-left: 1px solid; }
  .widescreen\:hover\:border-left-1px:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-2px {
    border: 2px solid; }
  .widescreen\:hover\:border-2px:hover {
    border: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-y-2px {
    border-top: 2px solid;
    border-bottom: 2px solid; }
  .widescreen\:hover\:border-y-2px:hover {
    border-top: 2px solid;
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-x-2px {
    border-left: 2px solid;
    border-right: 2px solid; }
  .widescreen\:hover\:border-x-2px:hover {
    border-left: 2px solid;
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-top-2px {
    border-top: 2px solid; }
  .widescreen\:hover\:border-top-2px:hover {
    border-top: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-right-2px {
    border-right: 2px solid; }
  .widescreen\:hover\:border-right-2px:hover {
    border-right: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-bottom-2px {
    border-bottom: 2px solid; }
  .widescreen\:hover\:border-bottom-2px:hover {
    border-bottom: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-left-2px {
    border-left: 2px solid; }
  .widescreen\:hover\:border-left-2px:hover {
    border-left: 2px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-05 {
    border: 0.25rem solid; }
  .widescreen\:hover\:border-05:hover {
    border: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-y-05 {
    border-top: 0.25rem solid;
    border-bottom: 0.25rem solid; }
  .widescreen\:hover\:border-y-05:hover {
    border-top: 0.25rem solid;
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-x-05 {
    border-left: 0.25rem solid;
    border-right: 0.25rem solid; }
  .widescreen\:hover\:border-x-05:hover {
    border-left: 0.25rem solid;
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-top-05 {
    border-top: 0.25rem solid; }
  .widescreen\:hover\:border-top-05:hover {
    border-top: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-right-05 {
    border-right: 0.25rem solid; }
  .widescreen\:hover\:border-right-05:hover {
    border-right: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-bottom-05 {
    border-bottom: 0.25rem solid; }
  .widescreen\:hover\:border-bottom-05:hover {
    border-bottom: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-left-05 {
    border-left: 0.25rem solid; }
  .widescreen\:hover\:border-left-05:hover {
    border-left: 0.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-1 {
    border: 0.5rem solid; }
  .widescreen\:hover\:border-1:hover {
    border: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-y-1 {
    border-top: 0.5rem solid;
    border-bottom: 0.5rem solid; }
  .widescreen\:hover\:border-y-1:hover {
    border-top: 0.5rem solid;
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-x-1 {
    border-left: 0.5rem solid;
    border-right: 0.5rem solid; }
  .widescreen\:hover\:border-x-1:hover {
    border-left: 0.5rem solid;
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-top-1 {
    border-top: 0.5rem solid; }
  .widescreen\:hover\:border-top-1:hover {
    border-top: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-right-1 {
    border-right: 0.5rem solid; }
  .widescreen\:hover\:border-right-1:hover {
    border-right: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-bottom-1 {
    border-bottom: 0.5rem solid; }
  .widescreen\:hover\:border-bottom-1:hover {
    border-bottom: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-left-1 {
    border-left: 0.5rem solid; }
  .widescreen\:hover\:border-left-1:hover {
    border-left: 0.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-105 {
    border: 0.75rem solid; }
  .widescreen\:hover\:border-105:hover {
    border: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-y-105 {
    border-top: 0.75rem solid;
    border-bottom: 0.75rem solid; }
  .widescreen\:hover\:border-y-105:hover {
    border-top: 0.75rem solid;
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-x-105 {
    border-left: 0.75rem solid;
    border-right: 0.75rem solid; }
  .widescreen\:hover\:border-x-105:hover {
    border-left: 0.75rem solid;
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-top-105 {
    border-top: 0.75rem solid; }
  .widescreen\:hover\:border-top-105:hover {
    border-top: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-right-105 {
    border-right: 0.75rem solid; }
  .widescreen\:hover\:border-right-105:hover {
    border-right: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-bottom-105 {
    border-bottom: 0.75rem solid; }
  .widescreen\:hover\:border-bottom-105:hover {
    border-bottom: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-left-105 {
    border-left: 0.75rem solid; }
  .widescreen\:hover\:border-left-105:hover {
    border-left: 0.75rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-2 {
    border: 1rem solid; }
  .widescreen\:hover\:border-2:hover {
    border: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-y-2 {
    border-top: 1rem solid;
    border-bottom: 1rem solid; }
  .widescreen\:hover\:border-y-2:hover {
    border-top: 1rem solid;
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-x-2 {
    border-left: 1rem solid;
    border-right: 1rem solid; }
  .widescreen\:hover\:border-x-2:hover {
    border-left: 1rem solid;
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-top-2 {
    border-top: 1rem solid; }
  .widescreen\:hover\:border-top-2:hover {
    border-top: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-right-2 {
    border-right: 1rem solid; }
  .widescreen\:hover\:border-right-2:hover {
    border-right: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-bottom-2 {
    border-bottom: 1rem solid; }
  .widescreen\:hover\:border-bottom-2:hover {
    border-bottom: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-left-2 {
    border-left: 1rem solid; }
  .widescreen\:hover\:border-left-2:hover {
    border-left: 1rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-205 {
    border: 1.25rem solid; }
  .widescreen\:hover\:border-205:hover {
    border: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-y-205 {
    border-top: 1.25rem solid;
    border-bottom: 1.25rem solid; }
  .widescreen\:hover\:border-y-205:hover {
    border-top: 1.25rem solid;
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-x-205 {
    border-left: 1.25rem solid;
    border-right: 1.25rem solid; }
  .widescreen\:hover\:border-x-205:hover {
    border-left: 1.25rem solid;
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-top-205 {
    border-top: 1.25rem solid; }
  .widescreen\:hover\:border-top-205:hover {
    border-top: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-right-205 {
    border-right: 1.25rem solid; }
  .widescreen\:hover\:border-right-205:hover {
    border-right: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-bottom-205 {
    border-bottom: 1.25rem solid; }
  .widescreen\:hover\:border-bottom-205:hover {
    border-bottom: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-left-205 {
    border-left: 1.25rem solid; }
  .widescreen\:hover\:border-left-205:hover {
    border-left: 1.25rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-3 {
    border: 1.5rem solid; }
  .widescreen\:hover\:border-3:hover {
    border: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-y-3 {
    border-top: 1.5rem solid;
    border-bottom: 1.5rem solid; }
  .widescreen\:hover\:border-y-3:hover {
    border-top: 1.5rem solid;
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-x-3 {
    border-left: 1.5rem solid;
    border-right: 1.5rem solid; }
  .widescreen\:hover\:border-x-3:hover {
    border-left: 1.5rem solid;
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-top-3 {
    border-top: 1.5rem solid; }
  .widescreen\:hover\:border-top-3:hover {
    border-top: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-right-3 {
    border-right: 1.5rem solid; }
  .widescreen\:hover\:border-right-3:hover {
    border-right: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-bottom-3 {
    border-bottom: 1.5rem solid; }
  .widescreen\:hover\:border-bottom-3:hover {
    border-bottom: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-left-3 {
    border-left: 1.5rem solid; }
  .widescreen\:hover\:border-left-3:hover {
    border-left: 1.5rem solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-0 {
    border: 0 solid; }
  .widescreen\:hover\:border-0:hover {
    border: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-y-0 {
    border-top: 0 solid;
    border-bottom: 0 solid; }
  .widescreen\:hover\:border-y-0:hover {
    border-top: 0 solid;
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-x-0 {
    border-left: 0 solid;
    border-right: 0 solid; }
  .widescreen\:hover\:border-x-0:hover {
    border-left: 0 solid;
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-top-0 {
    border-top: 0 solid; }
  .widescreen\:hover\:border-top-0:hover {
    border-top: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-right-0 {
    border-right: 0 solid; }
  .widescreen\:hover\:border-right-0:hover {
    border-right: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-bottom-0 {
    border-bottom: 0 solid; }
  .widescreen\:hover\:border-bottom-0:hover {
    border-bottom: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-left-0 {
    border-left: 0 solid; }
  .widescreen\:hover\:border-left-0:hover {
    border-left: 0 solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border {
    border: 1px solid; }
  .widescreen\:hover\:border:hover {
    border: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-y {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  .widescreen\:hover\:border-y:hover {
    border-top: 1px solid;
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-x {
    border-left: 1px solid;
    border-right: 1px solid; }
  .widescreen\:hover\:border-x:hover {
    border-left: 1px solid;
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-top {
    border-top: 1px solid; }
  .widescreen\:hover\:border-top:hover {
    border-top: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-right {
    border-right: 1px solid; }
  .widescreen\:hover\:border-right:hover {
    border-right: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-bottom {
    border-bottom: 1px solid; }
  .widescreen\:hover\:border-bottom:hover {
    border-bottom: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-left {
    border-left: 1px solid; }
  .widescreen\:hover\:border-left:hover {
    border-left: 1px solid; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-transparent {
    border-color: transparent; }
  .widescreen\:hover\:border-transparent:hover {
    border-color: transparent; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black {
    border-color: black; }
  .widescreen\:hover\:border-black:hover {
    border-color: black; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white {
    border-color: white; }
  .widescreen\:hover\:border-white:hover {
    border-color: white; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-base-lightest {
    border-color: #f0f0f0; }
  .widescreen\:hover\:border-base-lightest:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-base-lighter {
    border-color: #dfe1e2; }
  .widescreen\:hover\:border-base-lighter:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-base-light {
    border-color: #a9aeb1; }
  .widescreen\:hover\:border-base-light:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-base {
    border-color: #71767a; }
  .widescreen\:hover\:border-base:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-base-dark {
    border-color: #565c65; }
  .widescreen\:hover\:border-base-dark:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-base-darker {
    border-color: #3d4551; }
  .widescreen\:hover\:border-base-darker:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-base-darkest {
    border-color: #1b1b1b; }
  .widescreen\:hover\:border-base-darkest:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-ink {
    border-color: #1b1b1b; }
  .widescreen\:hover\:border-ink:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-primary-lighter {
    border-color: #d9e8f6; }
  .widescreen\:hover\:border-primary-lighter:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-primary-light {
    border-color: #73b3e7; }
  .widescreen\:hover\:border-primary-light:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-primary {
    border-color: #005ea2; }
  .widescreen\:hover\:border-primary:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-primary-vivid {
    border-color: #0050d8; }
  .widescreen\:hover\:border-primary-vivid:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-primary-dark {
    border-color: #1a4480; }
  .widescreen\:hover\:border-primary-dark:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-primary-darker {
    border-color: #162e51; }
  .widescreen\:hover\:border-primary-darker:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-secondary-lighter {
    border-color: #f3e1e4; }
  .widescreen\:hover\:border-secondary-lighter:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-secondary-light {
    border-color: #f2938c; }
  .widescreen\:hover\:border-secondary-light:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-secondary {
    border-color: #d83933; }
  .widescreen\:hover\:border-secondary:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-secondary-vivid {
    border-color: #e41d3d; }
  .widescreen\:hover\:border-secondary-vivid:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-secondary-dark {
    border-color: #b50909; }
  .widescreen\:hover\:border-secondary-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-secondary-darker {
    border-color: #8b0a03; }
  .widescreen\:hover\:border-secondary-darker:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-accent-warm-darker {
    border-color: #775540; }
  .widescreen\:hover\:border-accent-warm-darker:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-accent-warm-dark {
    border-color: #c05600; }
  .widescreen\:hover\:border-accent-warm-dark:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-accent-warm {
    border-color: #fa9441; }
  .widescreen\:hover\:border-accent-warm:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-accent-warm-light {
    border-color: #ffbc78; }
  .widescreen\:hover\:border-accent-warm-light:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-accent-warm-lighter {
    border-color: #f2e4d4; }
  .widescreen\:hover\:border-accent-warm-lighter:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-accent-cool-darker {
    border-color: #07648d; }
  .widescreen\:hover\:border-accent-cool-darker:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-accent-cool-dark {
    border-color: #28a0cb; }
  .widescreen\:hover\:border-accent-cool-dark:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-accent-cool {
    border-color: #00bde3; }
  .widescreen\:hover\:border-accent-cool:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-accent-cool-light {
    border-color: #97d4ea; }
  .widescreen\:hover\:border-accent-cool-light:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-accent-cool-lighter {
    border-color: #e1f3f8; }
  .widescreen\:hover\:border-accent-cool-lighter:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-5 {
    border-color: #f0f0f0; }
  .widescreen\:hover\:border-gray-5:hover {
    border-color: #f0f0f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-10 {
    border-color: #e6e6e6; }
  .widescreen\:hover\:border-gray-10:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-30 {
    border-color: #adadad; }
  .widescreen\:hover\:border-gray-30:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-50 {
    border-color: #757575; }
  .widescreen\:hover\:border-gray-50:hover {
    border-color: #757575; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-70 {
    border-color: #454545; }
  .widescreen\:hover\:border-gray-70:hover {
    border-color: #454545; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-90 {
    border-color: #1b1b1b; }
  .widescreen\:hover\:border-gray-90:hover {
    border-color: #1b1b1b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-error-lighter {
    border-color: #f4e3db; }
  .widescreen\:hover\:border-error-lighter:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-error-light {
    border-color: #f39268; }
  .widescreen\:hover\:border-error-light:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-error {
    border-color: #d54309; }
  .widescreen\:hover\:border-error:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-error-dark {
    border-color: #b50909; }
  .widescreen\:hover\:border-error-dark:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-error-darker {
    border-color: #6f3331; }
  .widescreen\:hover\:border-error-darker:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-warning-lighter {
    border-color: #faf3d1; }
  .widescreen\:hover\:border-warning-lighter:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-warning-light {
    border-color: #fee685; }
  .widescreen\:hover\:border-warning-light:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-warning {
    border-color: #ffbe2e; }
  .widescreen\:hover\:border-warning:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-warning-dark {
    border-color: #e5a000; }
  .widescreen\:hover\:border-warning-dark:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-warning-darker {
    border-color: #936f38; }
  .widescreen\:hover\:border-warning-darker:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-success-lighter {
    border-color: #ecf3ec; }
  .widescreen\:hover\:border-success-lighter:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-success-light {
    border-color: #70e17b; }
  .widescreen\:hover\:border-success-light:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-success {
    border-color: #00a91c; }
  .widescreen\:hover\:border-success:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-success-dark {
    border-color: #008817; }
  .widescreen\:hover\:border-success-dark:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-success-darker {
    border-color: #216e1f; }
  .widescreen\:hover\:border-success-darker:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-info-lighter {
    border-color: #e7f6f8; }
  .widescreen\:hover\:border-info-lighter:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-info-light {
    border-color: #99deea; }
  .widescreen\:hover\:border-info-light:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-info {
    border-color: #00bde3; }
  .widescreen\:hover\:border-info:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-info-dark {
    border-color: #009ec1; }
  .widescreen\:hover\:border-info-dark:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-info-darker {
    border-color: #2e6276; }
  .widescreen\:hover\:border-info-darker:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-disabled-light {
    border-color: #e6e6e6; }
  .widescreen\:hover\:border-disabled-light:hover {
    border-color: #e6e6e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-disabled {
    border-color: #c9c9c9; }
  .widescreen\:hover\:border-disabled:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-disabled-dark {
    border-color: #adadad; }
  .widescreen\:hover\:border-disabled-dark:hover {
    border-color: #adadad; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-emergency {
    border-color: #9c3d10; }
  .widescreen\:hover\:border-emergency:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-emergency-dark {
    border-color: #332d29; }
  .widescreen\:hover\:border-emergency-dark:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red {
    border-color: #e52207; }
  .widescreen\:hover\:border-red:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange {
    border-color: #e66f0e; }
  .widescreen\:hover\:border-orange:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold {
    border-color: #ffbe2e; }
  .widescreen\:hover\:border-gold:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow {
    border-color: #fee685; }
  .widescreen\:hover\:border-yellow:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green {
    border-color: #538200; }
  .widescreen\:hover\:border-green:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint {
    border-color: #04c585; }
  .widescreen\:hover\:border-mint:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan {
    border-color: #009ec1; }
  .widescreen\:hover\:border-cyan:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue {
    border-color: #0076d6; }
  .widescreen\:hover\:border-blue:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo {
    border-color: #676cc8; }
  .widescreen\:hover\:border-indigo:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet {
    border-color: #8168b3; }
  .widescreen\:hover\:border-violet:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta {
    border-color: #d72d79; }
  .widescreen\:hover\:border-magenta:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black-transparent-5 {
    border-color: rgba(0, 0, 0, 0.01); }
  .widescreen\:hover\:border-black-transparent-5:hover {
    border-color: rgba(0, 0, 0, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black-transparent-10 {
    border-color: rgba(0, 0, 0, 0.1); }
  .widescreen\:hover\:border-black-transparent-10:hover {
    border-color: rgba(0, 0, 0, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black-transparent-20 {
    border-color: rgba(0, 0, 0, 0.2); }
  .widescreen\:hover\:border-black-transparent-20:hover {
    border-color: rgba(0, 0, 0, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black-transparent-30 {
    border-color: rgba(0, 0, 0, 0.3); }
  .widescreen\:hover\:border-black-transparent-30:hover {
    border-color: rgba(0, 0, 0, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black-transparent-40 {
    border-color: rgba(0, 0, 0, 0.4); }
  .widescreen\:hover\:border-black-transparent-40:hover {
    border-color: rgba(0, 0, 0, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black-transparent-50 {
    border-color: rgba(0, 0, 0, 0.5); }
  .widescreen\:hover\:border-black-transparent-50:hover {
    border-color: rgba(0, 0, 0, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black-transparent-60 {
    border-color: rgba(0, 0, 0, 0.6); }
  .widescreen\:hover\:border-black-transparent-60:hover {
    border-color: rgba(0, 0, 0, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black-transparent-70 {
    border-color: rgba(0, 0, 0, 0.7); }
  .widescreen\:hover\:border-black-transparent-70:hover {
    border-color: rgba(0, 0, 0, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black-transparent-80 {
    border-color: rgba(0, 0, 0, 0.8); }
  .widescreen\:hover\:border-black-transparent-80:hover {
    border-color: rgba(0, 0, 0, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-black-transparent-90 {
    border-color: rgba(0, 0, 0, 0.9); }
  .widescreen\:hover\:border-black-transparent-90:hover {
    border-color: rgba(0, 0, 0, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-1 {
    border-color: #fbfcfd; }
  .widescreen\:hover\:border-gray-cool-1:hover {
    border-color: #fbfcfd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-2 {
    border-color: #f7f9fa; }
  .widescreen\:hover\:border-gray-cool-2:hover {
    border-color: #f7f9fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-3 {
    border-color: #f5f6f7; }
  .widescreen\:hover\:border-gray-cool-3:hover {
    border-color: #f5f6f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-4 {
    border-color: #f1f3f6; }
  .widescreen\:hover\:border-gray-cool-4:hover {
    border-color: #f1f3f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-5 {
    border-color: #edeff0; }
  .widescreen\:hover\:border-gray-cool-5:hover {
    border-color: #edeff0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-10 {
    border-color: #dfe1e2; }
  .widescreen\:hover\:border-gray-cool-10:hover {
    border-color: #dfe1e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-20 {
    border-color: #c6cace; }
  .widescreen\:hover\:border-gray-cool-20:hover {
    border-color: #c6cace; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-30 {
    border-color: #a9aeb1; }
  .widescreen\:hover\:border-gray-cool-30:hover {
    border-color: #a9aeb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-40 {
    border-color: #8d9297; }
  .widescreen\:hover\:border-gray-cool-40:hover {
    border-color: #8d9297; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-50 {
    border-color: #71767a; }
  .widescreen\:hover\:border-gray-cool-50:hover {
    border-color: #71767a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-60 {
    border-color: #565c65; }
  .widescreen\:hover\:border-gray-cool-60:hover {
    border-color: #565c65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-70 {
    border-color: #3d4551; }
  .widescreen\:hover\:border-gray-cool-70:hover {
    border-color: #3d4551; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-80 {
    border-color: #2d2e2f; }
  .widescreen\:hover\:border-gray-cool-80:hover {
    border-color: #2d2e2f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-cool-90 {
    border-color: #1c1d1f; }
  .widescreen\:hover\:border-gray-cool-90:hover {
    border-color: #1c1d1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-1 {
    border-color: #fcfcfc; }
  .widescreen\:hover\:border-gray-1:hover {
    border-color: #fcfcfc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-2 {
    border-color: #f9f9f9; }
  .widescreen\:hover\:border-gray-2:hover {
    border-color: #f9f9f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-3 {
    border-color: #f6f6f6; }
  .widescreen\:hover\:border-gray-3:hover {
    border-color: #f6f6f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-4 {
    border-color: #f3f3f3; }
  .widescreen\:hover\:border-gray-4:hover {
    border-color: #f3f3f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-20 {
    border-color: #c9c9c9; }
  .widescreen\:hover\:border-gray-20:hover {
    border-color: #c9c9c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-40 {
    border-color: #919191; }
  .widescreen\:hover\:border-gray-40:hover {
    border-color: #919191; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-60 {
    border-color: #5c5c5c; }
  .widescreen\:hover\:border-gray-60:hover {
    border-color: #5c5c5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-80 {
    border-color: #2e2e2e; }
  .widescreen\:hover\:border-gray-80:hover {
    border-color: #2e2e2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-1 {
    border-color: #fcfcfb; }
  .widescreen\:hover\:border-gray-warm-1:hover {
    border-color: #fcfcfb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-2 {
    border-color: #f9f9f7; }
  .widescreen\:hover\:border-gray-warm-2:hover {
    border-color: #f9f9f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-3 {
    border-color: #f6f6f2; }
  .widescreen\:hover\:border-gray-warm-3:hover {
    border-color: #f6f6f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-4 {
    border-color: #f5f5f0; }
  .widescreen\:hover\:border-gray-warm-4:hover {
    border-color: #f5f5f0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-5 {
    border-color: #f0f0ec; }
  .widescreen\:hover\:border-gray-warm-5:hover {
    border-color: #f0f0ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-10 {
    border-color: #e6e6e2; }
  .widescreen\:hover\:border-gray-warm-10:hover {
    border-color: #e6e6e2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-20 {
    border-color: #cac9c0; }
  .widescreen\:hover\:border-gray-warm-20:hover {
    border-color: #cac9c0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-30 {
    border-color: #afaea2; }
  .widescreen\:hover\:border-gray-warm-30:hover {
    border-color: #afaea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-40 {
    border-color: #929285; }
  .widescreen\:hover\:border-gray-warm-40:hover {
    border-color: #929285; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-50 {
    border-color: #76766a; }
  .widescreen\:hover\:border-gray-warm-50:hover {
    border-color: #76766a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-60 {
    border-color: #5d5d52; }
  .widescreen\:hover\:border-gray-warm-60:hover {
    border-color: #5d5d52; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-70 {
    border-color: #454540; }
  .widescreen\:hover\:border-gray-warm-70:hover {
    border-color: #454540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-80 {
    border-color: #2e2e2a; }
  .widescreen\:hover\:border-gray-warm-80:hover {
    border-color: #2e2e2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gray-warm-90 {
    border-color: #171716; }
  .widescreen\:hover\:border-gray-warm-90:hover {
    border-color: #171716; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-5 {
    border-color: #e7f2f5; }
  .widescreen\:hover\:border-blue-cool-5:hover {
    border-color: #e7f2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-10 {
    border-color: #dae9ee; }
  .widescreen\:hover\:border-blue-cool-10:hover {
    border-color: #dae9ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-20 {
    border-color: #adcfdc; }
  .widescreen\:hover\:border-blue-cool-20:hover {
    border-color: #adcfdc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-30 {
    border-color: #82b4c9; }
  .widescreen\:hover\:border-blue-cool-30:hover {
    border-color: #82b4c9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-40 {
    border-color: #6499af; }
  .widescreen\:hover\:border-blue-cool-40:hover {
    border-color: #6499af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-50 {
    border-color: #3a7d95; }
  .widescreen\:hover\:border-blue-cool-50:hover {
    border-color: #3a7d95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-60 {
    border-color: #2e6276; }
  .widescreen\:hover\:border-blue-cool-60:hover {
    border-color: #2e6276; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-70 {
    border-color: #224a58; }
  .widescreen\:hover\:border-blue-cool-70:hover {
    border-color: #224a58; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-80 {
    border-color: #14333d; }
  .widescreen\:hover\:border-blue-cool-80:hover {
    border-color: #14333d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-90 {
    border-color: #0f191c; }
  .widescreen\:hover\:border-blue-cool-90:hover {
    border-color: #0f191c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-5v {
    border-color: #e1f3f8; }
  .widescreen\:hover\:border-blue-cool-5v:hover {
    border-color: #e1f3f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-10v {
    border-color: #c3ebfa; }
  .widescreen\:hover\:border-blue-cool-10v:hover {
    border-color: #c3ebfa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-20v {
    border-color: #97d4ea; }
  .widescreen\:hover\:border-blue-cool-20v:hover {
    border-color: #97d4ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-30v {
    border-color: #59b9de; }
  .widescreen\:hover\:border-blue-cool-30v:hover {
    border-color: #59b9de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-40v {
    border-color: #28a0cb; }
  .widescreen\:hover\:border-blue-cool-40v:hover {
    border-color: #28a0cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-50v {
    border-color: #0d7ea2; }
  .widescreen\:hover\:border-blue-cool-50v:hover {
    border-color: #0d7ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-60v {
    border-color: #07648d; }
  .widescreen\:hover\:border-blue-cool-60v:hover {
    border-color: #07648d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-70v {
    border-color: #074b69; }
  .widescreen\:hover\:border-blue-cool-70v:hover {
    border-color: #074b69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-cool-80v {
    border-color: #002d3f; }
  .widescreen\:hover\:border-blue-cool-80v:hover {
    border-color: #002d3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-5 {
    border-color: #eff6fb; }
  .widescreen\:hover\:border-blue-5:hover {
    border-color: #eff6fb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-10 {
    border-color: #d9e8f6; }
  .widescreen\:hover\:border-blue-10:hover {
    border-color: #d9e8f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-20 {
    border-color: #aacdec; }
  .widescreen\:hover\:border-blue-20:hover {
    border-color: #aacdec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-30 {
    border-color: #73b3e7; }
  .widescreen\:hover\:border-blue-30:hover {
    border-color: #73b3e7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-40 {
    border-color: #4f97d1; }
  .widescreen\:hover\:border-blue-40:hover {
    border-color: #4f97d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-50 {
    border-color: #2378c3; }
  .widescreen\:hover\:border-blue-50:hover {
    border-color: #2378c3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-60 {
    border-color: #2c608a; }
  .widescreen\:hover\:border-blue-60:hover {
    border-color: #2c608a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-70 {
    border-color: #274863; }
  .widescreen\:hover\:border-blue-70:hover {
    border-color: #274863; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-80 {
    border-color: #1f303e; }
  .widescreen\:hover\:border-blue-80:hover {
    border-color: #1f303e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-90 {
    border-color: #11181d; }
  .widescreen\:hover\:border-blue-90:hover {
    border-color: #11181d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-5v {
    border-color: #e8f5ff; }
  .widescreen\:hover\:border-blue-5v:hover {
    border-color: #e8f5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-10v {
    border-color: #cfe8ff; }
  .widescreen\:hover\:border-blue-10v:hover {
    border-color: #cfe8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-20v {
    border-color: #a1d3ff; }
  .widescreen\:hover\:border-blue-20v:hover {
    border-color: #a1d3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-30v {
    border-color: #58b4ff; }
  .widescreen\:hover\:border-blue-30v:hover {
    border-color: #58b4ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-40v {
    border-color: #2491ff; }
  .widescreen\:hover\:border-blue-40v:hover {
    border-color: #2491ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-50v {
    border-color: #0076d6; }
  .widescreen\:hover\:border-blue-50v:hover {
    border-color: #0076d6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-60v {
    border-color: #005ea2; }
  .widescreen\:hover\:border-blue-60v:hover {
    border-color: #005ea2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-70v {
    border-color: #0b4778; }
  .widescreen\:hover\:border-blue-70v:hover {
    border-color: #0b4778; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-80v {
    border-color: #112f4e; }
  .widescreen\:hover\:border-blue-80v:hover {
    border-color: #112f4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-5 {
    border-color: #ecf1f7; }
  .widescreen\:hover\:border-blue-warm-5:hover {
    border-color: #ecf1f7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-10 {
    border-color: #e1e7f1; }
  .widescreen\:hover\:border-blue-warm-10:hover {
    border-color: #e1e7f1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-20 {
    border-color: #bbcae4; }
  .widescreen\:hover\:border-blue-warm-20:hover {
    border-color: #bbcae4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-30 {
    border-color: #98afd2; }
  .widescreen\:hover\:border-blue-warm-30:hover {
    border-color: #98afd2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-40 {
    border-color: #7292c7; }
  .widescreen\:hover\:border-blue-warm-40:hover {
    border-color: #7292c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-50 {
    border-color: #4a77b4; }
  .widescreen\:hover\:border-blue-warm-50:hover {
    border-color: #4a77b4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-60 {
    border-color: #345d96; }
  .widescreen\:hover\:border-blue-warm-60:hover {
    border-color: #345d96; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-70 {
    border-color: #2f4668; }
  .widescreen\:hover\:border-blue-warm-70:hover {
    border-color: #2f4668; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-80 {
    border-color: #252f3e; }
  .widescreen\:hover\:border-blue-warm-80:hover {
    border-color: #252f3e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-90 {
    border-color: #13171f; }
  .widescreen\:hover\:border-blue-warm-90:hover {
    border-color: #13171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-5v {
    border-color: #edf5ff; }
  .widescreen\:hover\:border-blue-warm-5v:hover {
    border-color: #edf5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-10v {
    border-color: #d4e5ff; }
  .widescreen\:hover\:border-blue-warm-10v:hover {
    border-color: #d4e5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-20v {
    border-color: #adcdff; }
  .widescreen\:hover\:border-blue-warm-20v:hover {
    border-color: #adcdff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-30v {
    border-color: #81aefc; }
  .widescreen\:hover\:border-blue-warm-30v:hover {
    border-color: #81aefc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-40v {
    border-color: #5994f6; }
  .widescreen\:hover\:border-blue-warm-40v:hover {
    border-color: #5994f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-50v {
    border-color: #2672de; }
  .widescreen\:hover\:border-blue-warm-50v:hover {
    border-color: #2672de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-60v {
    border-color: #0050d8; }
  .widescreen\:hover\:border-blue-warm-60v:hover {
    border-color: #0050d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-70v {
    border-color: #1a4480; }
  .widescreen\:hover\:border-blue-warm-70v:hover {
    border-color: #1a4480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-blue-warm-80v {
    border-color: #162e51; }
  .widescreen\:hover\:border-blue-warm-80v:hover {
    border-color: #162e51; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-5 {
    border-color: #e7f6f8; }
  .widescreen\:hover\:border-cyan-5:hover {
    border-color: #e7f6f8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-10 {
    border-color: #ccecf2; }
  .widescreen\:hover\:border-cyan-10:hover {
    border-color: #ccecf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-20 {
    border-color: #99deea; }
  .widescreen\:hover\:border-cyan-20:hover {
    border-color: #99deea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-30 {
    border-color: #5dc0d1; }
  .widescreen\:hover\:border-cyan-30:hover {
    border-color: #5dc0d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-40 {
    border-color: #449dac; }
  .widescreen\:hover\:border-cyan-40:hover {
    border-color: #449dac; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-50 {
    border-color: #168092; }
  .widescreen\:hover\:border-cyan-50:hover {
    border-color: #168092; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-60 {
    border-color: #2a646d; }
  .widescreen\:hover\:border-cyan-60:hover {
    border-color: #2a646d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-70 {
    border-color: #2c4a4e; }
  .widescreen\:hover\:border-cyan-70:hover {
    border-color: #2c4a4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-80 {
    border-color: #203133; }
  .widescreen\:hover\:border-cyan-80:hover {
    border-color: #203133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-90 {
    border-color: #111819; }
  .widescreen\:hover\:border-cyan-90:hover {
    border-color: #111819; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-5v {
    border-color: #e5faff; }
  .widescreen\:hover\:border-cyan-5v:hover {
    border-color: #e5faff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-10v {
    border-color: #a8f2ff; }
  .widescreen\:hover\:border-cyan-10v:hover {
    border-color: #a8f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-20v {
    border-color: #52daf2; }
  .widescreen\:hover\:border-cyan-20v:hover {
    border-color: #52daf2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-30v {
    border-color: #00bde3; }
  .widescreen\:hover\:border-cyan-30v:hover {
    border-color: #00bde3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-40v {
    border-color: #009ec1; }
  .widescreen\:hover\:border-cyan-40v:hover {
    border-color: #009ec1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-50v {
    border-color: #0081a1; }
  .widescreen\:hover\:border-cyan-50v:hover {
    border-color: #0081a1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-60v {
    border-color: #00687d; }
  .widescreen\:hover\:border-cyan-60v:hover {
    border-color: #00687d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-70v {
    border-color: #0e4f5c; }
  .widescreen\:hover\:border-cyan-70v:hover {
    border-color: #0e4f5c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-cyan-80v {
    border-color: #093b44; }
  .widescreen\:hover\:border-cyan-80v:hover {
    border-color: #093b44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-5 {
    border-color: #f5f0e6; }
  .widescreen\:hover\:border-gold-5:hover {
    border-color: #f5f0e6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-10 {
    border-color: #f1e5cd; }
  .widescreen\:hover\:border-gold-10:hover {
    border-color: #f1e5cd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-20 {
    border-color: #dec69a; }
  .widescreen\:hover\:border-gold-20:hover {
    border-color: #dec69a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-30 {
    border-color: #c7a97b; }
  .widescreen\:hover\:border-gold-30:hover {
    border-color: #c7a97b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-40 {
    border-color: #ad8b65; }
  .widescreen\:hover\:border-gold-40:hover {
    border-color: #ad8b65; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-50 {
    border-color: #8e704f; }
  .widescreen\:hover\:border-gold-50:hover {
    border-color: #8e704f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-60 {
    border-color: #6b5947; }
  .widescreen\:hover\:border-gold-60:hover {
    border-color: #6b5947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-70 {
    border-color: #4d4438; }
  .widescreen\:hover\:border-gold-70:hover {
    border-color: #4d4438; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-80 {
    border-color: #322d26; }
  .widescreen\:hover\:border-gold-80:hover {
    border-color: #322d26; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-90 {
    border-color: #191714; }
  .widescreen\:hover\:border-gold-90:hover {
    border-color: #191714; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-5v {
    border-color: #fef0c8; }
  .widescreen\:hover\:border-gold-5v:hover {
    border-color: #fef0c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-10v {
    border-color: #ffe396; }
  .widescreen\:hover\:border-gold-10v:hover {
    border-color: #ffe396; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-20v {
    border-color: #ffbe2e; }
  .widescreen\:hover\:border-gold-20v:hover {
    border-color: #ffbe2e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-30v {
    border-color: #e5a000; }
  .widescreen\:hover\:border-gold-30v:hover {
    border-color: #e5a000; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-40v {
    border-color: #c2850c; }
  .widescreen\:hover\:border-gold-40v:hover {
    border-color: #c2850c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-50v {
    border-color: #936f38; }
  .widescreen\:hover\:border-gold-50v:hover {
    border-color: #936f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-60v {
    border-color: #7a591a; }
  .widescreen\:hover\:border-gold-60v:hover {
    border-color: #7a591a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-70v {
    border-color: #5c410a; }
  .widescreen\:hover\:border-gold-70v:hover {
    border-color: #5c410a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-gold-80v {
    border-color: #3b2b15; }
  .widescreen\:hover\:border-gold-80v:hover {
    border-color: #3b2b15; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-5 {
    border-color: #ecf3ec; }
  .widescreen\:hover\:border-green-cool-5:hover {
    border-color: #ecf3ec; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-10 {
    border-color: #dbebde; }
  .widescreen\:hover\:border-green-cool-10:hover {
    border-color: #dbebde; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-20 {
    border-color: #b4d0b9; }
  .widescreen\:hover\:border-green-cool-20:hover {
    border-color: #b4d0b9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-30 {
    border-color: #86b98e; }
  .widescreen\:hover\:border-green-cool-30:hover {
    border-color: #86b98e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-40 {
    border-color: #5e9f69; }
  .widescreen\:hover\:border-green-cool-40:hover {
    border-color: #5e9f69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-50 {
    border-color: #4d8055; }
  .widescreen\:hover\:border-green-cool-50:hover {
    border-color: #4d8055; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-60 {
    border-color: #446443; }
  .widescreen\:hover\:border-green-cool-60:hover {
    border-color: #446443; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-70 {
    border-color: #37493b; }
  .widescreen\:hover\:border-green-cool-70:hover {
    border-color: #37493b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-80 {
    border-color: #28312a; }
  .widescreen\:hover\:border-green-cool-80:hover {
    border-color: #28312a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-90 {
    border-color: #1a1f1a; }
  .widescreen\:hover\:border-green-cool-90:hover {
    border-color: #1a1f1a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-5v {
    border-color: #e3f5e1; }
  .widescreen\:hover\:border-green-cool-5v:hover {
    border-color: #e3f5e1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-10v {
    border-color: #b7f5bd; }
  .widescreen\:hover\:border-green-cool-10v:hover {
    border-color: #b7f5bd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-20v {
    border-color: #70e17b; }
  .widescreen\:hover\:border-green-cool-20v:hover {
    border-color: #70e17b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-30v {
    border-color: #21c834; }
  .widescreen\:hover\:border-green-cool-30v:hover {
    border-color: #21c834; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-40v {
    border-color: #00a91c; }
  .widescreen\:hover\:border-green-cool-40v:hover {
    border-color: #00a91c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-50v {
    border-color: #008817; }
  .widescreen\:hover\:border-green-cool-50v:hover {
    border-color: #008817; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-60v {
    border-color: #216e1f; }
  .widescreen\:hover\:border-green-cool-60v:hover {
    border-color: #216e1f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-70v {
    border-color: #154c21; }
  .widescreen\:hover\:border-green-cool-70v:hover {
    border-color: #154c21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-cool-80v {
    border-color: #19311e; }
  .widescreen\:hover\:border-green-cool-80v:hover {
    border-color: #19311e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-5 {
    border-color: #eaf4dd; }
  .widescreen\:hover\:border-green-5:hover {
    border-color: #eaf4dd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-10 {
    border-color: #dfeacd; }
  .widescreen\:hover\:border-green-10:hover {
    border-color: #dfeacd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-20 {
    border-color: #b8d293; }
  .widescreen\:hover\:border-green-20:hover {
    border-color: #b8d293; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-30 {
    border-color: #9bb672; }
  .widescreen\:hover\:border-green-30:hover {
    border-color: #9bb672; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-40 {
    border-color: #7d9b4e; }
  .widescreen\:hover\:border-green-40:hover {
    border-color: #7d9b4e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-50 {
    border-color: #607f35; }
  .widescreen\:hover\:border-green-50:hover {
    border-color: #607f35; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-60 {
    border-color: #4c6424; }
  .widescreen\:hover\:border-green-60:hover {
    border-color: #4c6424; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-70 {
    border-color: #3c4a29; }
  .widescreen\:hover\:border-green-70:hover {
    border-color: #3c4a29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-80 {
    border-color: #293021; }
  .widescreen\:hover\:border-green-80:hover {
    border-color: #293021; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-90 {
    border-color: #161814; }
  .widescreen\:hover\:border-green-90:hover {
    border-color: #161814; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-5v {
    border-color: #ddf9c7; }
  .widescreen\:hover\:border-green-5v:hover {
    border-color: #ddf9c7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-10v {
    border-color: #c5ee93; }
  .widescreen\:hover\:border-green-10v:hover {
    border-color: #c5ee93; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-20v {
    border-color: #98d035; }
  .widescreen\:hover\:border-green-20v:hover {
    border-color: #98d035; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-30v {
    border-color: #7fb135; }
  .widescreen\:hover\:border-green-30v:hover {
    border-color: #7fb135; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-40v {
    border-color: #719f2a; }
  .widescreen\:hover\:border-green-40v:hover {
    border-color: #719f2a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-50v {
    border-color: #538200; }
  .widescreen\:hover\:border-green-50v:hover {
    border-color: #538200; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-60v {
    border-color: #466c04; }
  .widescreen\:hover\:border-green-60v:hover {
    border-color: #466c04; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-70v {
    border-color: #2f4a0b; }
  .widescreen\:hover\:border-green-70v:hover {
    border-color: #2f4a0b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-80v {
    border-color: #243413; }
  .widescreen\:hover\:border-green-80v:hover {
    border-color: #243413; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-5 {
    border-color: #f1f4d7; }
  .widescreen\:hover\:border-green-warm-5:hover {
    border-color: #f1f4d7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-10 {
    border-color: #e7eab7; }
  .widescreen\:hover\:border-green-warm-10:hover {
    border-color: #e7eab7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-20 {
    border-color: #cbd17a; }
  .widescreen\:hover\:border-green-warm-20:hover {
    border-color: #cbd17a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-30 {
    border-color: #a6b557; }
  .widescreen\:hover\:border-green-warm-30:hover {
    border-color: #a6b557; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-40 {
    border-color: #8a984b; }
  .widescreen\:hover\:border-green-warm-40:hover {
    border-color: #8a984b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-50 {
    border-color: #6f7a41; }
  .widescreen\:hover\:border-green-warm-50:hover {
    border-color: #6f7a41; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-60 {
    border-color: #5a5f38; }
  .widescreen\:hover\:border-green-warm-60:hover {
    border-color: #5a5f38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-70 {
    border-color: #45472f; }
  .widescreen\:hover\:border-green-warm-70:hover {
    border-color: #45472f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-80 {
    border-color: #2d2f21; }
  .widescreen\:hover\:border-green-warm-80:hover {
    border-color: #2d2f21; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-90 {
    border-color: #171712; }
  .widescreen\:hover\:border-green-warm-90:hover {
    border-color: #171712; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-5v {
    border-color: #f5fbc1; }
  .widescreen\:hover\:border-green-warm-5v:hover {
    border-color: #f5fbc1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-10v {
    border-color: #e7f434; }
  .widescreen\:hover\:border-green-warm-10v:hover {
    border-color: #e7f434; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-20v {
    border-color: #c5d30a; }
  .widescreen\:hover\:border-green-warm-20v:hover {
    border-color: #c5d30a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-30v {
    border-color: #a3b72c; }
  .widescreen\:hover\:border-green-warm-30v:hover {
    border-color: #a3b72c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-40v {
    border-color: #7e9c1d; }
  .widescreen\:hover\:border-green-warm-40v:hover {
    border-color: #7e9c1d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-50v {
    border-color: #6a7d00; }
  .widescreen\:hover\:border-green-warm-50v:hover {
    border-color: #6a7d00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-60v {
    border-color: #5a6613; }
  .widescreen\:hover\:border-green-warm-60v:hover {
    border-color: #5a6613; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-70v {
    border-color: #4b4e10; }
  .widescreen\:hover\:border-green-warm-70v:hover {
    border-color: #4b4e10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-green-warm-80v {
    border-color: #38380b; }
  .widescreen\:hover\:border-green-warm-80v:hover {
    border-color: #38380b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-5 {
    border-color: #eef0f9; }
  .widescreen\:hover\:border-indigo-cool-5:hover {
    border-color: #eef0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-10 {
    border-color: #e1e6f9; }
  .widescreen\:hover\:border-indigo-cool-10:hover {
    border-color: #e1e6f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-20 {
    border-color: #bbc8f5; }
  .widescreen\:hover\:border-indigo-cool-20:hover {
    border-color: #bbc8f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-30 {
    border-color: #96abee; }
  .widescreen\:hover\:border-indigo-cool-30:hover {
    border-color: #96abee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-40 {
    border-color: #6b8ee8; }
  .widescreen\:hover\:border-indigo-cool-40:hover {
    border-color: #6b8ee8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-50 {
    border-color: #496fd8; }
  .widescreen\:hover\:border-indigo-cool-50:hover {
    border-color: #496fd8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-60 {
    border-color: #3f57a6; }
  .widescreen\:hover\:border-indigo-cool-60:hover {
    border-color: #3f57a6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-70 {
    border-color: #374274; }
  .widescreen\:hover\:border-indigo-cool-70:hover {
    border-color: #374274; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-80 {
    border-color: #292d42; }
  .widescreen\:hover\:border-indigo-cool-80:hover {
    border-color: #292d42; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-90 {
    border-color: #151622; }
  .widescreen\:hover\:border-indigo-cool-90:hover {
    border-color: #151622; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-5v {
    border-color: #edf0ff; }
  .widescreen\:hover\:border-indigo-cool-5v:hover {
    border-color: #edf0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-10v {
    border-color: #dee5ff; }
  .widescreen\:hover\:border-indigo-cool-10v:hover {
    border-color: #dee5ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-20v {
    border-color: #b8c8ff; }
  .widescreen\:hover\:border-indigo-cool-20v:hover {
    border-color: #b8c8ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-30v {
    border-color: #94adff; }
  .widescreen\:hover\:border-indigo-cool-30v:hover {
    border-color: #94adff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-40v {
    border-color: #628ef4; }
  .widescreen\:hover\:border-indigo-cool-40v:hover {
    border-color: #628ef4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-50v {
    border-color: #4866ff; }
  .widescreen\:hover\:border-indigo-cool-50v:hover {
    border-color: #4866ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-60v {
    border-color: #3e4ded; }
  .widescreen\:hover\:border-indigo-cool-60v:hover {
    border-color: #3e4ded; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-70v {
    border-color: #222fbf; }
  .widescreen\:hover\:border-indigo-cool-70v:hover {
    border-color: #222fbf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-cool-80v {
    border-color: #1b2b85; }
  .widescreen\:hover\:border-indigo-cool-80v:hover {
    border-color: #1b2b85; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-5 {
    border-color: #efeff8; }
  .widescreen\:hover\:border-indigo-5:hover {
    border-color: #efeff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-10 {
    border-color: #e5e4fa; }
  .widescreen\:hover\:border-indigo-10:hover {
    border-color: #e5e4fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-20 {
    border-color: #c5c5f3; }
  .widescreen\:hover\:border-indigo-20:hover {
    border-color: #c5c5f3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-30 {
    border-color: #a5a8eb; }
  .widescreen\:hover\:border-indigo-30:hover {
    border-color: #a5a8eb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-40 {
    border-color: #8889db; }
  .widescreen\:hover\:border-indigo-40:hover {
    border-color: #8889db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-50 {
    border-color: #676cc8; }
  .widescreen\:hover\:border-indigo-50:hover {
    border-color: #676cc8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-60 {
    border-color: #4d52af; }
  .widescreen\:hover\:border-indigo-60:hover {
    border-color: #4d52af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-70 {
    border-color: #3d4076; }
  .widescreen\:hover\:border-indigo-70:hover {
    border-color: #3d4076; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-80 {
    border-color: #2b2c40; }
  .widescreen\:hover\:border-indigo-80:hover {
    border-color: #2b2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-90 {
    border-color: #16171f; }
  .widescreen\:hover\:border-indigo-90:hover {
    border-color: #16171f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-5v {
    border-color: #f0f0ff; }
  .widescreen\:hover\:border-indigo-5v:hover {
    border-color: #f0f0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-10v {
    border-color: #e0e0ff; }
  .widescreen\:hover\:border-indigo-10v:hover {
    border-color: #e0e0ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-20v {
    border-color: #ccceff; }
  .widescreen\:hover\:border-indigo-20v:hover {
    border-color: #ccceff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-30v {
    border-color: #a3a7fa; }
  .widescreen\:hover\:border-indigo-30v:hover {
    border-color: #a3a7fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-40v {
    border-color: #8289ff; }
  .widescreen\:hover\:border-indigo-40v:hover {
    border-color: #8289ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-50v {
    border-color: #656bd7; }
  .widescreen\:hover\:border-indigo-50v:hover {
    border-color: #656bd7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-60v {
    border-color: #4a50c4; }
  .widescreen\:hover\:border-indigo-60v:hover {
    border-color: #4a50c4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-70v {
    border-color: #3333a3; }
  .widescreen\:hover\:border-indigo-70v:hover {
    border-color: #3333a3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-80v {
    border-color: #212463; }
  .widescreen\:hover\:border-indigo-80v:hover {
    border-color: #212463; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-5 {
    border-color: #f1eff7; }
  .widescreen\:hover\:border-indigo-warm-5:hover {
    border-color: #f1eff7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-10 {
    border-color: #e7e3fa; }
  .widescreen\:hover\:border-indigo-warm-10:hover {
    border-color: #e7e3fa; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-20 {
    border-color: #cbc4f2; }
  .widescreen\:hover\:border-indigo-warm-20:hover {
    border-color: #cbc4f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-30 {
    border-color: #afa5e8; }
  .widescreen\:hover\:border-indigo-warm-30:hover {
    border-color: #afa5e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-40 {
    border-color: #9287d8; }
  .widescreen\:hover\:border-indigo-warm-40:hover {
    border-color: #9287d8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-50 {
    border-color: #7665d1; }
  .widescreen\:hover\:border-indigo-warm-50:hover {
    border-color: #7665d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-60 {
    border-color: #5e519e; }
  .widescreen\:hover\:border-indigo-warm-60:hover {
    border-color: #5e519e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-70 {
    border-color: #453c7b; }
  .widescreen\:hover\:border-indigo-warm-70:hover {
    border-color: #453c7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-80 {
    border-color: #2e2c40; }
  .widescreen\:hover\:border-indigo-warm-80:hover {
    border-color: #2e2c40; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-90 {
    border-color: #18161d; }
  .widescreen\:hover\:border-indigo-warm-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-5v {
    border-color: #f5f2ff; }
  .widescreen\:hover\:border-indigo-warm-5v:hover {
    border-color: #f5f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-10v {
    border-color: #e4deff; }
  .widescreen\:hover\:border-indigo-warm-10v:hover {
    border-color: #e4deff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-20v {
    border-color: #cfc4fd; }
  .widescreen\:hover\:border-indigo-warm-20v:hover {
    border-color: #cfc4fd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-30v {
    border-color: #b69fff; }
  .widescreen\:hover\:border-indigo-warm-30v:hover {
    border-color: #b69fff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-40v {
    border-color: #967efb; }
  .widescreen\:hover\:border-indigo-warm-40v:hover {
    border-color: #967efb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-50v {
    border-color: #745fe9; }
  .widescreen\:hover\:border-indigo-warm-50v:hover {
    border-color: #745fe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-60v {
    border-color: #5942d2; }
  .widescreen\:hover\:border-indigo-warm-60v:hover {
    border-color: #5942d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-70v {
    border-color: #3d2c9d; }
  .widescreen\:hover\:border-indigo-warm-70v:hover {
    border-color: #3d2c9d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-indigo-warm-80v {
    border-color: #261f5b; }
  .widescreen\:hover\:border-indigo-warm-80v:hover {
    border-color: #261f5b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-5 {
    border-color: #f9f0f2; }
  .widescreen\:hover\:border-magenta-5:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-10 {
    border-color: #f6e1e8; }
  .widescreen\:hover\:border-magenta-10:hover {
    border-color: #f6e1e8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-20 {
    border-color: #f0bbcc; }
  .widescreen\:hover\:border-magenta-20:hover {
    border-color: #f0bbcc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-30 {
    border-color: #e895b3; }
  .widescreen\:hover\:border-magenta-30:hover {
    border-color: #e895b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-40 {
    border-color: #e0699f; }
  .widescreen\:hover\:border-magenta-40:hover {
    border-color: #e0699f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-50 {
    border-color: #c84281; }
  .widescreen\:hover\:border-magenta-50:hover {
    border-color: #c84281; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-60 {
    border-color: #8b4566; }
  .widescreen\:hover\:border-magenta-60:hover {
    border-color: #8b4566; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-70 {
    border-color: #66364b; }
  .widescreen\:hover\:border-magenta-70:hover {
    border-color: #66364b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-80 {
    border-color: #402731; }
  .widescreen\:hover\:border-magenta-80:hover {
    border-color: #402731; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-90 {
    border-color: #1b1617; }
  .widescreen\:hover\:border-magenta-90:hover {
    border-color: #1b1617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-5v {
    border-color: #f9f0f2; }
  .widescreen\:hover\:border-magenta-5v:hover {
    border-color: #f9f0f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-10v {
    border-color: #ffddea; }
  .widescreen\:hover\:border-magenta-10v:hover {
    border-color: #ffddea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-20v {
    border-color: #ffb4cf; }
  .widescreen\:hover\:border-magenta-20v:hover {
    border-color: #ffb4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-30v {
    border-color: #ff87b2; }
  .widescreen\:hover\:border-magenta-30v:hover {
    border-color: #ff87b2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-40v {
    border-color: #fd4496; }
  .widescreen\:hover\:border-magenta-40v:hover {
    border-color: #fd4496; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-50v {
    border-color: #d72d79; }
  .widescreen\:hover\:border-magenta-50v:hover {
    border-color: #d72d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-60v {
    border-color: #ab2165; }
  .widescreen\:hover\:border-magenta-60v:hover {
    border-color: #ab2165; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-70v {
    border-color: #731f44; }
  .widescreen\:hover\:border-magenta-70v:hover {
    border-color: #731f44; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-magenta-80v {
    border-color: #4f172e; }
  .widescreen\:hover\:border-magenta-80v:hover {
    border-color: #4f172e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-5 {
    border-color: #e0f7f6; }
  .widescreen\:hover\:border-mint-cool-5:hover {
    border-color: #e0f7f6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-10 {
    border-color: #c4eeeb; }
  .widescreen\:hover\:border-mint-cool-10:hover {
    border-color: #c4eeeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-20 {
    border-color: #9bd4cf; }
  .widescreen\:hover\:border-mint-cool-20:hover {
    border-color: #9bd4cf; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-30 {
    border-color: #6fbab3; }
  .widescreen\:hover\:border-mint-cool-30:hover {
    border-color: #6fbab3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-40 {
    border-color: #4f9e99; }
  .widescreen\:hover\:border-mint-cool-40:hover {
    border-color: #4f9e99; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-50 {
    border-color: #40807e; }
  .widescreen\:hover\:border-mint-cool-50:hover {
    border-color: #40807e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-60 {
    border-color: #376462; }
  .widescreen\:hover\:border-mint-cool-60:hover {
    border-color: #376462; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-70 {
    border-color: #2a4b45; }
  .widescreen\:hover\:border-mint-cool-70:hover {
    border-color: #2a4b45; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-80 {
    border-color: #203131; }
  .widescreen\:hover\:border-mint-cool-80:hover {
    border-color: #203131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-90 {
    border-color: #111818; }
  .widescreen\:hover\:border-mint-cool-90:hover {
    border-color: #111818; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-5v {
    border-color: #d5fbf3; }
  .widescreen\:hover\:border-mint-cool-5v:hover {
    border-color: #d5fbf3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-10v {
    border-color: #7efbe1; }
  .widescreen\:hover\:border-mint-cool-10v:hover {
    border-color: #7efbe1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-20v {
    border-color: #29e1cb; }
  .widescreen\:hover\:border-mint-cool-20v:hover {
    border-color: #29e1cb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-30v {
    border-color: #1dc2ae; }
  .widescreen\:hover\:border-mint-cool-30v:hover {
    border-color: #1dc2ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-40v {
    border-color: #00a398; }
  .widescreen\:hover\:border-mint-cool-40v:hover {
    border-color: #00a398; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-50v {
    border-color: #008480; }
  .widescreen\:hover\:border-mint-cool-50v:hover {
    border-color: #008480; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-60v {
    border-color: #0f6460; }
  .widescreen\:hover\:border-mint-cool-60v:hover {
    border-color: #0f6460; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-70v {
    border-color: #0b4b3f; }
  .widescreen\:hover\:border-mint-cool-70v:hover {
    border-color: #0b4b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-cool-80v {
    border-color: #123131; }
  .widescreen\:hover\:border-mint-cool-80v:hover {
    border-color: #123131; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-5 {
    border-color: #dbf6ed; }
  .widescreen\:hover\:border-mint-5:hover {
    border-color: #dbf6ed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-10 {
    border-color: #c7efe2; }
  .widescreen\:hover\:border-mint-10:hover {
    border-color: #c7efe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-20 {
    border-color: #92d9bb; }
  .widescreen\:hover\:border-mint-20:hover {
    border-color: #92d9bb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-30 {
    border-color: #5abf95; }
  .widescreen\:hover\:border-mint-30:hover {
    border-color: #5abf95; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-40 {
    border-color: #34a37e; }
  .widescreen\:hover\:border-mint-40:hover {
    border-color: #34a37e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-50 {
    border-color: #2e8367; }
  .widescreen\:hover\:border-mint-50:hover {
    border-color: #2e8367; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-60 {
    border-color: #286846; }
  .widescreen\:hover\:border-mint-60:hover {
    border-color: #286846; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-70 {
    border-color: #204e34; }
  .widescreen\:hover\:border-mint-70:hover {
    border-color: #204e34; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-80 {
    border-color: #193324; }
  .widescreen\:hover\:border-mint-80:hover {
    border-color: #193324; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-90 {
    border-color: #0d1a12; }
  .widescreen\:hover\:border-mint-90:hover {
    border-color: #0d1a12; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-5v {
    border-color: #c9fbeb; }
  .widescreen\:hover\:border-mint-5v:hover {
    border-color: #c9fbeb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-10v {
    border-color: #83fcd4; }
  .widescreen\:hover\:border-mint-10v:hover {
    border-color: #83fcd4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-20v {
    border-color: #0ceda6; }
  .widescreen\:hover\:border-mint-20v:hover {
    border-color: #0ceda6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-30v {
    border-color: #04c585; }
  .widescreen\:hover\:border-mint-30v:hover {
    border-color: #04c585; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-40v {
    border-color: #00a871; }
  .widescreen\:hover\:border-mint-40v:hover {
    border-color: #00a871; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-50v {
    border-color: #008659; }
  .widescreen\:hover\:border-mint-50v:hover {
    border-color: #008659; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-60v {
    border-color: #146947; }
  .widescreen\:hover\:border-mint-60v:hover {
    border-color: #146947; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-70v {
    border-color: #0c4e29; }
  .widescreen\:hover\:border-mint-70v:hover {
    border-color: #0c4e29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-mint-80v {
    border-color: #0d351e; }
  .widescreen\:hover\:border-mint-80v:hover {
    border-color: #0d351e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-5 {
    border-color: #f6efe9; }
  .widescreen\:hover\:border-orange-5:hover {
    border-color: #f6efe9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-10 {
    border-color: #f2e4d4; }
  .widescreen\:hover\:border-orange-10:hover {
    border-color: #f2e4d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-20 {
    border-color: #f3bf90; }
  .widescreen\:hover\:border-orange-20:hover {
    border-color: #f3bf90; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-30 {
    border-color: #f09860; }
  .widescreen\:hover\:border-orange-30:hover {
    border-color: #f09860; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-40 {
    border-color: #dd7533; }
  .widescreen\:hover\:border-orange-40:hover {
    border-color: #dd7533; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-50 {
    border-color: #a86437; }
  .widescreen\:hover\:border-orange-50:hover {
    border-color: #a86437; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-60 {
    border-color: #775540; }
  .widescreen\:hover\:border-orange-60:hover {
    border-color: #775540; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-70 {
    border-color: #524236; }
  .widescreen\:hover\:border-orange-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-80 {
    border-color: #332d27; }
  .widescreen\:hover\:border-orange-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-90 {
    border-color: #1b1614; }
  .widescreen\:hover\:border-orange-90:hover {
    border-color: #1b1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-5v {
    border-color: #fef2e4; }
  .widescreen\:hover\:border-orange-5v:hover {
    border-color: #fef2e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-10v {
    border-color: #fce2c5; }
  .widescreen\:hover\:border-orange-10v:hover {
    border-color: #fce2c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-20v {
    border-color: #ffbc78; }
  .widescreen\:hover\:border-orange-20v:hover {
    border-color: #ffbc78; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-30v {
    border-color: #fa9441; }
  .widescreen\:hover\:border-orange-30v:hover {
    border-color: #fa9441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-40v {
    border-color: #e66f0e; }
  .widescreen\:hover\:border-orange-40v:hover {
    border-color: #e66f0e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-50v {
    border-color: #c05600; }
  .widescreen\:hover\:border-orange-50v:hover {
    border-color: #c05600; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-60v {
    border-color: #8c471c; }
  .widescreen\:hover\:border-orange-60v:hover {
    border-color: #8c471c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-70v {
    border-color: #5f3617; }
  .widescreen\:hover\:border-orange-70v:hover {
    border-color: #5f3617; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-80v {
    border-color: #352313; }
  .widescreen\:hover\:border-orange-80v:hover {
    border-color: #352313; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-5 {
    border-color: #faeee5; }
  .widescreen\:hover\:border-orange-warm-5:hover {
    border-color: #faeee5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-10 {
    border-color: #fbe0d0; }
  .widescreen\:hover\:border-orange-warm-10:hover {
    border-color: #fbe0d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-20 {
    border-color: #f7bca2; }
  .widescreen\:hover\:border-orange-warm-20:hover {
    border-color: #f7bca2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-30 {
    border-color: #f3966d; }
  .widescreen\:hover\:border-orange-warm-30:hover {
    border-color: #f3966d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-40 {
    border-color: #e17141; }
  .widescreen\:hover\:border-orange-warm-40:hover {
    border-color: #e17141; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-50 {
    border-color: #bd5727; }
  .widescreen\:hover\:border-orange-warm-50:hover {
    border-color: #bd5727; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-60 {
    border-color: #914734; }
  .widescreen\:hover\:border-orange-warm-60:hover {
    border-color: #914734; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-70 {
    border-color: #633a32; }
  .widescreen\:hover\:border-orange-warm-70:hover {
    border-color: #633a32; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-80 {
    border-color: #3d2925; }
  .widescreen\:hover\:border-orange-warm-80:hover {
    border-color: #3d2925; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-90 {
    border-color: #1c1615; }
  .widescreen\:hover\:border-orange-warm-90:hover {
    border-color: #1c1615; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-5v {
    border-color: #fff3ea; }
  .widescreen\:hover\:border-orange-warm-5v:hover {
    border-color: #fff3ea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-10v {
    border-color: #ffe2d1; }
  .widescreen\:hover\:border-orange-warm-10v:hover {
    border-color: #ffe2d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-20v {
    border-color: #fbbaa7; }
  .widescreen\:hover\:border-orange-warm-20v:hover {
    border-color: #fbbaa7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-30v {
    border-color: #fc906d; }
  .widescreen\:hover\:border-orange-warm-30v:hover {
    border-color: #fc906d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-40v {
    border-color: #ff580a; }
  .widescreen\:hover\:border-orange-warm-40v:hover {
    border-color: #ff580a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-50v {
    border-color: #cf4900; }
  .widescreen\:hover\:border-orange-warm-50v:hover {
    border-color: #cf4900; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-60v {
    border-color: #a72f10; }
  .widescreen\:hover\:border-orange-warm-60v:hover {
    border-color: #a72f10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-70v {
    border-color: #782312; }
  .widescreen\:hover\:border-orange-warm-70v:hover {
    border-color: #782312; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-orange-warm-80v {
    border-color: #3d231d; }
  .widescreen\:hover\:border-orange-warm-80v:hover {
    border-color: #3d231d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-5 {
    border-color: #f8eff1; }
  .widescreen\:hover\:border-red-cool-5:hover {
    border-color: #f8eff1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-10 {
    border-color: #f3e1e4; }
  .widescreen\:hover\:border-red-cool-10:hover {
    border-color: #f3e1e4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-20 {
    border-color: #ecbec6; }
  .widescreen\:hover\:border-red-cool-20:hover {
    border-color: #ecbec6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-30 {
    border-color: #e09aa6; }
  .widescreen\:hover\:border-red-cool-30:hover {
    border-color: #e09aa6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-40 {
    border-color: #e16b80; }
  .widescreen\:hover\:border-red-cool-40:hover {
    border-color: #e16b80; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-50 {
    border-color: #cd425b; }
  .widescreen\:hover\:border-red-cool-50:hover {
    border-color: #cd425b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-60 {
    border-color: #9e394b; }
  .widescreen\:hover\:border-red-cool-60:hover {
    border-color: #9e394b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-70 {
    border-color: #68363f; }
  .widescreen\:hover\:border-red-cool-70:hover {
    border-color: #68363f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-80 {
    border-color: #40282c; }
  .widescreen\:hover\:border-red-cool-80:hover {
    border-color: #40282c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-90 {
    border-color: #1e1517; }
  .widescreen\:hover\:border-red-cool-90:hover {
    border-color: #1e1517; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-5v {
    border-color: #fff2f5; }
  .widescreen\:hover\:border-red-cool-5v:hover {
    border-color: #fff2f5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-10v {
    border-color: #f8dfe2; }
  .widescreen\:hover\:border-red-cool-10v:hover {
    border-color: #f8dfe2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-20v {
    border-color: #f8b9c5; }
  .widescreen\:hover\:border-red-cool-20v:hover {
    border-color: #f8b9c5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-30v {
    border-color: #fd8ba0; }
  .widescreen\:hover\:border-red-cool-30v:hover {
    border-color: #fd8ba0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-40v {
    border-color: #f45d79; }
  .widescreen\:hover\:border-red-cool-40v:hover {
    border-color: #f45d79; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-50v {
    border-color: #e41d3d; }
  .widescreen\:hover\:border-red-cool-50v:hover {
    border-color: #e41d3d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-60v {
    border-color: #b21d38; }
  .widescreen\:hover\:border-red-cool-60v:hover {
    border-color: #b21d38; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-70v {
    border-color: #822133; }
  .widescreen\:hover\:border-red-cool-70v:hover {
    border-color: #822133; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-cool-80v {
    border-color: #4f1c24; }
  .widescreen\:hover\:border-red-cool-80v:hover {
    border-color: #4f1c24; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-5 {
    border-color: #f9eeee; }
  .widescreen\:hover\:border-red-5:hover {
    border-color: #f9eeee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-10 {
    border-color: #f8e1de; }
  .widescreen\:hover\:border-red-10:hover {
    border-color: #f8e1de; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-20 {
    border-color: #f7bbb1; }
  .widescreen\:hover\:border-red-20:hover {
    border-color: #f7bbb1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-30 {
    border-color: #f2938c; }
  .widescreen\:hover\:border-red-30:hover {
    border-color: #f2938c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-40 {
    border-color: #e9695f; }
  .widescreen\:hover\:border-red-40:hover {
    border-color: #e9695f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-50 {
    border-color: #d83933; }
  .widescreen\:hover\:border-red-50:hover {
    border-color: #d83933; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-60 {
    border-color: #a23737; }
  .widescreen\:hover\:border-red-60:hover {
    border-color: #a23737; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-70 {
    border-color: #6f3331; }
  .widescreen\:hover\:border-red-70:hover {
    border-color: #6f3331; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-80 {
    border-color: #3e2927; }
  .widescreen\:hover\:border-red-80:hover {
    border-color: #3e2927; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-90 {
    border-color: #1b1616; }
  .widescreen\:hover\:border-red-90:hover {
    border-color: #1b1616; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-5v {
    border-color: #fff3f2; }
  .widescreen\:hover\:border-red-5v:hover {
    border-color: #fff3f2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-10v {
    border-color: #fde0db; }
  .widescreen\:hover\:border-red-10v:hover {
    border-color: #fde0db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-20v {
    border-color: #fdb8ae; }
  .widescreen\:hover\:border-red-20v:hover {
    border-color: #fdb8ae; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-30v {
    border-color: #ff8d7b; }
  .widescreen\:hover\:border-red-30v:hover {
    border-color: #ff8d7b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-40v {
    border-color: #fb5a47; }
  .widescreen\:hover\:border-red-40v:hover {
    border-color: #fb5a47; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-50v {
    border-color: #e52207; }
  .widescreen\:hover\:border-red-50v:hover {
    border-color: #e52207; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-60v {
    border-color: #b50909; }
  .widescreen\:hover\:border-red-60v:hover {
    border-color: #b50909; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-70v {
    border-color: #8b0a03; }
  .widescreen\:hover\:border-red-70v:hover {
    border-color: #8b0a03; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-80v {
    border-color: #5c1111; }
  .widescreen\:hover\:border-red-80v:hover {
    border-color: #5c1111; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-5 {
    border-color: #f6efea; }
  .widescreen\:hover\:border-red-warm-5:hover {
    border-color: #f6efea; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-10 {
    border-color: #f4e3db; }
  .widescreen\:hover\:border-red-warm-10:hover {
    border-color: #f4e3db; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-20 {
    border-color: #ecc0a7; }
  .widescreen\:hover\:border-red-warm-20:hover {
    border-color: #ecc0a7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-30 {
    border-color: #dca081; }
  .widescreen\:hover\:border-red-warm-30:hover {
    border-color: #dca081; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-40 {
    border-color: #d27a56; }
  .widescreen\:hover\:border-red-warm-40:hover {
    border-color: #d27a56; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-50 {
    border-color: #c3512c; }
  .widescreen\:hover\:border-red-warm-50:hover {
    border-color: #c3512c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-60 {
    border-color: #805039; }
  .widescreen\:hover\:border-red-warm-60:hover {
    border-color: #805039; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-70 {
    border-color: #524236; }
  .widescreen\:hover\:border-red-warm-70:hover {
    border-color: #524236; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-80 {
    border-color: #332d29; }
  .widescreen\:hover\:border-red-warm-80:hover {
    border-color: #332d29; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-90 {
    border-color: #1f1c18; }
  .widescreen\:hover\:border-red-warm-90:hover {
    border-color: #1f1c18; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-5v {
    border-color: #fff5ee; }
  .widescreen\:hover\:border-red-warm-5v:hover {
    border-color: #fff5ee; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-10v {
    border-color: #fce1d4; }
  .widescreen\:hover\:border-red-warm-10v:hover {
    border-color: #fce1d4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-20v {
    border-color: #f6bd9c; }
  .widescreen\:hover\:border-red-warm-20v:hover {
    border-color: #f6bd9c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-30v {
    border-color: #f39268; }
  .widescreen\:hover\:border-red-warm-30v:hover {
    border-color: #f39268; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-40v {
    border-color: #ef5e25; }
  .widescreen\:hover\:border-red-warm-40v:hover {
    border-color: #ef5e25; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-50v {
    border-color: #d54309; }
  .widescreen\:hover\:border-red-warm-50v:hover {
    border-color: #d54309; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-60v {
    border-color: #9c3d10; }
  .widescreen\:hover\:border-red-warm-60v:hover {
    border-color: #9c3d10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-70v {
    border-color: #63340f; }
  .widescreen\:hover\:border-red-warm-70v:hover {
    border-color: #63340f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-red-warm-80v {
    border-color: #3e2a1e; }
  .widescreen\:hover\:border-red-warm-80v:hover {
    border-color: #3e2a1e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-5 {
    border-color: #f4f1f9; }
  .widescreen\:hover\:border-violet-5:hover {
    border-color: #f4f1f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-10 {
    border-color: #ebe3f9; }
  .widescreen\:hover\:border-violet-10:hover {
    border-color: #ebe3f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-20 {
    border-color: #d0c3e9; }
  .widescreen\:hover\:border-violet-20:hover {
    border-color: #d0c3e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-30 {
    border-color: #b8a2e3; }
  .widescreen\:hover\:border-violet-30:hover {
    border-color: #b8a2e3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-40 {
    border-color: #9d84d2; }
  .widescreen\:hover\:border-violet-40:hover {
    border-color: #9d84d2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-50 {
    border-color: #8168b3; }
  .widescreen\:hover\:border-violet-50:hover {
    border-color: #8168b3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-60 {
    border-color: #665190; }
  .widescreen\:hover\:border-violet-60:hover {
    border-color: #665190; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-70 {
    border-color: #4c3d69; }
  .widescreen\:hover\:border-violet-70:hover {
    border-color: #4c3d69; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-80 {
    border-color: #312b3f; }
  .widescreen\:hover\:border-violet-80:hover {
    border-color: #312b3f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-90 {
    border-color: #18161d; }
  .widescreen\:hover\:border-violet-90:hover {
    border-color: #18161d; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-5v {
    border-color: #f7f2ff; }
  .widescreen\:hover\:border-violet-5v:hover {
    border-color: #f7f2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-10v {
    border-color: #ede3ff; }
  .widescreen\:hover\:border-violet-10v:hover {
    border-color: #ede3ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-20v {
    border-color: #d5bfff; }
  .widescreen\:hover\:border-violet-20v:hover {
    border-color: #d5bfff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-30v {
    border-color: #c39deb; }
  .widescreen\:hover\:border-violet-30v:hover {
    border-color: #c39deb; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-40v {
    border-color: #ad79e9; }
  .widescreen\:hover\:border-violet-40v:hover {
    border-color: #ad79e9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-50v {
    border-color: #9355dc; }
  .widescreen\:hover\:border-violet-50v:hover {
    border-color: #9355dc; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-60v {
    border-color: #783cb9; }
  .widescreen\:hover\:border-violet-60v:hover {
    border-color: #783cb9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-70v {
    border-color: #54278f; }
  .widescreen\:hover\:border-violet-70v:hover {
    border-color: #54278f; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-80v {
    border-color: #39215e; }
  .widescreen\:hover\:border-violet-80v:hover {
    border-color: #39215e; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-5 {
    border-color: #f8f0f9; }
  .widescreen\:hover\:border-violet-warm-5:hover {
    border-color: #f8f0f9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-10 {
    border-color: #f6dff8; }
  .widescreen\:hover\:border-violet-warm-10:hover {
    border-color: #f6dff8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-20 {
    border-color: #e2bee4; }
  .widescreen\:hover\:border-violet-warm-20:hover {
    border-color: #e2bee4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-30 {
    border-color: #d29ad8; }
  .widescreen\:hover\:border-violet-warm-30:hover {
    border-color: #d29ad8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-40 {
    border-color: #bf77c8; }
  .widescreen\:hover\:border-violet-warm-40:hover {
    border-color: #bf77c8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-50 {
    border-color: #b04abd; }
  .widescreen\:hover\:border-violet-warm-50:hover {
    border-color: #b04abd; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-60 {
    border-color: #864381; }
  .widescreen\:hover\:border-violet-warm-60:hover {
    border-color: #864381; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-70 {
    border-color: #5c395a; }
  .widescreen\:hover\:border-violet-warm-70:hover {
    border-color: #5c395a; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-80 {
    border-color: #382936; }
  .widescreen\:hover\:border-violet-warm-80:hover {
    border-color: #382936; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-90 {
    border-color: #1b151b; }
  .widescreen\:hover\:border-violet-warm-90:hover {
    border-color: #1b151b; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-5v {
    border-color: #fef2ff; }
  .widescreen\:hover\:border-violet-warm-5v:hover {
    border-color: #fef2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-10v {
    border-color: #fbdcff; }
  .widescreen\:hover\:border-violet-warm-10v:hover {
    border-color: #fbdcff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-20v {
    border-color: #f4b2ff; }
  .widescreen\:hover\:border-violet-warm-20v:hover {
    border-color: #f4b2ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-30v {
    border-color: #ee83ff; }
  .widescreen\:hover\:border-violet-warm-30v:hover {
    border-color: #ee83ff; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-40v {
    border-color: #d85bef; }
  .widescreen\:hover\:border-violet-warm-40v:hover {
    border-color: #d85bef; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-50v {
    border-color: #be32d0; }
  .widescreen\:hover\:border-violet-warm-50v:hover {
    border-color: #be32d0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-60v {
    border-color: #93348c; }
  .widescreen\:hover\:border-violet-warm-60v:hover {
    border-color: #93348c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-70v {
    border-color: #711e6c; }
  .widescreen\:hover\:border-violet-warm-70v:hover {
    border-color: #711e6c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-violet-warm-80v {
    border-color: #481441; }
  .widescreen\:hover\:border-violet-warm-80v:hover {
    border-color: #481441; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white-transparent-5 {
    border-color: rgba(255, 255, 255, 0.01); }
  .widescreen\:hover\:border-white-transparent-5:hover {
    border-color: rgba(255, 255, 255, 0.01); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white-transparent-10 {
    border-color: rgba(255, 255, 255, 0.1); }
  .widescreen\:hover\:border-white-transparent-10:hover {
    border-color: rgba(255, 255, 255, 0.1); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white-transparent-20 {
    border-color: rgba(255, 255, 255, 0.2); }
  .widescreen\:hover\:border-white-transparent-20:hover {
    border-color: rgba(255, 255, 255, 0.2); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white-transparent-30 {
    border-color: rgba(255, 255, 255, 0.3); }
  .widescreen\:hover\:border-white-transparent-30:hover {
    border-color: rgba(255, 255, 255, 0.3); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white-transparent-40 {
    border-color: rgba(255, 255, 255, 0.4); }
  .widescreen\:hover\:border-white-transparent-40:hover {
    border-color: rgba(255, 255, 255, 0.4); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white-transparent-50 {
    border-color: rgba(255, 255, 255, 0.5); }
  .widescreen\:hover\:border-white-transparent-50:hover {
    border-color: rgba(255, 255, 255, 0.5); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white-transparent-60 {
    border-color: rgba(255, 255, 255, 0.6); }
  .widescreen\:hover\:border-white-transparent-60:hover {
    border-color: rgba(255, 255, 255, 0.6); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white-transparent-70 {
    border-color: rgba(255, 255, 255, 0.7); }
  .widescreen\:hover\:border-white-transparent-70:hover {
    border-color: rgba(255, 255, 255, 0.7); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white-transparent-80 {
    border-color: rgba(255, 255, 255, 0.8); }
  .widescreen\:hover\:border-white-transparent-80:hover {
    border-color: rgba(255, 255, 255, 0.8); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-white-transparent-90 {
    border-color: rgba(255, 255, 255, 0.9); }
  .widescreen\:hover\:border-white-transparent-90:hover {
    border-color: rgba(255, 255, 255, 0.9); }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-5 {
    border-color: #faf3d1; }
  .widescreen\:hover\:border-yellow-5:hover {
    border-color: #faf3d1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-10 {
    border-color: #f5e6af; }
  .widescreen\:hover\:border-yellow-10:hover {
    border-color: #f5e6af; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-20 {
    border-color: #e6c74c; }
  .widescreen\:hover\:border-yellow-20:hover {
    border-color: #e6c74c; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-30 {
    border-color: #c9ab48; }
  .widescreen\:hover\:border-yellow-30:hover {
    border-color: #c9ab48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-40 {
    border-color: #a88f48; }
  .widescreen\:hover\:border-yellow-40:hover {
    border-color: #a88f48; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-50 {
    border-color: #8a7237; }
  .widescreen\:hover\:border-yellow-50:hover {
    border-color: #8a7237; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-60 {
    border-color: #6b5a39; }
  .widescreen\:hover\:border-yellow-60:hover {
    border-color: #6b5a39; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-70 {
    border-color: #504332; }
  .widescreen\:hover\:border-yellow-70:hover {
    border-color: #504332; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-80 {
    border-color: #332d27; }
  .widescreen\:hover\:border-yellow-80:hover {
    border-color: #332d27; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-90 {
    border-color: #1a1614; }
  .widescreen\:hover\:border-yellow-90:hover {
    border-color: #1a1614; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-5v {
    border-color: #fff5c2; }
  .widescreen\:hover\:border-yellow-5v:hover {
    border-color: #fff5c2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-10v {
    border-color: #fee685; }
  .widescreen\:hover\:border-yellow-10v:hover {
    border-color: #fee685; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-20v {
    border-color: #face00; }
  .widescreen\:hover\:border-yellow-20v:hover {
    border-color: #face00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-30v {
    border-color: #ddaa01; }
  .widescreen\:hover\:border-yellow-30v:hover {
    border-color: #ddaa01; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-40v {
    border-color: #b38c00; }
  .widescreen\:hover\:border-yellow-40v:hover {
    border-color: #b38c00; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-50v {
    border-color: #947100; }
  .widescreen\:hover\:border-yellow-50v:hover {
    border-color: #947100; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-60v {
    border-color: #776017; }
  .widescreen\:hover\:border-yellow-60v:hover {
    border-color: #776017; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-70v {
    border-color: #5c4809; }
  .widescreen\:hover\:border-yellow-70v:hover {
    border-color: #5c4809; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:border-yellow-80v {
    border-color: #422d19; }
  .widescreen\:hover\:border-yellow-80v:hover {
    border-color: #422d19; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-0 {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-top-0 {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-right-0 {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-left-0 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-none {
    border-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-top-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-right-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-bottom-none {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-left-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-sm {
    border-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-top-sm {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-right-sm {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-bottom-sm {
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-left-sm {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-md {
    border-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-top-md {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-right-md {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-bottom-md {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-left-md {
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-lg {
    border-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-top-lg {
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-right-lg {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-bottom-lg {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-left-lg {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-pill {
    border-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-top-pill {
    border-top-left-radius: 99rem;
    border-top-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-right-pill {
    border-top-right-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-bottom-pill {
    border-bottom-left-radius: 99rem;
    border-bottom-right-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:radius-left-pill {
    border-top-left-radius: 99rem;
    border-bottom-left-radius: 99rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:display-block {
    display: block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:display-flex {
    display: flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:display-none {
    display: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:display-inline {
    display: inline; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:display-inline-block {
    display: inline-block; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:display-inline-flex {
    display: inline-flex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:display-table {
    display: table; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:display-table-cell {
    display: table-cell; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:display-table-row {
    display: table-row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:flex-row {
    flex-direction: row; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:flex-column {
    flex-direction: column; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-mono-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-mono-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-mono-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-mono-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-mono-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-mono-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-mono-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-mono-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-mono-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-sans-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-sans-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-sans-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-sans-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-sans-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-sans-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-sans-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-sans-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-sans-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-serif-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-serif-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-serif-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-serif-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-serif-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-serif-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-serif-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-serif-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-serif-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-heading-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-heading-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-heading-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-heading-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-heading-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-heading-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-heading-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-heading-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-heading-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-body-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-body-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-body-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-body-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-body-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-body-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-body-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-body-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-body-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-code-3xs {
    font-size: 0.71rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-code-2xs {
    font-size: 0.83rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-code-xs {
    font-size: 0.89rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-code-sm {
    font-size: 0.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-code-md {
    font-size: 1.01rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-code-lg {
    font-size: 1.31rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-code-xl {
    font-size: 1.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-code-2xl {
    font-size: 2.38rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-code-3xl {
    font-size: 2.86rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-alt-3xs {
    font-size: 0.73rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-alt-2xs {
    font-size: 0.85rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-alt-xs {
    font-size: 0.91rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-alt-sm {
    font-size: 0.98rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-alt-md {
    font-size: 1.04rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-alt-lg {
    font-size: 1.34rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-alt-xl {
    font-size: 1.95rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-alt-2xl {
    font-size: 2.44rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-alt-3xl {
    font-size: 2.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-ui-3xs {
    font-size: 0.8rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-ui-2xs {
    font-size: 0.93rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-ui-xs {
    font-size: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-ui-sm {
    font-size: 1.06rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-ui-md {
    font-size: 1.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-ui-lg {
    font-size: 1.46rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-ui-xl {
    font-size: 2.13rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-ui-2xl {
    font-size: 2.66rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:font-ui-3xl {
    font-size: 3.19rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:text-light {
    font-weight: 300; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:text-normal {
    font-weight: normal; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:text-bold {
    font-weight: 700; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:flex-justify-center {
    justify-content: center; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:flex-justify-start {
    justify-content: flex-start; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:flex-justify-end {
    justify-content: flex-end; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:flex-justify {
    justify-content: space-between; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-sans-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-sans-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-sans-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-sans-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-sans-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-sans-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-serif-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-serif-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-serif-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-serif-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-serif-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-serif-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-mono-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-mono-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-mono-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-mono-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-mono-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-mono-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-heading-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-heading-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-heading-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-heading-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-heading-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-heading-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-ui-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-ui-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-ui-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-ui-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-ui-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-ui-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-body-1 {
    line-height: 0.9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-body-2 {
    line-height: 1.1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-body-3 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-body-4 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-body-5 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-body-6 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-code-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-code-2 {
    line-height: 1.3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-code-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-code-4 {
    line-height: 1.6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-code-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-code-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-alt-1 {
    line-height: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-alt-2 {
    line-height: 1.2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-alt-3 {
    line-height: 1.4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-alt-4 {
    line-height: 1.5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-alt-5 {
    line-height: 1.7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:line-height-alt-6 {
    line-height: 1.8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-1px {
    margin: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-2px {
    margin: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-05 {
    margin: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-1 {
    margin: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-105 {
    margin: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-2 {
    margin: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-205 {
    margin: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-3 {
    margin: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-1px {
    margin: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-2px {
    margin: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-05 {
    margin: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-1 {
    margin: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-105 {
    margin: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-2 {
    margin: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-205 {
    margin: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-3 {
    margin: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-4 {
    margin: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-5 {
    margin: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-6 {
    margin: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-7 {
    margin: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-8 {
    margin: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-9 {
    margin: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-10 {
    margin: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-neg-15 {
    margin: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-4 {
    margin: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-5 {
    margin: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-6 {
    margin: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-7 {
    margin: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-8 {
    margin: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-9 {
    margin: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-10 {
    margin: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-15 {
    margin: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-05em {
    margin: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-1em {
    margin: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-105em {
    margin: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-2em {
    margin: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-0 {
    margin: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-1px {
    margin-top: 1px;
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-1px {
    margin-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-1px {
    margin-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-2px {
    margin-top: 2px;
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-2px {
    margin-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-2px {
    margin-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-05 {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-05 {
    margin-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-05 {
    margin-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-1 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-1 {
    margin-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-1 {
    margin-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-105 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-105 {
    margin-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-105 {
    margin-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-2 {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-2 {
    margin-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-2 {
    margin-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-205 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-205 {
    margin-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-205 {
    margin-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-3 {
    margin-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-3 {
    margin-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-1px {
    margin-top: -1px;
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-1px {
    margin-top: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-1px {
    margin-bottom: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-2px {
    margin-top: -2px;
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-2px {
    margin-top: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-2px {
    margin-bottom: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-05 {
    margin-top: -0.25rem;
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-05 {
    margin-top: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-05 {
    margin-bottom: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-1 {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-1 {
    margin-top: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-1 {
    margin-bottom: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-105 {
    margin-top: -0.75rem;
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-105 {
    margin-top: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-105 {
    margin-bottom: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-2 {
    margin-top: -1rem;
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-2 {
    margin-top: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-2 {
    margin-bottom: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-205 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-205 {
    margin-top: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-205 {
    margin-bottom: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-3 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-3 {
    margin-top: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-3 {
    margin-bottom: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-4 {
    margin-top: -2rem;
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-4 {
    margin-top: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-4 {
    margin-bottom: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-5 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-5 {
    margin-top: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-5 {
    margin-bottom: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-6 {
    margin-top: -3rem;
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-6 {
    margin-top: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-6 {
    margin-bottom: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-7 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-7 {
    margin-top: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-7 {
    margin-bottom: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-8 {
    margin-top: -4rem;
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-8 {
    margin-top: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-8 {
    margin-bottom: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-9 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-9 {
    margin-top: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-9 {
    margin-bottom: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-10 {
    margin-top: -5rem;
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-10 {
    margin-top: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-10 {
    margin-bottom: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-neg-15 {
    margin-top: -7.5rem;
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-neg-15 {
    margin-top: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-neg-15 {
    margin-bottom: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-4 {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-4 {
    margin-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-4 {
    margin-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-5 {
    margin-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-5 {
    margin-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-6 {
    margin-top: 3rem;
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-6 {
    margin-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-6 {
    margin-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-7 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-7 {
    margin-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-7 {
    margin-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-8 {
    margin-top: 4rem;
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-8 {
    margin-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-8 {
    margin-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-9 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-9 {
    margin-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-9 {
    margin-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-10 {
    margin-top: 5rem;
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-10 {
    margin-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-10 {
    margin-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-15 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-15 {
    margin-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-15 {
    margin-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-05em {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-05em {
    margin-top: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-05em {
    margin-bottom: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-1em {
    margin-top: 1em;
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-1em {
    margin-top: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-1em {
    margin-bottom: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-105em {
    margin-top: 1.5em;
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-105em {
    margin-top: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-105em {
    margin-bottom: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-2em {
    margin-top: 2em;
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-2em {
    margin-top: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-2em {
    margin-bottom: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-0 {
    margin-top: 0;
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-0 {
    margin-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-0 {
    margin-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-y-auto {
    margin-top: auto;
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-top-auto {
    margin-top: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-bottom-auto {
    margin-bottom: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-1px {
    margin-left: 1px;
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-1px {
    margin-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-1px {
    margin-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-2px {
    margin-left: 2px;
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-2px {
    margin-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-2px {
    margin-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-05 {
    margin-left: 0.25rem;
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-05 {
    margin-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-05 {
    margin-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-1 {
    margin-left: 0.5rem;
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-1 {
    margin-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-1 {
    margin-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-105 {
    margin-left: 0.75rem;
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-105 {
    margin-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-105 {
    margin-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-2 {
    margin-left: 1rem;
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-2 {
    margin-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-2 {
    margin-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-205 {
    margin-left: 1.25rem;
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-205 {
    margin-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-205 {
    margin-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-3 {
    margin-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-3 {
    margin-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-1px {
    margin-left: -1px;
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-1px {
    margin-right: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-1px {
    margin-left: -1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-2px {
    margin-left: -2px;
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-2px {
    margin-right: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-2px {
    margin-left: -2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-05 {
    margin-left: -0.25rem;
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-05 {
    margin-right: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-05 {
    margin-left: -0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-1 {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-1 {
    margin-right: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-1 {
    margin-left: -0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-105 {
    margin-left: -0.75rem;
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-105 {
    margin-right: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-105 {
    margin-left: -0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-2 {
    margin-left: -1rem;
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-2 {
    margin-right: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-2 {
    margin-left: -1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-205 {
    margin-left: -1.25rem;
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-205 {
    margin-right: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-205 {
    margin-left: -1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-3 {
    margin-left: -1.5rem;
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-3 {
    margin-right: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-3 {
    margin-left: -1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-4 {
    margin-left: -2rem;
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-4 {
    margin-right: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-4 {
    margin-left: -2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-5 {
    margin-left: -2.5rem;
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-5 {
    margin-right: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-5 {
    margin-left: -2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-6 {
    margin-left: -3rem;
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-6 {
    margin-right: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-6 {
    margin-left: -3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-7 {
    margin-left: -3.5rem;
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-7 {
    margin-right: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-7 {
    margin-left: -3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-8 {
    margin-left: -4rem;
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-8 {
    margin-right: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-8 {
    margin-left: -4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-9 {
    margin-left: -4.5rem;
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-9 {
    margin-right: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-9 {
    margin-left: -4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-10 {
    margin-left: -5rem;
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-10 {
    margin-right: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-10 {
    margin-left: -5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-neg-15 {
    margin-left: -7.5rem;
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-neg-15 {
    margin-right: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-neg-15 {
    margin-left: -7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-4 {
    margin-left: 2rem;
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-4 {
    margin-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-4 {
    margin-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-5 {
    margin-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-5 {
    margin-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-6 {
    margin-left: 3rem;
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-6 {
    margin-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-6 {
    margin-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-7 {
    margin-left: 3.5rem;
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-7 {
    margin-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-7 {
    margin-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-8 {
    margin-left: 4rem;
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-8 {
    margin-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-8 {
    margin-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-9 {
    margin-left: 4.5rem;
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-9 {
    margin-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-9 {
    margin-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-10 {
    margin-left: 5rem;
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-10 {
    margin-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-10 {
    margin-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-15 {
    margin-left: 7.5rem;
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-15 {
    margin-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-15 {
    margin-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-card {
    margin-left: 10rem;
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-card {
    margin-right: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-card {
    margin-left: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-card-lg {
    margin-left: 15rem;
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-card-lg {
    margin-right: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-card-lg {
    margin-left: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-mobile {
    margin-left: 20rem;
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-mobile {
    margin-right: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-mobile {
    margin-left: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-05em {
    margin-left: 0.5em;
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-05em {
    margin-right: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-05em {
    margin-left: 0.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-1em {
    margin-left: 1em;
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-1em {
    margin-right: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-1em {
    margin-left: 1em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-105em {
    margin-left: 1.5em;
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-105em {
    margin-right: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-105em {
    margin-left: 1.5em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-2em {
    margin-left: 2em;
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-2em {
    margin-right: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-2em {
    margin-left: 2em; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-0 {
    margin-left: 0;
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-0 {
    margin-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-0 {
    margin-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-x-auto {
    margin-left: auto;
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-right-auto {
    margin-right: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:margin-left-auto {
    margin-left: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:measure-1 {
    max-width: 44ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:measure-2 {
    max-width: 60ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:measure-3 {
    max-width: 64ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:measure-4 {
    max-width: 68ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:measure-5 {
    max-width: 72ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:measure-6 {
    max-width: 88ex; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:measure-none {
    max-width: none; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-05 {
    min-width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-1 {
    min-width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-105 {
    min-width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-2 {
    min-width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-205 {
    min-width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-3 {
    min-width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-4 {
    min-width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-5 {
    min-width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-6 {
    min-width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-7 {
    min-width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-8 {
    min-width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-9 {
    min-width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-10 {
    min-width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-15 {
    min-width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-0 {
    min-width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-card {
    min-width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:minw-card-lg {
    min-width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-first {
    order: -1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-last {
    order: 999; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-initial {
    order: initial; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-0 {
    order: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-1 {
    order: 1; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-2 {
    order: 2; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-3 {
    order: 3; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-4 {
    order: 4; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-5 {
    order: 5; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-6 {
    order: 6; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-7 {
    order: 7; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-8 {
    order: 8; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-9 {
    order: 9; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-10 {
    order: 10; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:order-11 {
    order: 11; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-1px {
    padding: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-1px {
    padding-top: 1px;
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-1px {
    padding-left: 1px;
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-1px {
    padding-top: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-1px {
    padding-right: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-1px {
    padding-bottom: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-1px {
    padding-left: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-2px {
    padding: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-2px {
    padding-top: 2px;
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-2px {
    padding-left: 2px;
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-2px {
    padding-top: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-2px {
    padding-right: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-2px {
    padding-bottom: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-2px {
    padding-left: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-05 {
    padding: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-05 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-05 {
    padding-left: 0.25rem;
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-05 {
    padding-top: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-05 {
    padding-right: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-05 {
    padding-bottom: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-05 {
    padding-left: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-1 {
    padding: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-1 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-1 {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-1 {
    padding-top: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-1 {
    padding-right: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-1 {
    padding-bottom: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-1 {
    padding-left: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-105 {
    padding: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-105 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-105 {
    padding-left: 0.75rem;
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-105 {
    padding-top: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-105 {
    padding-right: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-105 {
    padding-bottom: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-105 {
    padding-left: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-2 {
    padding: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-2 {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-2 {
    padding-left: 1rem;
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-2 {
    padding-top: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-2 {
    padding-right: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-2 {
    padding-bottom: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-2 {
    padding-left: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-205 {
    padding: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-205 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-205 {
    padding-left: 1.25rem;
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-205 {
    padding-top: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-205 {
    padding-right: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-205 {
    padding-bottom: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-205 {
    padding-left: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-3 {
    padding: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-3 {
    padding-top: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-3 {
    padding-right: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-3 {
    padding-bottom: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-3 {
    padding-left: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-4 {
    padding: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-4 {
    padding-top: 2rem;
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-4 {
    padding-left: 2rem;
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-4 {
    padding-top: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-4 {
    padding-right: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-4 {
    padding-bottom: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-4 {
    padding-left: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-5 {
    padding: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-5 {
    padding-top: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-5 {
    padding-right: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-5 {
    padding-bottom: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-5 {
    padding-left: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-6 {
    padding: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-6 {
    padding-top: 3rem;
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-6 {
    padding-left: 3rem;
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-6 {
    padding-top: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-6 {
    padding-right: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-6 {
    padding-bottom: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-6 {
    padding-left: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-7 {
    padding: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-7 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-7 {
    padding-left: 3.5rem;
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-7 {
    padding-top: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-7 {
    padding-right: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-7 {
    padding-bottom: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-7 {
    padding-left: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-8 {
    padding: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-8 {
    padding-top: 4rem;
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-8 {
    padding-left: 4rem;
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-8 {
    padding-top: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-8 {
    padding-right: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-8 {
    padding-bottom: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-8 {
    padding-left: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-9 {
    padding: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-9 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-9 {
    padding-left: 4.5rem;
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-9 {
    padding-top: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-9 {
    padding-right: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-9 {
    padding-bottom: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-9 {
    padding-left: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-10 {
    padding: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-10 {
    padding-top: 5rem;
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-10 {
    padding-left: 5rem;
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-10 {
    padding-top: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-10 {
    padding-right: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-10 {
    padding-bottom: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-10 {
    padding-left: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-15 {
    padding: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-15 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-15 {
    padding-left: 7.5rem;
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-15 {
    padding-top: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-15 {
    padding-right: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-15 {
    padding-bottom: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-15 {
    padding-left: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-0 {
    padding: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-y-0 {
    padding-top: 0;
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-x-0 {
    padding-left: 0;
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-top-0 {
    padding-top: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-right-0 {
    padding-right: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-bottom-0 {
    padding-bottom: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:padding-left-0 {
    padding-left: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:position-absolute {
    position: absolute; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:position-fixed {
    position: fixed; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:position-relative {
    position: relative; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:position-static {
    position: static; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:position-sticky {
    position: sticky; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-1px {
    width: 1px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-2px {
    width: 2px; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-05 {
    width: 0.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-1 {
    width: 0.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-105 {
    width: 0.75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-2 {
    width: 1rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-205 {
    width: 1.25rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-3 {
    width: 1.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-4 {
    width: 2rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-5 {
    width: 2.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-6 {
    width: 3rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-7 {
    width: 3.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-8 {
    width: 4rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-9 {
    width: 4.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-10 {
    width: 5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-15 {
    width: 7.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-card {
    width: 10rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-card-lg {
    width: 15rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-mobile {
    width: 20rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-mobile-lg {
    width: 30rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-tablet {
    width: 40rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-tablet-lg {
    width: 55rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-desktop {
    width: 64rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-desktop-lg {
    width: 75rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-widescreen {
    width: 87.5rem; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-0 {
    width: 0; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-full {
    width: 100%; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */
  .widescreen\:width-auto {
    width: auto; }
  /*
  @if map-deep-get($utility, settings, responsive) {
    @include render-media-queries(
      $utility,
      $selector,
      $property,
      $value,
      $val-props
    );
  }
  */ }

.usa-sr-only {
  position: absolute;
  left: -999em;
  right: auto; }

.usa-button {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 0.9 ;
  color: white ;
  background-color: #005ea2 ;
  appearance: none;
  border: 0;
  border-radius: 0.25rem;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  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: #162e51 ; }
  .usa-button:not([disabled]):focus, .usa-button:not([disabled]).usa-focus {
    outline-offset: 0.25rem; }
  .usa-button:disabled {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #c9c9c9;
    color: white; }
    .usa-button:disabled:hover, .usa-button:disabled.usa-button--hover, .usa-button:disabled:active, .usa-button:disabled.usa-button--active, .usa-button:disabled:focus, .usa-button:disabled.usa-focus {
      background-color: #c9c9c9;
      border: 0;
      box-shadow: none; }

.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: #1b1b1b ;
  background-color: #fa9441 ; }
  .usa-button--accent-warm:visited {
    color: #1b1b1b ;
    background-color: #fa9441 ; }
  .usa-button--accent-warm:hover, .usa-button--accent-warm.usa-button--hover {
    color: white ;
    background-color: #c05600 ; }
  .usa-button--accent-warm:active, .usa-button--accent-warm.usa-button--active {
    color: white ;
    background-color: #775540 ; }

.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 #162e51;
    color: #162e51; }
  .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 {
      -moz-osx-font-smoothing: inherit;
      -webkit-font-smoothing: inherit;
      color: #005ea2;
      text-decoration: underline;
      background-color: transparent;
      border: 0;
      border-radius: 0;
      box-shadow: none;
      font-weight: normal;
      margin: 0;
      padding: 0;
      text-align: left;
      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: #162e51; }
      .usa-button--outline.usa-button--inverse.usa-button--unstyled:focus {
        outline: 0.25rem solid #2491ff;
        outline-offset: 0; }
      .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:disabled.usa-button--hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled:hover, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled.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:disabled.usa-button--active, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled:active, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled.usa-button--active, .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus, .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled:focus, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled.usa-focus, .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled {
        -moz-osx-font-smoothing: inherit;
        -webkit-font-smoothing: inherit;
        background-color: transparent;
        box-shadow: none;
        text-decoration: underline; }
      .usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled, .usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled {
        color: #c9c9c9; }
      .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: #162e51; }
      .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: white ;
  background-color: #d83933 ; }
  .usa-button--secondary:hover, .usa-button--secondary.usa-button--hover {
    color: white ;
    background-color: #b50909 ; }
  .usa-button--secondary:active, .usa-button--secondary.usa-button--active {
    color: white ;
    background-color: #8b0a03 ; }

.usa-button--big {
  border-radius: 0.25rem;
  font-size: 1.46rem;
  padding: 1rem 1.5rem; }

.usa-button--disabled {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background-color: #c9c9c9;
  color: white; }
  .usa-button--disabled:hover, .usa-button--disabled.usa-button--hover, .usa-button--disabled:active, .usa-button--disabled.usa-button--active, .usa-button--disabled:focus, .usa-button--disabled.usa-focus {
    background-color: #c9c9c9;
    border: 0;
    box-shadow: none; }

.usa-button--outline-disabled,
.usa-button--outline-inverse-disabled,
.usa-button--outline:disabled,
.usa-button--outline-inverse:disabled,
.usa-button--outline-inverse:disabled {
  background-color: transparent; }
  .usa-button--outline-disabled:hover, .usa-button--outline-disabled.usa-button--hover, .usa-button--outline-disabled:active, .usa-button--outline-disabled.usa-button--active, .usa-button--outline-disabled:focus, .usa-button--outline-disabled.usa-focus,
  .usa-button--outline-inverse-disabled:hover,
  .usa-button--outline-inverse-disabled.usa-button--hover,
  .usa-button--outline-inverse-disabled:active,
  .usa-button--outline-inverse-disabled.usa-button--active,
  .usa-button--outline-inverse-disabled:focus,
  .usa-button--outline-inverse-disabled.usa-focus,
  .usa-button--outline:disabled:hover,
  .usa-button--outline:disabled.usa-button--hover,
  .usa-button--outline:disabled:active,
  .usa-button--outline:disabled.usa-button--active,
  .usa-button--outline:disabled:focus,
  .usa-button--outline:disabled.usa-focus,
  .usa-button--outline-inverse:disabled:hover,
  .usa-button--outline-inverse:disabled.usa-button--hover,
  .usa-button--outline-inverse:disabled:active,
  .usa-button--outline-inverse:disabled.usa-button--active,
  .usa-button--outline-inverse:disabled:focus,
  .usa-button--outline-inverse:disabled.usa-focus,
  .usa-button--outline-inverse:disabled:hover,
  .usa-button--outline-inverse:disabled.usa-button--hover,
  .usa-button--outline-inverse:disabled:active,
  .usa-button--outline-inverse:disabled.usa-button--active,
  .usa-button--outline-inverse:disabled:focus,
  .usa-button--outline-inverse:disabled.usa-focus {
    background-color: transparent;
    border: 0; }

.usa-button--outline-disabled,
.usa-button--outline:disabled {
  box-shadow: inset 0 0 0 2px #c9c9c9;
  color: #c9c9c9; }
  .usa-button--outline-disabled.usa-button--inverse,
  .usa-button--outline:disabled.usa-button--inverse {
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #71767a;
    color: #71767a; }

.usa-button--unstyled {
  -moz-osx-font-smoothing: inherit;
  -webkit-font-smoothing: inherit;
  color: #005ea2;
  text-decoration: underline;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: left; }
  .usa-button--unstyled:visited {
    color: #54278f; }
  .usa-button--unstyled:hover {
    color: #1a4480; }
  .usa-button--unstyled:active {
    color: #162e51; }
  .usa-button--unstyled:focus {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0; }
  .usa-button--unstyled:hover, .usa-button--unstyled.usa-button--hover, .usa-button--unstyled:disabled:hover, .usa-button--unstyled:disabled.usa-button--hover, .usa-button--unstyled.usa-button--disabled:hover, .usa-button--unstyled.usa-button--disabled.usa-button--hover, .usa-button--unstyled:active, .usa-button--unstyled.usa-button--active, .usa-button--unstyled:disabled:active, .usa-button--unstyled:disabled.usa-button--active, .usa-button--unstyled.usa-button--disabled:active, .usa-button--unstyled.usa-button--disabled.usa-button--active, .usa-button--unstyled:disabled:focus, .usa-button--unstyled:disabled.usa-focus, .usa-button--unstyled.usa-button--disabled:focus, .usa-button--unstyled.usa-button--disabled.usa-focus, .usa-button--unstyled:disabled, .usa-button--unstyled.usa-button--disabled {
    -moz-osx-font-smoothing: inherit;
    -webkit-font-smoothing: inherit;
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline; }
  .usa-button--unstyled:disabled, .usa-button--unstyled.usa-button--disabled {
    color: #c9c9c9; }
  .usa-button--unstyled.usa-button--hover {
    color: #1a4480; }
  .usa-button--unstyled.usa-button--active {
    color: #162e51; }

img {
  max-width: 100%; }

.usa-media-link {
  display: inline-block;
  line-height: 0; }

.usa-fieldset,
.usa-hint, .usa-checkbox__label,
.usa-radio__label, .usa-select, .usa-range, .usa-input,
.usa-textarea, .usa-input-group, .usa-combo-box__input, .usa-combo-box__list {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.3 ; }

.usa-select, .usa-range, .usa-input,
.usa-textarea, .usa-input-group, .usa-combo-box__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%; }
  .usa-input--success.usa-select, .usa-input--success.usa-range, .usa-input--success.usa-input,
  .usa-input--success.usa-textarea, .usa-input--success.usa-input-group, .usa-input--success.usa-combo-box__input {
    border-width: 0.25rem;
    border-color: #00a91c ;
    border-style: solid; }

.usa-fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.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;
  margin-top: 2rem;
  padding-left: 1rem;
  position: relative; }
  @media all and (min-width: 64em) {
    .usa-form-group--error {
      margin-left: -1.25rem; } }

.usa-error-message {
  padding-bottom: 0.25rem ;
  padding-top: 0.25rem ;
  color: #b50909;
  display: block;
  font-weight: 700; }

.usa-hint {
  color: #71767a; }

.usa-label,
.usa-legend {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.3 ;
  display: block;
  font-weight: normal;
  margin-top: 1.5rem;
  max-width: 30rem; }

.usa-label--error {
  font-weight: 700;
  margin-top: 0; }

.usa-label--required,
.usa-hint--required {
  color: #b50909; }

.usa-legend--large {
  font-size: 2.13rem;
  font-weight: 700;
  margin-top: 1rem; }

abbr[title="required"] {
  text-decoration: none; }

.usa-input-list {
  margin-bottom: 0;
  margin-top: 0;
  list-style-type: none;
  padding-left: 0; }
  .usa-input-list li {
    line-height: 1.3; }

.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.3; }

.usa-checkbox,
.usa-radio {
  background: white; }

.usa-checkbox__label,
.usa-radio__label {
  color: #1b1b1b; }
  .usa-checkbox__label::before,
  .usa-radio__label::before {
    background: white;
    box-shadow: 0 0 0 2px #1b1b1b; }

.usa-checkbox__input:checked + [class*="__label"]::before,
.usa-radio__input:checked + [class*="__label"]::before {
  background-color: #005ea2;
  box-shadow: 0 0 0 2px #005ea2; }

.usa-checkbox__input:disabled + [class*="__label"],
.usa-radio__input:disabled + [class*="__label"] {
  color: rgba(27, 27, 27, 0.3); }

.usa-checkbox__input:disabled + [class*="__label"]::before,
.usa-radio__input:disabled + [class*="__label"]::before {
  background-color: white;
  box-shadow: 0 0 0 2px rgba(27, 27, 27, 0.3); }

.usa-checkbox__input--tile + [class*="__label"],
.usa-radio__input--tile + [class*="__label"] {
  background-color: white;
  border: 2px solid rgba(27, 27, 27, 0.3);
  color: #1b1b1b; }

.usa-checkbox__input--tile:checked + [class*="__label"],
.usa-radio__input--tile:checked + [class*="__label"] {
  background-color: rgba(0, 94, 162, 0.1);
  border-color: #005ea2; }

.usa-checkbox__input--tile:disabled:checked + [class*="__label"],
.usa-radio__input--tile:disabled:checked + [class*="__label"] {
  background-color: white;
  border-color: rgba(27, 27, 27, 0.3); }

.usa-checkbox__input:checked + [class*="__label"]::before, .usa-checkbox__input:checked:disabled + [class*="__label"]::before {
  background-image: url("../img/correct8.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat; }

.usa-checkbox__input:checked:disabled + [class*="__label"]::before {
  background-color: rgba(27, 27, 27, 0.3); }

.usa-radio__input:checked + [class*="__label"]::before {
  box-shadow: 0 0 0 2px #005ea2, inset 0 0 0 2px white; }

.usa-radio__input:checked:disabled + [class*="__label"]::before {
  background-color: rgba(27, 27, 27, 0.2);
  box-shadow: 0 0 0 2px rgba(27, 27, 27, 0.3), inset 0 0 0 2px white; }

.usa-checkbox__input,
.usa-radio__input {
  position: absolute;
  left: -999em;
  right: auto; }
  .usa-checkbox__input:focus + [class*="__label"]::before,
  .usa-radio__input:focus + [class*="__label"]::before {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0.25rem; }
  .usa-checkbox__input:disabled + [class*="__label"]::before,
  .usa-radio__input:disabled + [class*="__label"]::before {
    cursor: not-allowed; }
  .usa-checkbox__input:disabled + [class*="__label"],
  .usa-radio__input:disabled + [class*="__label"] {
    cursor: not-allowed; }
  .usa-checkbox__input--tile + [class*="__label"],
  .usa-radio__input--tile + [class*="__label"] {
    border-radius: 0.25rem;
    margin-top: 0.5rem;
    padding: 0.75rem 1rem 0.75rem 2.5rem; }
    .usa-checkbox__input--tile + [class*="__label"]:before,
    .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-checkbox__input:checked + [class*="__label"]::before, .usa-checkbox__input:checked:disabled + [class*="__label"]::before {
  background-position: center center;
  background-size: 0.75rem auto; }
  @media print {
    .usa-checkbox__input:checked + [class*="__label"]::before, .usa-checkbox__input:checked:disabled + [class*="__label"]::before {
      background-image: none;
      background-color: white;
      content: url("../img/checkbox-check-print.svg"); } }

.usa-checkbox__label,
.usa-radio__label {
  cursor: pointer;
  display: inherit;
  font-weight: normal;
  margin-top: 0.75rem;
  padding-left: 2rem;
  position: relative; }
  .usa-checkbox__label:before,
  .usa-radio__label:before {
    content: " ";
    display: block;
    left: 0;
    margin-left: 2px;
    margin-top: 0.064rem;
    position: absolute; }

.usa-checkbox__label::before {
  height: 1.25rem ;
  width: 1.25rem ;
  border-radius: 2px; }

.usa-radio__label::before {
  height: 1.25rem ;
  border-radius: 99rem ;
  width: 1.25rem ; }

.usa-checkbox__label-description,
.usa-radio__label-description {
  display: block;
  font-size: 0.93rem;
  margin-top: 0.5rem; }

/*
.checkbox-tests {
  @include set-text-and-bg("green-80");
  @include checkbox-and-radio-colors("green-80", "green-warm-10v");
  padding: units(2);
  border-radius: radius("md");
}
*/
.usa-memorable-date {
  display: flex; }
  .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: 3rem; }

.usa-form-group--year {
  width: 4.5rem; }

.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; }

[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.93rem;
  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: #fa9441; }

.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: #b50909; }

.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: #162e51; }
  .usa-file-input__choose:focus {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0; }

.usa-file-input__instructions {
  display: inline-block;
  padding: 2rem 1rem;
  pointer-events: none;
  position: relative;
  z-index: 3; }
  .usa-file-input__instructions.display-none {
    display: none; }

.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 !important; }

.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.8rem;
  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: #b50909;
  border-width: 2px; }

.usa-file-input--disabled {
  pointer-events: none; }
  .usa-file-input--disabled .usa-file-input__instructions {
    opacity: 0.5; }
  .usa-file-input--disabled .usa-file-input__box {
    background-color: #e6e6e6; }
  .usa-file-input--disabled .usa-file-input__input[type] {
    cursor: default; }

.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; }
  .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; }
  .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; }
  .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-textarea {
  height: 10rem; }

.usa-input--error {
  border-width: 0.25rem;
  border-color: #b50909 ;
  border-style: solid; }

.usa-input-group {
  align-items: center;
  background-color: white;
  display: flex;
  padding: 0; }
  .usa-input-group.is-focused {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0; }
  .usa-input-group--error {
    border-width: 0.25rem;
    border-color: #b50909 ;
    border-style: solid; }
  .usa-input-group input {
    border: 0;
    height: 100%;
    margin-top: 0;
    min-width: 0;
    width: 100%; }
    .usa-input-group input:focus {
      outline: none; }

.usa-input-prefix,
.usa-input-suffix {
  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-character-count__message {
  display: inline-block;
  padding-top: 0.25rem; }

.usa-character-count__message--invalid {
  color: #b50909;
  font-weight: 700; }

.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; }

.usa-combo-box__input {
  appearance: none;
  margin-bottom: 0;
  max-width: none;
  padding-right: calc(2.5em + 3px); }

button.usa-combo-box__toggle-list:focus,
button.usa-combo-box__clear-input:focus {
  outline-offset: -4px; }

.usa-combo-box__toggle-list__wrapper:focus,
.usa-combo-box__clear-input__wrapper:focus {
  outline: 0; }

.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; }

.usa-combo-box__input-button-separator {
  background-color: #c6cace;
  position: absolute;
  top: 1px;
  margin-bottom: 8px;
  margin-top: 8px;
  width: 1px;
  right: calc(2.5em + 2px);
  box-sizing: border-box;
  z-index: 200; }

.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__button, .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__calendar__date, .usa-date-picker__calendar__year-selection,
.usa-date-picker__calendar__month-selection, .usa-date-picker__calendar__month, .usa-date-picker__calendar__previous-year-chunk,
.usa-date-picker__calendar__next-year-chunk, .usa-date-picker__calendar__year {
  background-color: #f0f0f0;
  border: 0;
  width: 100%; }
  .usa-date-picker__button: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__calendar__date:not([disabled]), .usa-date-picker__calendar__year-selection:not([disabled]),
  .usa-date-picker__calendar__month-selection:not([disabled]), .usa-date-picker__calendar__month:not([disabled]), .usa-date-picker__calendar__previous-year-chunk:not([disabled]),
  .usa-date-picker__calendar__next-year-chunk:not([disabled]), .usa-date-picker__calendar__year:not([disabled]) {
    cursor: pointer; }
    .usa-date-picker__button: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__calendar__date: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__month: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__year:not([disabled]):focus {
      outline-offset: -4px; }
    .usa-date-picker__button: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__calendar__date: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__month: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__year:not([disabled]):hover {
      background-color: #dfe1e2; }
    .usa-date-picker__button: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__calendar__date: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__month: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__year:not([disabled]):active {
      background-color: #a9aeb1; }

.usa-date-picker--active .usa-date-picker__button {
  background-color: #f0f0f0; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }
      .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; }
      .usa-date-picker__calendar__date--selected:not([disabled]):active, .usa-date-picker__calendar__date--range-date:not([disabled]):active {
        background-color: #1a4480; }
  .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; }
      .usa-date-picker__calendar__date--within-range:not([disabled]):hover {
        background-color: #cfe8ff; }
      .usa-date-picker__calendar__date--within-range:not([disabled]):focus {
        background-color: #cfe8ff; }
      .usa-date-picker__calendar__date--within-range:not([disabled]):active {
        background-color: #cfe8ff; }

.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; }

.usa-date-picker__calendar__month-picker {
  padding: 20px 5px; }

.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; }

.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; }

.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; }

.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; }

.usa-time-picker {
  width: 10em; }

/* stylelint-disable */
.grid-container {
  margin-left: auto ;
  margin-right: auto ;
  max-width: 1600px ;
  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: 20em) {
  .mobile\:grid-container {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 64rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .mobile\:grid-container {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-container-card {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 10rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .mobile\:grid-container-card {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-container-card-lg {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 15rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .mobile\:grid-container-card-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-container-mobile {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 20rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .mobile\:grid-container-mobile {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-container-mobile-lg {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 30rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .mobile\:grid-container-mobile-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-container-tablet {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 40rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .mobile\:grid-container-tablet {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-container-tablet-lg {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 55rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .mobile\:grid-container-tablet-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-container-desktop {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 64rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .mobile\:grid-container-desktop {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-container-desktop-lg {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 75rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .mobile\:grid-container-desktop-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-container-widescreen {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 87.5rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .mobile\: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: 55em) {
  .tablet-lg\:grid-container {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 64rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 55em) and (min-width: 64em) {
    .tablet-lg\:grid-container {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-container-card {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 10rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 55em) and (min-width: 64em) {
    .tablet-lg\:grid-container-card {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 55em) {
  .tablet-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: 55em) and (min-width: 64em) {
    .tablet-lg\:grid-container-card-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-container-mobile {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 20rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 55em) and (min-width: 64em) {
    .tablet-lg\:grid-container-mobile {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 55em) {
  .tablet-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: 55em) and (min-width: 64em) {
    .tablet-lg\:grid-container-mobile-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-container-tablet {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 40rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 55em) and (min-width: 64em) {
    .tablet-lg\:grid-container-tablet {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 55em) {
  .tablet-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: 55em) and (min-width: 64em) {
    .tablet-lg\:grid-container-tablet-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-container-desktop {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 64rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 55em) and (min-width: 64em) {
    .tablet-lg\:grid-container-desktop {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 55em) {
  .tablet-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: 55em) and (min-width: 64em) {
    .tablet-lg\:grid-container-desktop-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 55em) {
  .tablet-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: 55em) and (min-width: 64em) {
    .tablet-lg\: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 ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-container {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 64rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 75em) and (min-width: 64em) {
    .desktop-lg\:grid-container {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-container-card {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 10rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 75em) and (min-width: 64em) {
    .desktop-lg\:grid-container-card {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 75em) {
  .desktop-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: 75em) and (min-width: 64em) {
    .desktop-lg\:grid-container-card-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-container-mobile {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 20rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 75em) and (min-width: 64em) {
    .desktop-lg\:grid-container-mobile {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 75em) {
  .desktop-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: 75em) and (min-width: 64em) {
    .desktop-lg\:grid-container-mobile-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-container-tablet {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 40rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 75em) and (min-width: 64em) {
    .desktop-lg\:grid-container-tablet {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 75em) {
  .desktop-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: 75em) and (min-width: 64em) {
    .desktop-lg\:grid-container-tablet-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-container-desktop {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 64rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 75em) and (min-width: 64em) {
    .desktop-lg\:grid-container-desktop {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 75em) {
  .desktop-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: 75em) and (min-width: 64em) {
    .desktop-lg\:grid-container-desktop-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 75em) {
  .desktop-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: 75em) and (min-width: 64em) {
    .desktop-lg\:grid-container-widescreen {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-container {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 64rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 87.5em) and (min-width: 64em) {
    .widescreen\:grid-container {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-container-card {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 10rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 87.5em) and (min-width: 64em) {
    .widescreen\:grid-container-card {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-container-card-lg {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 15rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 87.5em) and (min-width: 64em) {
    .widescreen\:grid-container-card-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-container-mobile {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 20rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 87.5em) and (min-width: 64em) {
    .widescreen\:grid-container-mobile {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-container-mobile-lg {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 30rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 87.5em) and (min-width: 64em) {
    .widescreen\:grid-container-mobile-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-container-tablet {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 40rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 87.5em) and (min-width: 64em) {
    .widescreen\:grid-container-tablet {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-container-tablet-lg {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 55rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 87.5em) and (min-width: 64em) {
    .widescreen\:grid-container-tablet-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-container-desktop {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 64rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 87.5em) and (min-width: 64em) {
    .widescreen\:grid-container-desktop {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-container-desktop-lg {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 75rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 87.5em) and (min-width: 64em) {
    .widescreen\:grid-container-desktop-lg {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-container-widescreen {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 87.5rem ;
    padding-left: 1rem ;
    padding-right: 1rem ; } }
  @media all and (min-width: 87.5em) and (min-width: 64em) {
    .widescreen\: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: 20em) {
    .grid-row.mobile\:grid-gap-0 {
      margin-left: 0 ;
      margin-right: 0 ; }
      .grid-row.mobile\:grid-gap-0 > * {
        padding-left: 0 ;
        padding-right: 0 ; }
    .grid-row.mobile\:grid-gap-2px {
      margin-left: -1px ;
      margin-right: -1px ; }
      .grid-row.mobile\:grid-gap-2px > * {
        padding-left: 1px ;
        padding-right: 1px ; }
    .grid-row.mobile\:grid-gap-05 {
      margin-left: -2px ;
      margin-right: -2px ; }
      .grid-row.mobile\:grid-gap-05 > * {
        padding-left: 2px ;
        padding-right: 2px ; }
    .grid-row.mobile\:grid-gap-1 {
      margin-left: -0.25rem ;
      margin-right: -0.25rem ; }
      .grid-row.mobile\:grid-gap-1 > * {
        padding-left: 0.25rem ;
        padding-right: 0.25rem ; }
    .grid-row.mobile\:grid-gap-2 {
      margin-left: -0.5rem ;
      margin-right: -0.5rem ; }
      .grid-row.mobile\:grid-gap-2 > * {
        padding-left: 0.5rem ;
        padding-right: 0.5rem ; }
    .grid-row.mobile\:grid-gap-3 {
      margin-left: -0.75rem ;
      margin-right: -0.75rem ; }
      .grid-row.mobile\:grid-gap-3 > * {
        padding-left: 0.75rem ;
        padding-right: 0.75rem ; }
    .grid-row.mobile\:grid-gap-4 {
      margin-left: -1rem ;
      margin-right: -1rem ; }
      .grid-row.mobile\:grid-gap-4 > * {
        padding-left: 1rem ;
        padding-right: 1rem ; }
    .grid-row.mobile\:grid-gap-5 {
      margin-left: -1.25rem ;
      margin-right: -1.25rem ; }
      .grid-row.mobile\:grid-gap-5 > * {
        padding-left: 1.25rem ;
        padding-right: 1.25rem ; }
    .grid-row.mobile\:grid-gap-6 {
      margin-left: -1.5rem ;
      margin-right: -1.5rem ; }
      .grid-row.mobile\:grid-gap-6 > * {
        padding-left: 1.5rem ;
        padding-right: 1.5rem ; }
    .grid-row.mobile\:grid-gap-sm {
      margin-left: -1px ;
      margin-right: -1px ; }
      .grid-row.mobile\:grid-gap-sm > * {
        padding-left: 1px ;
        padding-right: 1px ; }
    .grid-row.mobile\:grid-gap-md {
      margin-left: -0.5rem ;
      margin-right: -0.5rem ; }
      .grid-row.mobile\:grid-gap-md > * {
        padding-left: 0.5rem ;
        padding-right: 0.5rem ; }
    .grid-row.mobile\:grid-gap-lg {
      margin-left: -0.75rem ;
      margin-right: -0.75rem ; }
      .grid-row.mobile\: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: 55em) {
    .grid-row.tablet-lg\:grid-gap-0 {
      margin-left: 0 ;
      margin-right: 0 ; }
      .grid-row.tablet-lg\:grid-gap-0 > * {
        padding-left: 0 ;
        padding-right: 0 ; }
    .grid-row.tablet-lg\:grid-gap-2px {
      margin-left: -1px ;
      margin-right: -1px ; }
      .grid-row.tablet-lg\:grid-gap-2px > * {
        padding-left: 1px ;
        padding-right: 1px ; }
    .grid-row.tablet-lg\:grid-gap-05 {
      margin-left: -2px ;
      margin-right: -2px ; }
      .grid-row.tablet-lg\:grid-gap-05 > * {
        padding-left: 2px ;
        padding-right: 2px ; }
    .grid-row.tablet-lg\:grid-gap-1 {
      margin-left: -0.25rem ;
      margin-right: -0.25rem ; }
      .grid-row.tablet-lg\:grid-gap-1 > * {
        padding-left: 0.25rem ;
        padding-right: 0.25rem ; }
    .grid-row.tablet-lg\:grid-gap-2 {
      margin-left: -0.5rem ;
      margin-right: -0.5rem ; }
      .grid-row.tablet-lg\:grid-gap-2 > * {
        padding-left: 0.5rem ;
        padding-right: 0.5rem ; }
    .grid-row.tablet-lg\:grid-gap-3 {
      margin-left: -0.75rem ;
      margin-right: -0.75rem ; }
      .grid-row.tablet-lg\:grid-gap-3 > * {
        padding-left: 0.75rem ;
        padding-right: 0.75rem ; }
    .grid-row.tablet-lg\:grid-gap-4 {
      margin-left: -1rem ;
      margin-right: -1rem ; }
      .grid-row.tablet-lg\:grid-gap-4 > * {
        padding-left: 1rem ;
        padding-right: 1rem ; }
    .grid-row.tablet-lg\:grid-gap-5 {
      margin-left: -1.25rem ;
      margin-right: -1.25rem ; }
      .grid-row.tablet-lg\:grid-gap-5 > * {
        padding-left: 1.25rem ;
        padding-right: 1.25rem ; }
    .grid-row.tablet-lg\:grid-gap-6 {
      margin-left: -1.5rem ;
      margin-right: -1.5rem ; }
      .grid-row.tablet-lg\:grid-gap-6 > * {
        padding-left: 1.5rem ;
        padding-right: 1.5rem ; }
    .grid-row.tablet-lg\:grid-gap-sm {
      margin-left: -1px ;
      margin-right: -1px ; }
      .grid-row.tablet-lg\:grid-gap-sm > * {
        padding-left: 1px ;
        padding-right: 1px ; }
    .grid-row.tablet-lg\:grid-gap-md {
      margin-left: -0.5rem ;
      margin-right: -0.5rem ; }
      .grid-row.tablet-lg\:grid-gap-md > * {
        padding-left: 0.5rem ;
        padding-right: 0.5rem ; }
    .grid-row.tablet-lg\:grid-gap-lg {
      margin-left: -0.75rem ;
      margin-right: -0.75rem ; }
      .grid-row.tablet-lg\: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 ; } }
  @media all and (min-width: 75em) {
    .grid-row.desktop-lg\:grid-gap-0 {
      margin-left: 0 ;
      margin-right: 0 ; }
      .grid-row.desktop-lg\:grid-gap-0 > * {
        padding-left: 0 ;
        padding-right: 0 ; }
    .grid-row.desktop-lg\:grid-gap-2px {
      margin-left: -1px ;
      margin-right: -1px ; }
      .grid-row.desktop-lg\:grid-gap-2px > * {
        padding-left: 1px ;
        padding-right: 1px ; }
    .grid-row.desktop-lg\:grid-gap-05 {
      margin-left: -2px ;
      margin-right: -2px ; }
      .grid-row.desktop-lg\:grid-gap-05 > * {
        padding-left: 2px ;
        padding-right: 2px ; }
    .grid-row.desktop-lg\:grid-gap-1 {
      margin-left: -0.25rem ;
      margin-right: -0.25rem ; }
      .grid-row.desktop-lg\:grid-gap-1 > * {
        padding-left: 0.25rem ;
        padding-right: 0.25rem ; }
    .grid-row.desktop-lg\:grid-gap-2 {
      margin-left: -0.5rem ;
      margin-right: -0.5rem ; }
      .grid-row.desktop-lg\:grid-gap-2 > * {
        padding-left: 0.5rem ;
        padding-right: 0.5rem ; }
    .grid-row.desktop-lg\:grid-gap-3 {
      margin-left: -0.75rem ;
      margin-right: -0.75rem ; }
      .grid-row.desktop-lg\:grid-gap-3 > * {
        padding-left: 0.75rem ;
        padding-right: 0.75rem ; }
    .grid-row.desktop-lg\:grid-gap-4 {
      margin-left: -1rem ;
      margin-right: -1rem ; }
      .grid-row.desktop-lg\:grid-gap-4 > * {
        padding-left: 1rem ;
        padding-right: 1rem ; }
    .grid-row.desktop-lg\:grid-gap-5 {
      margin-left: -1.25rem ;
      margin-right: -1.25rem ; }
      .grid-row.desktop-lg\:grid-gap-5 > * {
        padding-left: 1.25rem ;
        padding-right: 1.25rem ; }
    .grid-row.desktop-lg\:grid-gap-6 {
      margin-left: -1.5rem ;
      margin-right: -1.5rem ; }
      .grid-row.desktop-lg\:grid-gap-6 > * {
        padding-left: 1.5rem ;
        padding-right: 1.5rem ; }
    .grid-row.desktop-lg\:grid-gap-sm {
      margin-left: -1px ;
      margin-right: -1px ; }
      .grid-row.desktop-lg\:grid-gap-sm > * {
        padding-left: 1px ;
        padding-right: 1px ; }
    .grid-row.desktop-lg\:grid-gap-md {
      margin-left: -0.5rem ;
      margin-right: -0.5rem ; }
      .grid-row.desktop-lg\:grid-gap-md > * {
        padding-left: 0.5rem ;
        padding-right: 0.5rem ; }
    .grid-row.desktop-lg\:grid-gap-lg {
      margin-left: -0.75rem ;
      margin-right: -0.75rem ; }
      .grid-row.desktop-lg\:grid-gap-lg > * {
        padding-left: 0.75rem ;
        padding-right: 0.75rem ; } }
  @media all and (min-width: 87.5em) {
    .grid-row.widescreen\:grid-gap-0 {
      margin-left: 0 ;
      margin-right: 0 ; }
      .grid-row.widescreen\:grid-gap-0 > * {
        padding-left: 0 ;
        padding-right: 0 ; }
    .grid-row.widescreen\:grid-gap-2px {
      margin-left: -1px ;
      margin-right: -1px ; }
      .grid-row.widescreen\:grid-gap-2px > * {
        padding-left: 1px ;
        padding-right: 1px ; }
    .grid-row.widescreen\:grid-gap-05 {
      margin-left: -2px ;
      margin-right: -2px ; }
      .grid-row.widescreen\:grid-gap-05 > * {
        padding-left: 2px ;
        padding-right: 2px ; }
    .grid-row.widescreen\:grid-gap-1 {
      margin-left: -0.25rem ;
      margin-right: -0.25rem ; }
      .grid-row.widescreen\:grid-gap-1 > * {
        padding-left: 0.25rem ;
        padding-right: 0.25rem ; }
    .grid-row.widescreen\:grid-gap-2 {
      margin-left: -0.5rem ;
      margin-right: -0.5rem ; }
      .grid-row.widescreen\:grid-gap-2 > * {
        padding-left: 0.5rem ;
        padding-right: 0.5rem ; }
    .grid-row.widescreen\:grid-gap-3 {
      margin-left: -0.75rem ;
      margin-right: -0.75rem ; }
      .grid-row.widescreen\:grid-gap-3 > * {
        padding-left: 0.75rem ;
        padding-right: 0.75rem ; }
    .grid-row.widescreen\:grid-gap-4 {
      margin-left: -1rem ;
      margin-right: -1rem ; }
      .grid-row.widescreen\:grid-gap-4 > * {
        padding-left: 1rem ;
        padding-right: 1rem ; }
    .grid-row.widescreen\:grid-gap-5 {
      margin-left: -1.25rem ;
      margin-right: -1.25rem ; }
      .grid-row.widescreen\:grid-gap-5 > * {
        padding-left: 1.25rem ;
        padding-right: 1.25rem ; }
    .grid-row.widescreen\:grid-gap-6 {
      margin-left: -1.5rem ;
      margin-right: -1.5rem ; }
      .grid-row.widescreen\:grid-gap-6 > * {
        padding-left: 1.5rem ;
        padding-right: 1.5rem ; }
    .grid-row.widescreen\:grid-gap-sm {
      margin-left: -1px ;
      margin-right: -1px ; }
      .grid-row.widescreen\:grid-gap-sm > * {
        padding-left: 1px ;
        padding-right: 1px ; }
    .grid-row.widescreen\:grid-gap-md {
      margin-left: -0.5rem ;
      margin-right: -0.5rem ; }
      .grid-row.widescreen\:grid-gap-md > * {
        padding-left: 0.5rem ;
        padding-right: 0.5rem ; }
    .grid-row.widescreen\:grid-gap-lg {
      margin-left: -0.75rem ;
      margin-right: -0.75rem ; }
      .grid-row.widescreen\: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.33333% ; }

.grid-col-2 {
  flex: 0 1 auto ;
  width: 16.66667% ; }

.grid-col-3 {
  flex: 0 1 auto ;
  width: 25% ; }

.grid-col-4 {
  flex: 0 1 auto ;
  width: 33.33333% ; }

.grid-col-5 {
  flex: 0 1 auto ;
  width: 41.66667% ; }

.grid-col-6 {
  flex: 0 1 auto ;
  width: 50% ; }

.grid-col-7 {
  flex: 0 1 auto ;
  width: 58.33333% ; }

.grid-col-8 {
  flex: 0 1 auto ;
  width: 66.66667% ; }

.grid-col-9 {
  flex: 0 1 auto ;
  width: 75% ; }

.grid-col-10 {
  flex: 0 1 auto ;
  width: 83.33333% ; }

.grid-col-11 {
  flex: 0 1 auto ;
  width: 91.66667% ; }

.grid-col-12 {
  flex: 0 1 auto ;
  width: 100% ; }

@media all and (min-width: 20em) {
  .mobile\:grid-col {
    flex: 1 1 0% ;
    width: auto ;
    max-width: 100% ;
    min-width: 1px; }
  .mobile\:grid-col-fill {
    flex: 1 1 0% ;
    width: auto ;
    max-width: 100% ;
    min-width: 1px; }
  .mobile\:grid-col-auto {
    flex: 0 1 auto ;
    width: auto ;
    max-width: 100% ; }
  .mobile\:grid-col-1 {
    flex: 0 1 auto ;
    width: 8.33333% ; }
  .mobile\:grid-col-2 {
    flex: 0 1 auto ;
    width: 16.66667% ; }
  .mobile\:grid-col-3 {
    flex: 0 1 auto ;
    width: 25% ; }
  .mobile\:grid-col-4 {
    flex: 0 1 auto ;
    width: 33.33333% ; }
  .mobile\:grid-col-5 {
    flex: 0 1 auto ;
    width: 41.66667% ; }
  .mobile\:grid-col-6 {
    flex: 0 1 auto ;
    width: 50% ; }
  .mobile\:grid-col-7 {
    flex: 0 1 auto ;
    width: 58.33333% ; }
  .mobile\:grid-col-8 {
    flex: 0 1 auto ;
    width: 66.66667% ; }
  .mobile\:grid-col-9 {
    flex: 0 1 auto ;
    width: 75% ; }
  .mobile\:grid-col-10 {
    flex: 0 1 auto ;
    width: 83.33333% ; }
  .mobile\:grid-col-11 {
    flex: 0 1 auto ;
    width: 91.66667% ; }
  .mobile\: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.33333% ; }
  .mobile-lg\:grid-col-2 {
    flex: 0 1 auto ;
    width: 16.66667% ; }
  .mobile-lg\:grid-col-3 {
    flex: 0 1 auto ;
    width: 25% ; }
  .mobile-lg\:grid-col-4 {
    flex: 0 1 auto ;
    width: 33.33333% ; }
  .mobile-lg\:grid-col-5 {
    flex: 0 1 auto ;
    width: 41.66667% ; }
  .mobile-lg\:grid-col-6 {
    flex: 0 1 auto ;
    width: 50% ; }
  .mobile-lg\:grid-col-7 {
    flex: 0 1 auto ;
    width: 58.33333% ; }
  .mobile-lg\:grid-col-8 {
    flex: 0 1 auto ;
    width: 66.66667% ; }
  .mobile-lg\:grid-col-9 {
    flex: 0 1 auto ;
    width: 75% ; }
  .mobile-lg\:grid-col-10 {
    flex: 0 1 auto ;
    width: 83.33333% ; }
  .mobile-lg\:grid-col-11 {
    flex: 0 1 auto ;
    width: 91.66667% ; }
  .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.33333% ; }
  .tablet\:grid-col-2 {
    flex: 0 1 auto ;
    width: 16.66667% ; }
  .tablet\:grid-col-3 {
    flex: 0 1 auto ;
    width: 25% ; }
  .tablet\:grid-col-4 {
    flex: 0 1 auto ;
    width: 33.33333% ; }
  .tablet\:grid-col-5 {
    flex: 0 1 auto ;
    width: 41.66667% ; }
  .tablet\:grid-col-6 {
    flex: 0 1 auto ;
    width: 50% ; }
  .tablet\:grid-col-7 {
    flex: 0 1 auto ;
    width: 58.33333% ; }
  .tablet\:grid-col-8 {
    flex: 0 1 auto ;
    width: 66.66667% ; }
  .tablet\:grid-col-9 {
    flex: 0 1 auto ;
    width: 75% ; }
  .tablet\:grid-col-10 {
    flex: 0 1 auto ;
    width: 83.33333% ; }
  .tablet\:grid-col-11 {
    flex: 0 1 auto ;
    width: 91.66667% ; }
  .tablet\:grid-col-12 {
    flex: 0 1 auto ;
    width: 100% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-col {
    flex: 1 1 0% ;
    width: auto ;
    max-width: 100% ;
    min-width: 1px; }
  .tablet-lg\:grid-col-fill {
    flex: 1 1 0% ;
    width: auto ;
    max-width: 100% ;
    min-width: 1px; }
  .tablet-lg\:grid-col-auto {
    flex: 0 1 auto ;
    width: auto ;
    max-width: 100% ; }
  .tablet-lg\:grid-col-1 {
    flex: 0 1 auto ;
    width: 8.33333% ; }
  .tablet-lg\:grid-col-2 {
    flex: 0 1 auto ;
    width: 16.66667% ; }
  .tablet-lg\:grid-col-3 {
    flex: 0 1 auto ;
    width: 25% ; }
  .tablet-lg\:grid-col-4 {
    flex: 0 1 auto ;
    width: 33.33333% ; }
  .tablet-lg\:grid-col-5 {
    flex: 0 1 auto ;
    width: 41.66667% ; }
  .tablet-lg\:grid-col-6 {
    flex: 0 1 auto ;
    width: 50% ; }
  .tablet-lg\:grid-col-7 {
    flex: 0 1 auto ;
    width: 58.33333% ; }
  .tablet-lg\:grid-col-8 {
    flex: 0 1 auto ;
    width: 66.66667% ; }
  .tablet-lg\:grid-col-9 {
    flex: 0 1 auto ;
    width: 75% ; }
  .tablet-lg\:grid-col-10 {
    flex: 0 1 auto ;
    width: 83.33333% ; }
  .tablet-lg\:grid-col-11 {
    flex: 0 1 auto ;
    width: 91.66667% ; }
  .tablet-lg\: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.33333% ; }
  .desktop\:grid-col-2 {
    flex: 0 1 auto ;
    width: 16.66667% ; }
  .desktop\:grid-col-3 {
    flex: 0 1 auto ;
    width: 25% ; }
  .desktop\:grid-col-4 {
    flex: 0 1 auto ;
    width: 33.33333% ; }
  .desktop\:grid-col-5 {
    flex: 0 1 auto ;
    width: 41.66667% ; }
  .desktop\:grid-col-6 {
    flex: 0 1 auto ;
    width: 50% ; }
  .desktop\:grid-col-7 {
    flex: 0 1 auto ;
    width: 58.33333% ; }
  .desktop\:grid-col-8 {
    flex: 0 1 auto ;
    width: 66.66667% ; }
  .desktop\:grid-col-9 {
    flex: 0 1 auto ;
    width: 75% ; }
  .desktop\:grid-col-10 {
    flex: 0 1 auto ;
    width: 83.33333% ; }
  .desktop\:grid-col-11 {
    flex: 0 1 auto ;
    width: 91.66667% ; }
  .desktop\:grid-col-12 {
    flex: 0 1 auto ;
    width: 100% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-col {
    flex: 1 1 0% ;
    width: auto ;
    max-width: 100% ;
    min-width: 1px; }
  .desktop-lg\:grid-col-fill {
    flex: 1 1 0% ;
    width: auto ;
    max-width: 100% ;
    min-width: 1px; }
  .desktop-lg\:grid-col-auto {
    flex: 0 1 auto ;
    width: auto ;
    max-width: 100% ; }
  .desktop-lg\:grid-col-1 {
    flex: 0 1 auto ;
    width: 8.33333% ; }
  .desktop-lg\:grid-col-2 {
    flex: 0 1 auto ;
    width: 16.66667% ; }
  .desktop-lg\:grid-col-3 {
    flex: 0 1 auto ;
    width: 25% ; }
  .desktop-lg\:grid-col-4 {
    flex: 0 1 auto ;
    width: 33.33333% ; }
  .desktop-lg\:grid-col-5 {
    flex: 0 1 auto ;
    width: 41.66667% ; }
  .desktop-lg\:grid-col-6 {
    flex: 0 1 auto ;
    width: 50% ; }
  .desktop-lg\:grid-col-7 {
    flex: 0 1 auto ;
    width: 58.33333% ; }
  .desktop-lg\:grid-col-8 {
    flex: 0 1 auto ;
    width: 66.66667% ; }
  .desktop-lg\:grid-col-9 {
    flex: 0 1 auto ;
    width: 75% ; }
  .desktop-lg\:grid-col-10 {
    flex: 0 1 auto ;
    width: 83.33333% ; }
  .desktop-lg\:grid-col-11 {
    flex: 0 1 auto ;
    width: 91.66667% ; }
  .desktop-lg\:grid-col-12 {
    flex: 0 1 auto ;
    width: 100% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-col {
    flex: 1 1 0% ;
    width: auto ;
    max-width: 100% ;
    min-width: 1px; }
  .widescreen\:grid-col-fill {
    flex: 1 1 0% ;
    width: auto ;
    max-width: 100% ;
    min-width: 1px; }
  .widescreen\:grid-col-auto {
    flex: 0 1 auto ;
    width: auto ;
    max-width: 100% ; }
  .widescreen\:grid-col-1 {
    flex: 0 1 auto ;
    width: 8.33333% ; }
  .widescreen\:grid-col-2 {
    flex: 0 1 auto ;
    width: 16.66667% ; }
  .widescreen\:grid-col-3 {
    flex: 0 1 auto ;
    width: 25% ; }
  .widescreen\:grid-col-4 {
    flex: 0 1 auto ;
    width: 33.33333% ; }
  .widescreen\:grid-col-5 {
    flex: 0 1 auto ;
    width: 41.66667% ; }
  .widescreen\:grid-col-6 {
    flex: 0 1 auto ;
    width: 50% ; }
  .widescreen\:grid-col-7 {
    flex: 0 1 auto ;
    width: 58.33333% ; }
  .widescreen\:grid-col-8 {
    flex: 0 1 auto ;
    width: 66.66667% ; }
  .widescreen\:grid-col-9 {
    flex: 0 1 auto ;
    width: 75% ; }
  .widescreen\:grid-col-10 {
    flex: 0 1 auto ;
    width: 83.33333% ; }
  .widescreen\:grid-col-11 {
    flex: 0 1 auto ;
    width: 91.66667% ; }
  .widescreen\:grid-col-12 {
    flex: 0 1 auto ;
    width: 100% ; } }

.grid-offset-1 {
  margin-left: 8.33333% ; }

.grid-offset-2 {
  margin-left: 16.66667% ; }

.grid-offset-3 {
  margin-left: 25% ; }

.grid-offset-4 {
  margin-left: 33.33333% ; }

.grid-offset-5 {
  margin-left: 41.66667% ; }

.grid-offset-6 {
  margin-left: 50% ; }

.grid-offset-7 {
  margin-left: 58.33333% ; }

.grid-offset-8 {
  margin-left: 66.66667% ; }

.grid-offset-9 {
  margin-left: 75% ; }

.grid-offset-10 {
  margin-left: 83.33333% ; }

.grid-offset-11 {
  margin-left: 91.66667% ; }

.grid-offset-12 {
  margin-left: 100% ; }

.grid-offset-none {
  margin-left: 0 ; }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-1 {
    margin-left: 8.33333% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-2 {
    margin-left: 16.66667% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-3 {
    margin-left: 25% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-4 {
    margin-left: 33.33333% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-5 {
    margin-left: 41.66667% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-6 {
    margin-left: 50% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-7 {
    margin-left: 58.33333% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-8 {
    margin-left: 66.66667% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-9 {
    margin-left: 75% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-10 {
    margin-left: 83.33333% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-11 {
    margin-left: 91.66667% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-12 {
    margin-left: 100% ; } }

@media all and (min-width: 20em) {
  .mobile\:grid-offset-none {
    margin-left: 0 ; } }

@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-1 {
    margin-left: 8.33333% ; } }

@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-2 {
    margin-left: 16.66667% ; } }

@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.33333% ; } }

@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-5 {
    margin-left: 41.66667% ; } }

@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.33333% ; } }

@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-8 {
    margin-left: 66.66667% ; } }

@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.33333% ; } }

@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-11 {
    margin-left: 91.66667% ; } }

@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.33333% ; } }

@media all and (min-width: 40em) {
  .tablet\:grid-offset-2 {
    margin-left: 16.66667% ; } }

@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.33333% ; } }

@media all and (min-width: 40em) {
  .tablet\:grid-offset-5 {
    margin-left: 41.66667% ; } }

@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.33333% ; } }

@media all and (min-width: 40em) {
  .tablet\:grid-offset-8 {
    margin-left: 66.66667% ; } }

@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.33333% ; } }

@media all and (min-width: 40em) {
  .tablet\:grid-offset-11 {
    margin-left: 91.66667% ; } }

@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: 55em) {
  .tablet-lg\:grid-offset-1 {
    margin-left: 8.33333% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-2 {
    margin-left: 16.66667% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-3 {
    margin-left: 25% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-4 {
    margin-left: 33.33333% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-5 {
    margin-left: 41.66667% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-6 {
    margin-left: 50% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-7 {
    margin-left: 58.33333% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-8 {
    margin-left: 66.66667% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-9 {
    margin-left: 75% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-10 {
    margin-left: 83.33333% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-11 {
    margin-left: 91.66667% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-12 {
    margin-left: 100% ; } }

@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-none {
    margin-left: 0 ; } }

@media all and (min-width: 64em) {
  .desktop\:grid-offset-1 {
    margin-left: 8.33333% ; } }

@media all and (min-width: 64em) {
  .desktop\:grid-offset-2 {
    margin-left: 16.66667% ; } }

@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.33333% ; } }

@media all and (min-width: 64em) {
  .desktop\:grid-offset-5 {
    margin-left: 41.66667% ; } }

@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.33333% ; } }

@media all and (min-width: 64em) {
  .desktop\:grid-offset-8 {
    margin-left: 66.66667% ; } }

@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.33333% ; } }

@media all and (min-width: 64em) {
  .desktop\:grid-offset-11 {
    margin-left: 91.66667% ; } }

@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 ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-1 {
    margin-left: 8.33333% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-2 {
    margin-left: 16.66667% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-3 {
    margin-left: 25% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-4 {
    margin-left: 33.33333% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-5 {
    margin-left: 41.66667% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-6 {
    margin-left: 50% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-7 {
    margin-left: 58.33333% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-8 {
    margin-left: 66.66667% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-9 {
    margin-left: 75% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-10 {
    margin-left: 83.33333% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-11 {
    margin-left: 91.66667% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-12 {
    margin-left: 100% ; } }

@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-none {
    margin-left: 0 ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-1 {
    margin-left: 8.33333% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-2 {
    margin-left: 16.66667% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-3 {
    margin-left: 25% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-4 {
    margin-left: 33.33333% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-5 {
    margin-left: 41.66667% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-6 {
    margin-left: 50% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-7 {
    margin-left: 58.33333% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-8 {
    margin-left: 66.66667% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-9 {
    margin-left: 75% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-10 {
    margin-left: 83.33333% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-11 {
    margin-left: 91.66667% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-12 {
    margin-left: 100% ; } }

@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-none {
    margin-left: 0 ; } }

/* stylelint-enable */
@media all and (max-width: 29.99em) {
  .usa-table--stacked thead {
    display: none; }
  .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;
    display: block;
    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 0;
      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,
  .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;
    display: block;
    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 0;
      padding: 0.75rem 1rem 0.25rem; }
  .usa-table--stacked-header tr td:first-child,
  .usa-table--stacked-header tr th:first-child {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.1 ;
    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; } }

.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-form {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.3 ; }

@media all and (min-width: 30em) {
  .usa-form {
    max-width: 20rem; } }

.usa-form .usa-input,
.usa-form .usa-range,
.usa-form .usa-select,
.usa-form .usa-textarea {
  max-width: none; }

.usa-form .usa-input--2xs,
.usa-form .usa-input-group--2xs {
  max-width: 5ex; }

.usa-form .usa-input--xs,
.usa-form .usa-input-group--xs {
  max-width: 9ex; }

.usa-form .usa-input--sm, .usa-form .usa-input--small,
.usa-form .usa-input-group--sm,
.usa-form .usa-input-group--small {
  max-width: 13ex; }

.usa-form .usa-input--md, .usa-form .usa-input--medium,
.usa-form .usa-input-group--md,
.usa-form .usa-input-group--medium {
  max-width: 20ex; }

.usa-form .usa-input--lg,
.usa-form .usa-input-group--lg {
  max-width: 30ex; }

.usa-form .usa-input--xl,
.usa-form .usa-input-group--xl {
  max-width: 40ex; }

.usa-form .usa-input--2xl,
.usa-form .usa-input-group--2xl {
  max-width: 50ex; }

.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 {
  color: #005ea2;
  text-decoration: underline; }
  .usa-form a:visited {
    color: #54278f; }
  .usa-form a:hover {
    color: #1a4480; }
  .usa-form a:active {
    color: #162e51; }
  .usa-form a:focus {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0; }

@media all and (min-width: 30em) {
  .usa-form--large {
    max-width: 30rem; } }

.usa-form__note {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.93rem;
  line-height: 1.3 ;
  float: right;
  margin: 0.25rem 0 1rem; }

.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: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.5 ; }
  .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: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 0.9 ;
  margin: 0; }
  .usa-accordion__heading:not(:first-child),
  .usa-prose .usa-accordion__heading:not(:first-child) {
    margin-top: 0.5rem; }

.usa-accordion__content {
  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 {
  -moz-osx-font-smoothing: inherit;
  -webkit-font-smoothing: inherit;
  color: #005ea2;
  text-decoration: underline;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  background-image: url("../img/usa-icons/remove.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  background-color: #f0f0f0;
  background-position: right 1.25rem center;
  background-size: 1.5rem;
  color: #1b1b1b;
  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: #162e51; }
  .usa-accordion__button:focus {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0; }
  .usa-accordion__button:hover, .usa-accordion__button.usa-button--hover, .usa-accordion__button:disabled:hover, .usa-accordion__button:disabled.usa-button--hover, .usa-accordion__button.usa-button--disabled:hover, .usa-accordion__button.usa-button--disabled.usa-button--hover, .usa-accordion__button:active, .usa-accordion__button.usa-button--active, .usa-accordion__button:disabled:active, .usa-accordion__button:disabled.usa-button--active, .usa-accordion__button.usa-button--disabled:active, .usa-accordion__button.usa-button--disabled.usa-button--active, .usa-accordion__button:disabled:focus, .usa-accordion__button:disabled.usa-focus, .usa-accordion__button.usa-button--disabled:focus, .usa-accordion__button.usa-button--disabled.usa-focus, .usa-accordion__button:disabled, .usa-accordion__button.usa-button--disabled {
    -moz-osx-font-smoothing: inherit;
    -webkit-font-smoothing: inherit;
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline; }
  .usa-accordion__button:disabled, .usa-accordion__button.usa-button--disabled {
    color: #c9c9c9; }
  .usa-accordion__button.usa-button--hover {
    color: #1a4480; }
  .usa-accordion__button.usa-button--active {
    color: #162e51; }
  .usa-accordion__button:hover {
    background-color: #dfe1e2;
    color: #1b1b1b;
    text-decoration: none; }

.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-alert {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.5 ;
  color: #1b1b1b ;
  background-color: #f0f0f0 ;
  padding-bottom: 1rem ;
  padding-top: 1rem ;
  position: relative;
  border-left: 0.5rem solid #a9aeb1; }
  * + .usa-alert {
    margin-top: 1rem; }
  .usa-alert > .usa-list,
  .usa-alert .usa-alert__body > .usa-list {
    padding-left: 0; }
    .usa-alert > .usa-list:last-child,
    .usa-alert .usa-alert__body > .usa-list:last-child {
      margin-bottom: 0; }

.usa-alert__body {
  padding-left: 1.25rem ;
  padding-right: 1.25rem ; }

.usa-alert--success {
  background-color: #ecf3ec;
  border-left-color: #00a91c;
  color: #1b1b1b; }
  .usa-alert--success:before {
    background: url("../img/usa-icons/check_circle.svg") no-repeat center / 2rem 2rem;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    content: "";
    display: block;
    height: 3.5rem;
    left: 0.91667rem;
    position: absolute;
    top: 0; }
    @supports (mask: url("")) {
      .usa-alert--success:before {
        background: none;
        background-color: #1b1b1b;
        mask: url("../img/usa-icons/check_circle.svg") no-repeat center / 2rem 2rem; } }
  .usa-alert--success.usa-alert--slim:before {
    background-size: 1.5rem;
    height: 2.5rem;
    width: 1.5rem; }
    @supports (mask: url("")) {
      .usa-alert--success.usa-alert--slim:before {
        mask-size: 1.5rem; } }
  .usa-alert--success .usa-link {
    color: #005ea2 ; }
    .usa-alert--success .usa-link:visited {
      color: #54278f ; }
    .usa-alert--success .usa-link:hover, .usa-alert--success .usa-link:active {
      color: #1a4480 ; }
  .usa-alert--success.usa-alert--no-icon:before {
    display: none; }
  .usa-alert--success.usa-alert--no-icon .usa-alert__body {
    padding-left: 1.25rem; }
  .usa-alert--success .usa-alert__body {
    padding-left: 3.83333rem; }

.usa-alert--warning {
  background-color: #faf3d1;
  border-left-color: #ffbe2e;
  color: #1b1b1b; }
  .usa-alert--warning:before {
    background: url("../img/usa-icons/warning.svg") no-repeat center / 2rem 2rem;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    content: "";
    display: block;
    height: 3.5rem;
    left: 0.91667rem;
    position: absolute;
    top: 0; }
    @supports (mask: url("")) {
      .usa-alert--warning:before {
        background: none;
        background-color: #1b1b1b;
        mask: url("../img/usa-icons/warning.svg") no-repeat center / 2rem 2rem; } }
  .usa-alert--warning.usa-alert--slim:before {
    background-size: 1.5rem;
    height: 2.5rem;
    width: 1.5rem; }
    @supports (mask: url("")) {
      .usa-alert--warning.usa-alert--slim:before {
        mask-size: 1.5rem; } }
  .usa-alert--warning .usa-link {
    color: #005ea2 ; }
    .usa-alert--warning .usa-link:visited {
      color: #54278f ; }
    .usa-alert--warning .usa-link:hover, .usa-alert--warning .usa-link:active {
      color: #1a4480 ; }
  .usa-alert--warning.usa-alert--no-icon:before {
    display: none; }
  .usa-alert--warning.usa-alert--no-icon .usa-alert__body {
    padding-left: 1.25rem; }
  .usa-alert--warning .usa-alert__body {
    padding-left: 3.83333rem; }

.usa-alert--error {
  background-color: #f4e3db;
  border-left-color: #d54309;
  color: #1b1b1b; }
  .usa-alert--error:before {
    background: url("../img/usa-icons/error.svg") no-repeat center / 2rem 2rem;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    content: "";
    display: block;
    height: 3.5rem;
    left: 0.91667rem;
    position: absolute;
    top: 0; }
    @supports (mask: url("")) {
      .usa-alert--error:before {
        background: none;
        background-color: #1b1b1b;
        mask: url("../img/usa-icons/error.svg") no-repeat center / 2rem 2rem; } }
  .usa-alert--error.usa-alert--slim:before {
    background-size: 1.5rem;
    height: 2.5rem;
    width: 1.5rem; }
    @supports (mask: url("")) {
      .usa-alert--error.usa-alert--slim:before {
        mask-size: 1.5rem; } }
  .usa-alert--error .usa-link {
    color: #005ea2 ; }
    .usa-alert--error .usa-link:visited {
      color: #54278f ; }
    .usa-alert--error .usa-link:hover, .usa-alert--error .usa-link:active {
      color: #1a4480 ; }
  .usa-alert--error.usa-alert--no-icon:before {
    display: none; }
  .usa-alert--error.usa-alert--no-icon .usa-alert__body {
    padding-left: 1.25rem; }
  .usa-alert--error .usa-alert__body {
    padding-left: 3.83333rem; }

.usa-alert--info {
  background-color: #e7f6f8;
  border-left-color: #00bde3;
  color: #1b1b1b; }
  .usa-alert--info:before {
    background: url("../img/usa-icons/info.svg") no-repeat center / 2rem 2rem;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    content: "";
    display: block;
    height: 3.5rem;
    left: 0.91667rem;
    position: absolute;
    top: 0; }
    @supports (mask: url("")) {
      .usa-alert--info:before {
        background: none;
        background-color: #1b1b1b;
        mask: url("../img/usa-icons/info.svg") no-repeat center / 2rem 2rem; } }
  .usa-alert--info.usa-alert--slim:before {
    background-size: 1.5rem;
    height: 2.5rem;
    width: 1.5rem; }
    @supports (mask: url("")) {
      .usa-alert--info.usa-alert--slim:before {
        mask-size: 1.5rem; } }
  .usa-alert--info .usa-link {
    color: #005ea2 ; }
    .usa-alert--info .usa-link:visited {
      color: #54278f ; }
    .usa-alert--info .usa-link:hover, .usa-alert--info .usa-link:active {
      color: #1a4480 ; }
  .usa-alert--info.usa-alert--no-icon:before {
    display: none; }
  .usa-alert--info.usa-alert--no-icon .usa-alert__body {
    padding-left: 1.25rem; }
  .usa-alert--info .usa-alert__body {
    padding-left: 3.83333rem; }

.usa-alert--emergency {
  background-color: #9c3d10;
  border-left-color: #9c3d10;
  color: white; }
  .usa-alert--emergency:before {
    background: url("../img/usa-icons-bg/error--white.svg") no-repeat center / 2rem 2rem;
    display: inline-block;
    height: 2rem;
    width: 2rem;
    content: "";
    display: block;
    height: 3.5rem;
    left: 0.91667rem;
    position: absolute;
    top: 0; }
    @supports (mask: url("")) {
      .usa-alert--emergency:before {
        background: none;
        background-color: white;
        mask: url("../img/usa-icons/error.svg") no-repeat center / 2rem 2rem; } }
  .usa-alert--emergency.usa-alert--slim:before {
    background-size: 1.5rem;
    height: 2.5rem;
    width: 1.5rem; }
    @supports (mask: url("")) {
      .usa-alert--emergency.usa-alert--slim:before {
        mask-size: 1.5rem; } }
  .usa-alert--emergency .usa-link {
    color: #dfe1e2 ; }
    .usa-alert--emergency .usa-link:visited {
      color: #dfe1e2 ; }
    .usa-alert--emergency .usa-link:hover, .usa-alert--emergency .usa-link:active {
      color: #f0f0f0 ; }
  .usa-alert--emergency.usa-alert--no-icon:before {
    display: none; }
  .usa-alert--emergency.usa-alert--no-icon .usa-alert__body {
    padding-left: 1.25rem; }
  .usa-alert--emergency .usa-alert__body {
    padding-left: 3.83333rem; }

.usa-alert__heading {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.46rem;
  line-height: 0.9 ;
  margin-top: 0;
  margin-bottom: 0.5rem; }

.usa-alert__text {
  margin-bottom: 0 ;
  margin-top: 0 ; }
  .usa-alert__text a {
    color: #005ea2;
    text-decoration: underline; }
    .usa-alert__text a:visited {
      color: #54278f; }
    .usa-alert__text a:hover {
      color: #1a4480; }
    .usa-alert__text a:active {
      color: #162e51; }
    .usa-alert__text a:focus {
      outline: 0.25rem solid #2491ff;
      outline-offset: 0; }

.usa-alert__text:only-child {
  padding-bottom: 0 ;
  padding-top: 0 ; }

.usa-alert--slim {
  padding-bottom: 0.5rem ;
  padding-top: 0.5rem ; }
  .usa-alert--slim .usa-alert__body {
    padding-left: 3.33333rem; }

.usa-alert--validation .usa-checklist {
  margin-top: 1rem; }

.usa-alert--emergency {
  border-left: none; }

.usa-banner {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.5 ;
  background-color: #f0f0f0; }
  @media all and (min-width: 40em) {
    .usa-banner {
      font-size: 0.8rem;
      padding-bottom: 0; } }
  .usa-banner .usa-accordion {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 1.5 ; }

.usa-banner__header,
.usa-banner__content {
  color: #1b1b1b ; }

.usa-banner__content {
  margin-left: auto ;
  margin-right: auto ;
  max-width: 1600px ;
  padding-left: 1rem ;
  padding-right: 1rem ;
  padding-left: 1rem ;
  padding-right: 1rem ;
  background-color: transparent;
  font-size: 1rem;
  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: 0; } }

.usa-banner__lock-image {
  height: 1.5ex;
  width: 1.21875ex; }
  .usa-banner__lock-image path {
    fill: currentColor; }

.usa-banner__inner {
  padding-left: 1rem ;
  padding-right: 1rem ;
  margin-left: auto ;
  margin-right: auto ;
  max-width: 1600px ;
  padding-left: 1rem ;
  padding-right: 1rem ;
  display: flex ;
  flex-wrap: wrap ;
  align-items: flex-start ;
  padding-right: 0; }
  @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.8rem;
  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.8rem;
  line-height: 1.1; }

.usa-banner__header-action {
  color: #005ea2 ;
  line-height: 1.1;
  margin-bottom: 0;
  margin-top: 2px;
  text-decoration: underline; }
  .usa-banner__header-action::after {
    background: url("../img/usa-icons/expand_more.svg") no-repeat center / 1rem 1rem;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    content: "";
    vertical-align: middle;
    margin-left: 0; }
    @supports (mask: url("")) {
      .usa-banner__header-action::after {
        background: none;
        background-color: #005ea2;
        mask: url("../img/usa-icons/expand_more.svg") no-repeat center / 1rem 1rem; }
        .usa-banner__header-action::after:hover {
          background-color: #1a4480; } }
  .usa-banner__header-action:hover::after {
    content: "";
    background-color: #1a4480; }
  .usa-banner__header-action:visited {
    color: #54278f ; }
  .usa-banner__header-action:hover, .usa-banner__header-action:active {
    color: #1a4480 ; }
  .usa-banner__header--expanded .usa-banner__header-action {
    display: none; }
  @media all and (min-width: 40em) {
    .usa-banner__header-action {
      display: none; } }

.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: 0; } }

.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.8rem;
      font-weight: normal;
      min-height: 0;
      padding-right: 0; } }
  .usa-banner__header--expanded .usa-banner__inner {
    margin-left: 0; }
    @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 {
  -moz-osx-font-smoothing: inherit;
  -webkit-font-smoothing: inherit;
  color: #005ea2;
  text-decoration: underline;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  position: absolute ;
  left: 0;
  position: absolute ;
  bottom: 0;
  top: 0;
  color: #005ea2 ;
  text-decoration: underline ;
  vertical-align: baseline ;
  color: #005ea2 ;
  display: block;
  font-size: 0.8rem;
  height: auto;
  line-height: 1.1;
  padding-top: 0;
  padding-left: 0;
  text-decoration: none;
  width: auto; }
  .usa-banner__button:visited {
    color: #54278f; }
  .usa-banner__button:hover {
    color: #1a4480; }
  .usa-banner__button:active {
    color: #162e51; }
  .usa-banner__button:focus {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0; }
  .usa-banner__button:hover, .usa-banner__button.usa-button--hover, .usa-banner__button:disabled:hover, .usa-banner__button:disabled.usa-button--hover, .usa-banner__button.usa-button--disabled:hover, .usa-banner__button.usa-button--disabled.usa-button--hover, .usa-banner__button:active, .usa-banner__button.usa-button--active, .usa-banner__button:disabled:active, .usa-banner__button:disabled.usa-button--active, .usa-banner__button.usa-button--disabled:active, .usa-banner__button.usa-button--disabled.usa-button--active, .usa-banner__button:disabled:focus, .usa-banner__button:disabled.usa-focus, .usa-banner__button.usa-button--disabled:focus, .usa-banner__button.usa-button--disabled.usa-focus, .usa-banner__button:disabled, .usa-banner__button.usa-button--disabled {
    -moz-osx-font-smoothing: inherit;
    -webkit-font-smoothing: inherit;
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline; }
  .usa-banner__button:disabled, .usa-banner__button.usa-button--disabled {
    color: #c9c9c9; }
  .usa-banner__button.usa-button--hover {
    color: #1a4480; }
  .usa-banner__button.usa-button--active {
    color: #162e51; }
  .usa-banner__button:visited {
    color: #54278f ; }
  .usa-banner__button:hover, .usa-banner__button:active {
    color: #1a4480 ; }
  @media all and (max-width: 39.99em) {
    .usa-banner__button {
      width: 100%; } }
  @media all and (min-width: 40em) {
    .usa-banner__button {
      color: #005ea2 ;
      position: static ;
      bottom: auto;
      left: auto;
      right: auto;
      top: auto;
      display: inline;
      margin-left: 0.5rem;
      position: relative; }
      .usa-banner__button::after {
        background: url("../img/usa-icons/expand_more.svg") no-repeat center / 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: #005ea2;
            mask: url("../img/usa-icons/expand_more.svg") no-repeat center / 1rem 1rem; }
            .usa-banner__button::after:hover {
              background-color: #1a4480; } }
      .usa-banner__button:hover::after {
        content: "";
        background-color: #1a4480; }
      .usa-banner__button:visited {
        color: #54278f ; }
      .usa-banner__button:hover, .usa-banner__button:active {
        color: #1a4480 ; }
      .usa-banner__button:after {
        position: absolute; }
      .usa-banner__button:hover {
        text-decoration: none; } }
  .usa-banner__button[aria-expanded="false"] {
    background-image: none; }
  .usa-banner__button[aria-expanded="true"] {
    background-image: none; }
    @media all and (max-width: 39.99em) {
      .usa-banner__button[aria-expanded="true"]::after {
        background: url("../img/usa-icons/close.svg") no-repeat center / 1.5rem 1.5rem;
        display: inline-block;
        height: 3rem;
        width: 3rem;
        content: "";
        vertical-align: middle;
        margin-left: 0; }
        @supports (mask: url("")) {
          .usa-banner__button[aria-expanded="true"]::after {
            background: none;
            background-color: #005ea2;
            mask: url("../img/usa-icons/close.svg") no-repeat center / 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: 0;
        position: relative; }
        .usa-banner__button[aria-expanded="true"]::after {
          background: url("../img/usa-icons/expand_less.svg") no-repeat center / 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: #005ea2;
              mask: url("../img/usa-icons/expand_less.svg") no-repeat center / 1rem 1rem; }
              .usa-banner__button[aria-expanded="true"]::after:hover {
                background-color: #1a4480; } }
        .usa-banner__button[aria-expanded="true"]:hover::after {
          content: "";
          background-color: #1a4480; }
        .usa-banner__button[aria-expanded="true"]:after {
          position: absolute; } }

.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; } }

.usa-banner__icon {
  width: 2.5rem; }

.usa-js-loading .usa-banner__content {
  position: absolute;
  left: -999em;
  right: auto; }

.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-direction: row; } }

.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 {
    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: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: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:not(:last-child) .usa-button--secondary::before {
      border-right-color: #b50909; }
    .usa-button-group--segmented .usa-button-group__item:not(:last-child) .usa-button--accent-cool::before {
      border-right-color: #28a0cb; }
    .usa-button-group--segmented .usa-button-group__item:not(:last-child) .usa-button--base::before {
      border-right-color: #565c65; }
    .usa-button-group--segmented .usa-button-group__item:not(:last-child) .usa-button--secondary:disabled::before,
    .usa-button-group--segmented .usa-button-group__item:not(:last-child) .usa-button--accent-cool:disabled::before,
    .usa-button-group--segmented .usa-button-group__item:not(:last-child) .usa-button--base:disabled::before {
      border-right-color: #71767a; }
    .usa-button-group--segmented .usa-button-group__item:not(:last-child) .usa-button:active::before,
    .usa-button-group--segmented .usa-button-group__item:not(:last-child) .usa-button--outline::before {
      display: none; }

/* 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 {
  color: #1b1b1b ;
  background-color: white ;
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.5 ;
  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 {
  padding: 1.5rem ; }

.usa-card .usa-card__img {
  display: block ; }

.usa-card__header {
  padding-bottom: 0.5rem ;
  padding-top: 1.5rem ;
  padding-left: 1.5rem ;
  padding-right: 1.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 {
  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 {
    padding-bottom: 1.5rem ; }
  .usa-card__body:first-child {
    padding-top: 1.5rem ; }
  .usa-card__body:only-child {
    padding-bottom: 1.5rem ;
    padding-top: 1.5rem ; }

.usa-card__footer {
  padding-bottom: 1.5rem ;
  padding-top: 0.5rem ;
  padding-left: 1.5rem ;
  padding-right: 1.5rem ; }

.usa-card__footer .usa-button:only-of-type {
  margin-right: 0 ; }

.usa-card__header > :last-child,
.usa-card__body > :last-child {
  padding-bottom: 0 ;
  margin-bottom: 0 ; }

.usa-card__header > :first-child,
.usa-card__body > :first-child {
  margin-top: 0 ;
  padding-top: 0 ; }

.usa-card__header > :only-child,
.usa-card__body > :only-child {
  margin-bottom: 0 ;
  margin-top: 0 ;
  padding-bottom: 0 ;
  padding-top: 0 ; }

.usa-card__header--exdent,
.usa-card__body--exdent,
.usa-card__media--exdent,
.usa-card__footer--exdent {
  margin-left: -2px ;
  margin-right: -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 {
  margin-top: -2px ;
  border-top-left-radius: 0.5rem ;
  border-top-right-radius: 0.5rem ; }

.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__img {
  border-radius: 0 ; }

.usa-card--header-first .usa-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 .usa-card__footer {
    margin-left: 15rem ; }
  .usa-card--flag .usa-card__media--exdent {
    margin-left: -2px ;
    margin-right: 0 ;
    margin-bottom: -2px ;
    margin-top: -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 {
    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 .usa-card__footer {
    margin-left: 0 ;
    margin-right: 15rem ; }
  .usa-card--flag.usa-card--media-right .usa-card__media--exdent {
    margin-right: -2px ;
    margin-left: 0 ; }
    .usa-card--flag.usa-card--media-right .usa-card__media--exdent .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: 0 0 56.25% ;
  position: relative ; }
  .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: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.5 ; }

.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-header {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.5 ;
  z-index: 300; }
  .usa-header::after {
    clear: both;
    content: "";
    display: block; }
  .usa-header a {
    border-bottom: none; }
  @media all and (min-width: 20em) {
    .usa-header .usa-search {
      float: right; } }
  @media all and (min-width: 20em) {
    .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: 20em) {
    .usa-header + .usa-hero {
      border-top: 1px solid white; } }
  @media all and (min-width: 20em) {
    .usa-header + .usa-section,
    .usa-header + main {
      border-top: 1px solid #dfe1e2; } }

@media all and (max-width: 19.99em) {
  .usa-logo {
    flex: 1 1 0% ;
    font-size: 0.93rem;
    line-height: 0.9;
    margin-left: 1rem; } }

@media all and (min-width: 20em) {
  .usa-logo {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-size: 1.46rem;
    line-height: 1.1; } }

.usa-logo a {
  color: #1b1b1b;
  text-decoration: none; }

.usa-logo__text {
  display: block;
  font-style: normal;
  font-weight: 700;
  margin: 0; }

.usa-menu-btn {
  -moz-osx-font-smoothing: inherit;
  -webkit-font-smoothing: inherit;
  color: #005ea2;
  text-decoration: underline;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  flex: 0 1 auto ;
  padding-left: 0.75rem ;
  padding-right: 0.75rem ;
  background-color: #005ea2;
  color: white;
  font-size: 0.8rem;
  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: #162e51; }
  .usa-menu-btn:focus {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0; }
  .usa-menu-btn:hover, .usa-menu-btn.usa-button--hover, .usa-menu-btn:disabled:hover, .usa-menu-btn:disabled.usa-button--hover, .usa-menu-btn.usa-button--disabled:hover, .usa-menu-btn.usa-button--disabled.usa-button--hover, .usa-menu-btn:active, .usa-menu-btn.usa-button--active, .usa-menu-btn:disabled:active, .usa-menu-btn:disabled.usa-button--active, .usa-menu-btn.usa-button--disabled:active, .usa-menu-btn.usa-button--disabled.usa-button--active, .usa-menu-btn:disabled:focus, .usa-menu-btn:disabled.usa-focus, .usa-menu-btn.usa-button--disabled:focus, .usa-menu-btn.usa-button--disabled.usa-focus, .usa-menu-btn:disabled, .usa-menu-btn.usa-button--disabled {
    -moz-osx-font-smoothing: inherit;
    -webkit-font-smoothing: inherit;
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline; }
  .usa-menu-btn:disabled, .usa-menu-btn.usa-button--disabled {
    color: #c9c9c9; }
  .usa-menu-btn.usa-button--hover {
    color: #1a4480; }
  .usa-menu-btn.usa-button--active {
    color: #162e51; }
  @media all and (min-width: 20em) {
    .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: 20em) {
  .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.25rem 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; }
  .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: 20em) {
    .usa-header--basic.usa-header--megamenu .usa-nav__inner {
      display: block;
      float: right;
      margin-top: -2.5rem; } }

@media all and (min-width: 20em) {
  .usa-header--basic.usa-header--megamenu .usa-nav__primary-item:last-of-type {
    position: static; } }

@media all and (min-width: 20em) {
  .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: 0; }
    .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: 20em) {
  .usa-header--extended .usa-logo {
    font-size: 2.13rem;
    margin: 2rem 0 1.5rem;
    max-width: 50%; } }

@media all and (min-width: 20em) {
  .usa-header--extended .usa-navbar {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 1600px ;
    padding-left: 1rem ;
    padding-right: 1rem ;
    display: block;
    height: auto;
    overflow: auto; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .usa-header--extended .usa-navbar {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .usa-header--extended .usa-nav {
    border-top: 1px solid #dfe1e2;
    padding: 0;
    width: 100%; } }

@media all and (min-width: 20em) {
  .usa-header--extended .usa-nav__inner {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 1600px ;
    padding-left: 1rem ;
    padding-right: 1rem ;
    position: relative; } }
  @media all and (min-width: 20em) and (min-width: 64em) {
    .usa-header--extended .usa-nav__inner {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

@media all and (min-width: 20em) {
  .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: 20em) {
  .usa-header--extended .usa-nav__link {
    padding-bottom: 1rem ;
    padding-top: 1rem ; } }

@media all and (min-width: 20em) {
  .usa-header--extended .usa-nav__submenu .usa-grid-full {
    padding-left: 0.75rem; } }

@media all and (min-width: 20em) {
  .usa-header--extended .usa-nav__submenu.usa-megamenu {
    left: 0;
    padding-left: 2rem; } }

html.usa-js-loading .usa-nav__submenu,
html.usa-js-loading .usa-nav__submenu.usa-megamenu {
  position: absolute;
  left: -999em;
  right: auto; }

.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-megamenu .usa-col {
  flex: 1 1 auto; }
  @media all and (min-width: 20em) {
    .usa-megamenu .usa-col {
      flex: 4 1 0% ; } }

@media all and (min-width: 20em) {
  .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: 20em) {
  .usa-megamenu.usa-nav__submenu::before {
    position: absolute ;
    bottom: 0;
    top: 0;
    background-color: #162e51;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    right: 100%; } }

@media all and (min-width: 20em) {
  .usa-megamenu.usa-nav__submenu::after {
    position: absolute ;
    bottom: 0;
    top: 0;
    background-color: #162e51;
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    left: 100%; } }

@media all and (min-width: 20em) {
  .usa-nav-container {
    margin-left: auto ;
    margin-right: auto ;
    max-width: 1600px ;
    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: 20em) and (min-width: 64em) {
    .usa-nav-container {
      padding-left: 2rem ;
      padding-right: 2rem ; } }

.usa-navbar {
  height: 3rem; }
  @media all and (max-width: 19.99em) {
    .usa-navbar {
      align-items: center ;
      border-bottom: 1px solid #dfe1e2;
      display: flex; } }
  @media all and (min-width: 20em) {
    .usa-navbar {
      border-bottom: none;
      display: inline-block;
      height: auto; } }

@keyframes slidein-left {
  from {
    transform: translateX(15rem); }
  to {
    transform: translateX(0); } }

.usa-nav {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 0.9 ; }
  @media all and (max-width: 19.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: 20em) {
    .usa-nav {
      float: right;
      position: relative; } }
  @media all and (min-width: 20em) {
    .usa-nav .usa-search {
      margin-left: 1rem; } }
  .usa-nav .usa-accordion {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: 0.9 ; }

@media all and (max-width: 19.99em) {
  .usa-nav__primary {
    margin-bottom: 0 ;
    margin-top: 0 ;
    list-style-type: none;
    padding-left: 0;
    margin-top: 1.5rem;
    order: 2; }
    .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: 19.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: 0; } }

@media all and (max-width: 19.99em) {
    .usa-nav__primary a {
      padding-bottom: 0.75rem ;
      padding-top: 0.75rem ; } }

@media all and (min-width: 20em) {
  .usa-nav__primary {
    display: flex; } }

.usa-nav__primary .usa-nav__primary-item a {
  text-decoration: none; }

.usa-nav__primary > .usa-nav__primary-item {
  line-height: 1.1; }
  @media all and (min-width: 20em) {
    .usa-nav__primary > .usa-nav__primary-item {
      font-size: 0.93rem;
      line-height: 0.9; } }
  @media all and (min-width: 20em) {
    .usa-nav__primary > .usa-nav__primary-item > a {
      line-height: 0.9;
      padding: 1rem;
      color: #565c65;
      display: block;
      font-weight: 700; }
      .usa-nav__primary > .usa-nav__primary-item > a:hover {
        color: #005ea2; } }

@media all and (min-width: 20em) {
  .usa-nav__primary a {
    padding-bottom: 0.5rem ;
    padding-top: 0.5rem ; } }

.usa-nav__primary button {
  -moz-osx-font-smoothing: inherit;
  -webkit-font-smoothing: inherit;
  color: #005ea2;
  text-decoration: underline;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  color: #565c65;
  font-weight: normal;
  line-height: 1.1;
  padding: 0.75rem 1rem;
  text-decoration: none; }
  .usa-nav__primary button:visited {
    color: #54278f; }
  .usa-nav__primary button:hover {
    color: #1a4480; }
  .usa-nav__primary button:active {
    color: #162e51; }
  .usa-nav__primary button:focus {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0; }
  .usa-nav__primary button:hover, .usa-nav__primary button.usa-button--hover, .usa-nav__primary button:disabled:hover, .usa-nav__primary button:disabled.usa-button--hover, .usa-nav__primary button.usa-button--disabled:hover, .usa-nav__primary button.usa-button--disabled.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:disabled.usa-button--active, .usa-nav__primary button.usa-button--disabled:active, .usa-nav__primary button.usa-button--disabled.usa-button--active, .usa-nav__primary button:disabled:focus, .usa-nav__primary button:disabled.usa-focus, .usa-nav__primary button.usa-button--disabled:focus, .usa-nav__primary button.usa-button--disabled.usa-focus, .usa-nav__primary button:disabled, .usa-nav__primary button.usa-button--disabled {
    -moz-osx-font-smoothing: inherit;
    -webkit-font-smoothing: inherit;
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline; }
  .usa-nav__primary button:disabled, .usa-nav__primary button.usa-button--disabled {
    color: #c9c9c9; }
  .usa-nav__primary button.usa-button--hover {
    color: #1a4480; }
  .usa-nav__primary button.usa-button--active {
    color: #162e51; }
  @media all and (min-width: 20em) {
    .usa-nav__primary button {
      line-height: 0.9;
      padding: 1rem;
      font-size: 0.93rem;
      font-weight: 700; } }
  .usa-nav__primary button:hover {
    color: #005ea2;
    background-color: #f0f0f0;
    text-decoration: none; }
    @media all and (min-width: 20em) {
      .usa-nav__primary button:hover {
        background-color: transparent; } }
  .usa-nav__primary button[aria-expanded="false"] {
    /* stylelint-disable-line selector-no-qualifying-type */
    background-image: url("../img/usa-icons/add.svg"), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 1.25rem; }
    @media all and (min-width: 20em) {
      .usa-nav__primary button[aria-expanded="false"] {
        background-image: url("../img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent);
        background-repeat: no-repeat;
        background-size: 1rem;
        background-position: right 0.75rem top 53%; } }
    @media all and (min-width: 20em) {
      .usa-nav__primary button[aria-expanded="false"]:hover {
        background-image: url("../img/usa-icons-bg/expand_more--blue-warm-70v.svg"), linear-gradient(transparent, transparent);
        background-repeat: no-repeat; } }
  .usa-nav__primary button[aria-expanded="true"] {
    /* stylelint-disable-line selector-no-qualifying-type */
    background-image: url("../img/usa-icons/remove.svg"), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 1.25rem; }
    @media all and (min-width: 20em) {
      .usa-nav__primary button[aria-expanded="true"] {
        background-image: url("../img/usa-icons-bg/expand_less--white.svg"), linear-gradient(transparent, transparent);
        background-repeat: no-repeat;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        background-size: 1rem;
        background-color: #162e51;
        background-position: right 0.75rem top 53%;
        color: white; } }

@media all and (min-width: 20em) {
  .usa-nav__primary .usa-accordion__button span {
    margin-right: 0;
    padding-right: 1rem; } }

.usa-nav__secondary {
  margin-top: 1rem; }
  @media all and (min-width: 20em) {
    .usa-nav__secondary {
      flex-direction: column ;
      align-items: flex-end ;
      bottom: 4rem;
      display: flex;
      font-size: 0.93rem;
      margin-top: 0.5rem;
      min-width: calc( 27ch + 3rem);
      position: absolute;
      right: 2rem; } }
  .usa-nav__secondary .usa-search {
    margin-top: 1rem;
    width: 100%; }
    @media all and (min-width: 20em) {
      .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.3;
  margin-top: 1.5rem; }
  @media all and (min-width: 20em) {
    .usa-nav__secondary-links {
      float: right;
      line-height: 0.9;
      margin-bottom: 0.25rem;
      margin-top: 0; } }
  @media all and (min-width: 20em) {
    .usa-nav__secondary-links .usa-nav__secondary-item {
      display: inline;
      padding-left: 0.25rem; }
      .usa-nav__secondary-links .usa-nav__secondary-item + .usa-nav__secondary-item::before {
        color: #dfe1e2;
        content: "|";
        padding-right: 0.25rem; } }
  .usa-nav__secondary-links a {
    color: #71767a;
    display: inline-block;
    font-size: 0.93rem;
    text-decoration: none; }
    .usa-nav__secondary-links a:hover {
      color: #005ea2;
      text-decoration: underline; }

@media all and (max-width: 19.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.93rem; }
    .usa-nav__submenu .usa-current::after {
      display: none; } }
  @media all and (max-width: 19.99em) and (min-width: 40em) {
    .usa-nav__submenu .usa-current::after {
      display: none; } }

@media all and (max-width: 19.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: 20em) {
  .usa-nav__submenu {
    margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    padding-left: 0;
    background-color: #162e51;
    width: 15rem;
    padding: 1rem;
    position: absolute;
    z-index: 400; } }

.usa-nav__submenu[aria-hidden="true"] {
  display: none; }

@media all and (min-width: 20em) {
  .usa-nav__submenu .usa-nav__submenu-item + * {
    margin-top: 0.75rem; }
  .usa-nav__submenu .usa-nav__submenu-item a {
    color: white;
    padding: 0;
    line-height: 1.3; }
    .usa-nav__submenu .usa-nav__submenu-item a:hover {
      background-color: transparent;
      color: white;
      padding: 0;
      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.93rem; }
    .usa-nav__submenu-list .usa-nav__submenu-list-item a {
      line-height: 1.3; }

.usa-nav__close {
  -moz-osx-font-smoothing: inherit;
  -webkit-font-smoothing: inherit;
  color: #005ea2;
  text-decoration: underline;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
  margin: 0;
  padding: 0;
  text-align: left;
  height: 3rem ;
  width: 3rem ;
  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: #162e51; }
  .usa-nav__close:focus {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0; }
  .usa-nav__close:hover, .usa-nav__close.usa-button--hover, .usa-nav__close:disabled:hover, .usa-nav__close:disabled.usa-button--hover, .usa-nav__close.usa-button--disabled:hover, .usa-nav__close.usa-button--disabled.usa-button--hover, .usa-nav__close:active, .usa-nav__close.usa-button--active, .usa-nav__close:disabled:active, .usa-nav__close:disabled.usa-button--active, .usa-nav__close.usa-button--disabled:active, .usa-nav__close.usa-button--disabled.usa-button--active, .usa-nav__close:disabled:focus, .usa-nav__close:disabled.usa-focus, .usa-nav__close.usa-button--disabled:focus, .usa-nav__close.usa-button--disabled.usa-focus, .usa-nav__close:disabled, .usa-nav__close.usa-button--disabled {
    -moz-osx-font-smoothing: inherit;
    -webkit-font-smoothing: inherit;
    background-color: transparent;
    box-shadow: none;
    text-decoration: underline; }
  .usa-nav__close:disabled, .usa-nav__close.usa-button--disabled {
    color: #c9c9c9; }
  .usa-nav__close.usa-button--hover {
    color: #1a4480; }
  .usa-nav__close.usa-button--active {
    color: #162e51; }
  .usa-nav__close:hover {
    color: currentColor;
    text-decoration: none; }
  @media all and (min-width: 20em) {
    .usa-nav__close {
      display: none; } }
  .usa-nav__close img {
    width: 1.5rem; }
  .usa-nav__close + * {
    clear: both; }

.usa-js-mobile-nav--active {
  overflow: hidden; }

.usa-search {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.5 ;
  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"] {
    background-image: url("../img/usa-icons-bg/search--white.svg"), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.5rem;
    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 ;
        background-image: none;
        width: auto; } }

@media all and (min-width: 30em) {
  .usa-search--big [type="search"],
  .usa-search--big .usa-search__input {
    font-size: 1.06rem;
    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.46rem;
    height: 3rem;
    width: auto; } }

@media all and (min-width: 30em) {
  .usa-search--small [type="submit"],
  .usa-search--small .usa-search__submit {
    background-image: url("../img/usa-icons-bg/search--white.svg"), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.5rem;
    width: 3rem; } }

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: 1rem;
  height: 2rem;
  margin: 0; }

.usa-search__submit-text {
  position: absolute;
  left: -999em;
  right: auto; }
  @media all and (min-width: 30em) {
    .usa-search__submit-text {
      position: static; } }

.usa-skipnav {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.5 ;
  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: #162e51; }
  .usa-skipnav:focus {
    outline: 0.25rem solid #2491ff;
    outline-offset: 0; }
  .usa-skipnav:focus, .usa-skipnav.usa-focus {
    background: white;
    left: 0;
    position: absolute;
    top: 0;
    transition: 0.15s ease-in-out; }

.usa-step-indicator {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.1 ;
  background-color: #162e51;
  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: #dfe1e2;
    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: #a1d3ff; }

.usa-step-indicator__segment--complete .usa-step-indicator__segment-label {
  color: #a1d3ff; }

.usa-step-indicator__segment--current::after {
  background-color: #face00; }

.usa-step-indicator__segment--current .usa-step-indicator__segment-label {
  color: #face00;
  font-weight: 700; }

.usa-step-indicator__segment-label {
  display: none; }
  @media all and (min-width: 40em) {
    .usa-step-indicator__segment-label {
      color: #dfe1e2;
      display: block;
      font-size: 1.06rem;
      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: #dfe1e2;
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.13rem;
  font-weight: 700;
  margin: 1rem 0 0; }
  @media all and (min-width: 40em) {
    .usa-step-indicator__heading {
      font-size: 1.46rem;
      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: #face00;
  color: #162e51;
  display: inline-block;
  padding: calc( (2.5rem - (2ex * 1.1)) * 0.5);
  text-align: center; }

.usa-step-indicator__total-steps {
  font-weight: normal ;
  font-feature-settings: "tnum" 1, "kern" 1 ;
  color: #face00;
  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: #162e51;
      box-shadow: inset 0 0 0 0.25rem #dfe1e2, 0 0 0 0.25rem #162e51;
      color: #dfe1e2;
      content: counter(usa-step-indicator);
      display: block;
      font-weight: 700;
      left: 0;
      line-height: 0.9;
      padding: calc( (2.5rem - (2ex * 0.9)) * 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: #a1d3ff;
  box-shadow: 0 0 0 0.25rem #162e51;
  color: #162e51; }

.usa-step-indicator--counters .usa-step-indicator__segment--current::before,
.usa-step-indicator--counters-sm .usa-step-indicator__segment--current::before {
  background-color: #face00;
  box-shadow: 0 0 0 0.25rem #162e51;
  color: #162e51; }

@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.93rem;
      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 )); }

/* 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: 1rem;
  padding: 0.5rem;
  pointer-events: none;
  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;
    pointer-events: none;
    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--wrap {
  width: 100%;
  white-space: normal;
  text-align: center;
  min-width: calc(100vw / 2); }

.usa-tooltip__body.is-set {
  display: block; }

.usa-tooltip__body.is-visible {
  opacity: 1; }

.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: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: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-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 ; }

/* USWDS v2 additional grid widths
---------------------------------------*/
.grid-container-desktop-xlg {
  margin-left: auto;
  margin-right: auto;
  max-width: 87.5rem;
  padding-left: 1rem;
  padding-right: 1rem; }

@media all and (min-width: 64em) {
  .grid-container-desktop-xlg {
    padding-left: 2rem;
    padding-right: 2rem; } }

.grid-container-desktop-xxlg {
  margin-left: auto;
  margin-right: auto;
  max-width: 100rem;
  padding-left: 1rem;
  padding-right: 1rem; }

@media all and (min-width: 64em) {
  .grid-container-desktop-xxlg {
    padding-left: 2rem;
    padding-right: 2rem; } }

/*
 * jQuery File Upload Plugin CSS 1.3.0
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.fileinput-button {
  position: relative;
  overflow: hidden; }

.fileinput-button input {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  height: 2.5rem;
  direction: ltr;
  cursor: pointer; }

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%; } }

/*
Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
*/
.select2.select2-container {
  position: relative;
  display: inline-table;
  /* inline-block for ie7 */
  width: 100%;
  max-width: 46rem;
  appearance: none;
  background-color: #fff;
  background-position: right 0.75rem center;
  background-size: 0.5rem;
  border-width: 1px;
  border-color: #565c65;
  border-style: solid;
  appearance: none;
  border-radius: 0;
  color: #1b1b1b;
  height: 2.5rem;
  margin-top: 0.5rem; }
  @media all and (min-width: 64em) {
    .select2.select2-container {
      display: inline-table;
      vertical-align: middle; } }

.select2-container .select2-selection--single {
  background-image: url(../img/arrow-both.svg), linear-gradient(#0000, #0000);
  background-repeat: no-repeat;
  background-size: 0.5rem;
  background-position: right 0.75rem center; }

@media screen and (max-width: 22.375em) {
  #s2id_agency.select2-container,
  #s2id_location.select2-container,
  .s2id_agency,
  .s2id_location {
    width: calc(100% - 3.854rem) !important; } }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */ }

.select2-container .select2-selection {
  display: block;
  /*height: 26px;*/
  overflow: hidden;
  position: relative;
  border: none;
  white-space: nowrap;
  line-height: 22px;
  color: #212121;
  text-decoration: none;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);*/ }
  .select2-container .select2-selection--single {
    padding: 0.5rem; }
  .select2-container .select2-selection--multiple {
    padding: 0.5rem;
    white-space: normal; }

html[dir="rtl"] .select2-container .select2-selection__choice {
  padding: 0 8px 0 0; }

.select2-container .select2-choice > .select2-chosen {
  padding-right: 30px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto; }
  @media all and (min-width: 64em) {
    .select2-container .select2-choice > .select2-chosen {
      padding-right: 0; } }

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  padding-left: 26px;
  padding-right: 0; }

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url("../../images/select2.png") right top no-repeat;
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block; }

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 8;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 100;
  top: 100%;
  background: #fff;
  color: #212121;
  border: 1px solid #5b616b;
  border-top: 0;
  /*border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, .15);*/ }

.select2-drop.select2-drop-modal {
  z-index: 1061; }

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #5b616b;
  border-bottom: 0; }

.select2-container--open {
  background: #fff;
  position: absolute;
  z-index: 1100;
  margin-top: -1px; }
  .select2-container--open .select2-dropdown {
    display: block;
    border-top: none;
    border-right: 1px solid #5b616b;
    border-bottom: none;
    border-left: 1px solid #5b616b; }
    .select2-container--open .select2-dropdown--below {
      border-bottom: 1px solid #5b616b; }
    .select2-container--open .select2-dropdown--above {
      margin-top: 1px;
      border-top: 1px solid #5b616b; }

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto; }

.select2-drop-auto-width .select2-search {
  padding-top: 4px; }

/*.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../../img/select2.png') no-repeat 0 1px;
  background-image: url(../img/arrow-down.png);
  background-image: url(../img/arrow-down.svg);
  background-position: right 1.3rem center;
  background-repeat: no-repeat;
  background-size: 1.3rem;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}*/
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  position: relative;
  z-index: 100;
  white-space: nowrap; }
  .select2-search--dropdown {
    padding: 0.5rem; }

.select2-search input, .select2-search--dropdown input {
  width: 100%;
  height: auto !important;
  min-height: 36px;
  margin: 0;
  outline: 0;
  /*font-family: sans-serif;*/
  font-size: 1rem;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff;
  /*background: url('../../images/search.png') no-repeat 98% 5px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../../images/search.png') no-repeat 98% 5px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../../images/search.png') no-repeat 98% 5px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../../images/search.png') no-repeat 98% 5px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;*/ }

.select2-search--dropdown input {
  padding: 0.5rem;
  border: 1px solid #757575;
  background: #fff url("../../images/search.png") no-repeat 98% 7px; }

.select2-search--dropdown input::-webkit-search-cancel-button {
  margin-right: 1.5rem; }

.select2-selection .select2-selection__rendered .select2-search--inline {
  float: none; }

.select2-search--inline input:focus {
  outline: none !important; }

.select2-search input:focus {
  outline-width: 0.25rem;
  outline-style: solid;
  outline-color: #2491ff ; }

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: #fff url("../../images/select2.png") no-repeat -37px -22px;
  background: url("../../images/select2.png") no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("../../images/select2.png") no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../../images/select2.png") no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../../images/select2.png") no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px; }

.select2-search input.select2-active {
  background: #fff url("../../images/select2-spinner.gif") no-repeat 100%;
  background: url("../../images/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url("../../images/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../../images/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url("../../images/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; }

.select2-container-active {
  outline-width: 0.25rem;
  outline-style: solid;
  outline-color: #2491ff ; }

.select2-container-active::after {
  content: ' ';
  display: block;
  /*padding-bottom: 3rem;
  margin-bottom: -3rem;*/ }

.select2-dropdown-open .select2-selection__choice {
  border-bottom-color: transparent;
  /*-webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);*/ }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px; }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* results */
.select2-results__options {
  max-height: 200px;
  padding: 0;
  margin: 0;
  padding: 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .select2-results__options--nested {
    max-height: none;
    border-bottom: 0; }

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px; }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold; }

.select2-results .select2-results__option {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px; }

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px; }

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px; }

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px; }

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px; }

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px; }

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px; }

.select2-results .select2-results__option--highlighted {
  background: #0071bc;
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  /*background: #f4f4f4;*/
  display: list-item;
  padding: 0.5rem; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url("../../images/select2-spinner.gif") no-repeat 100%; }

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2); }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

/* disabled styles */
.select2.select2-container.select2-container--disabled {
  background-color: #eee;
  cursor: default; }
  .select2.select2-container.select2-container--disabled .select2-selection {
    display: none; }

.select2-container.select2-container-disabled .select2-selection__choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-selection__choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-selection__choice abbr {
  display: none; }

.select2-selection__rendered {
  word-wrap: break-word;
  text-overflow: inherit;
  white-space: normal; }

/* multiselect */
.select2-selection--multiple {
  display: table;
  padding: 0; }

.select2-selection--multiple .select2-selection__rendered {
  height: 1%;
  height: auto !important;
  cursor: text;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box;
  color: #212121;
  display: block;
  font-size: 1rem;
  line-height: 1;
  margin: -0.5rem 0;
  max-width: 46rem;
  padding: 0;
  width: 100%; }

html[dir="rtl"] .select2-selection--multiple .select2-choices {
  padding: 0 0 0 5px; }

.select2-selection--multiple.select2-dropdown-open .select2-choices {
  border-width: 0.1rem 0.1rem 0 0.1rem; }

.select2-locked {
  padding: 3px 5px 3px 5px !important; }

.select2-selection--multiple .select2-choices {
  min-height: 26px; }

/*.select2-selection--multiple.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}*/
.select2-selection--multiple .select2-selection__rendered li {
  float: left;
  list-style: none; }

html[dir="rtl"] .select2-selection--multiple .select2-choices li {
  float: right; }

.select2-selection--multiple .select2-selection__rendered .select2-search__field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
  width: -webkit-fill-available !important; }

.select2-selection--multiple .select2-selection__rendered .select2-search__field input {
  padding: 0;
  margin: 0.5rem 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
  height: 1.375rem; }

.select2-selection--multiple .select2-selection__rendered .select2-search__field input.select2-active {
  background: #fff url("../../images/select2-spinner.gif") no-repeat 100% !important; }

.select2-default {
  color: #999 !important; }

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  background-color: #E7F4E4;
  color: #212121;
  padding: 0.5rem 2rem 0.5rem 0.7rem;
  font-size: 0.9rem;
  font-weight: 600;
  margin-right: 0.5rem;
  position: relative;
  line-height: initial;
  margin-bottom: 0;
  margin-top: 0.4rem;
  /*padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);*/ }

html[dir="rtl"] .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px; }

.select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-chosen {
  cursor: default; }

.select2-selection--multiple .select2-choices .select2-search-choice-focus {
  background: #d4d4d4; }

.select2-selection__clear {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 1px;
  outline: none;
  background: url("../../img/close.svg") right top no-repeat;
  background-repeat: no-repeat;
  background-size: 0.7rem; }

.select2-container .select2-choice.select2-default abbr.select2-search-choice-close {
  display: none; }

.select2-container .select2-selection .select2-selection__clear {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 30px;
  top: 14px;
  font-size: 1px;
  outline: none;
  background: url("../../img/close.svg") right top no-repeat !important;
  background-repeat: no-repeat !important;
  background-size: 0.7rem !important; }

.select2-container .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-selection__choice__remove {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 12px;
  top: 12px;
  font-size: 1px;
  outline: none;
  background: url("../../img/close.svg") right top no-repeat !important;
  background-repeat: no-repeat !important;
  background-size: 0.7rem !important;
  cursor: pointer; }

html[dir="rtl"] .select2-selection__choice__remove {
  right: auto;
  left: 3px; }

/*.select2-container-multi .select2-search-choice-close {
  left: 3px;
}*/
html[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  left: auto;
  right: 2px; }

/*.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}*/
/* disabled styles */
.select2-selection--multiple.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-selection--multiple.select2-container-disabled .select2-selection__rendered .select2-selection__choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4; }

.select2-selection--multiple.select2-container-disabled .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  display: none;
  background: none; }

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url("../../images/select2x2.png") !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important; }
  .select2-search input {
    background-position: 100% -21px !important; } }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.usajobs-opop-banner {
  background-color: #dce4ef;
  min-height: 17rem; }

.usajobs-opop-banner__body {
  max-width: 64.1rem;
  text-align: center;
  margin: auto; }

@media screen and (min-width: 48em) {
  .usa-button.usa-button-primary-alt {
    width: 29.1rem;
    margin-top: 1.25rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem; }
  .usajobs-opop-banner__section {
    padding: 3rem 0 1.5rem; } }

@media screen and (max-width: 47.9999em) {
  .usajobs-opop-banner__section {
    padding: 0 0 1.5rem 0; }
  .usajobs-opop-banner__body {
    padding: 1.5rem; } }

.usajobs-opop-banner__section {
  font-size: 1.25rem; }

.usajobs-opop-marketing-content__body, .usajobs-opop-community-marketing-content__body {
  margin-bottom: none;
  padding: 1rem 1.25rem 1rem 1.25rem; }
  @media screen and (min-width: 62em) {
    .usajobs-opop-marketing-content__body, .usajobs-opop-community-marketing-content__body {
      padding: 1.25rem 2rem 2rem 2rem;
      border-bottom: none; } }
  .usajobs-opop-marketing-content__body.read-less, .usajobs-opop-community-marketing-content__body.read-less {
    max-height: 35rem;
    overflow: hidden; }

.usajobs-opop-marketing-content__section, .usajobs-opop-community-marketing-content__section {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.users .view-all {
  font-size: 0.875rem;
  text-decoration: underline; }

.users .list-unstyled {
  list-style: none;
  padding-left: 0; }

.users li {
  margin-bottom: 0.2rem; }

.results-filter tbody tr:nth-child(n+6) {
  display: none; }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.usajobs-content-gutter.usajobs-open-opps-search, .usajobs-content-gutter.usajobs-open-opps-people {
  max-width: 160rem;
  margin-right: auto;
  margin-left: auto; }

@media screen and (max-width: 61.9999em) {
  .usajobs-content-gutter.usajobs-open-opps-search {
    padding: 0px; } }

.usajobs-open-opps-people {
  position: relative;
  background-color: #fff;
  margin: 1rem 0;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  @media screen and (min-width: 37.5em) {
    .usajobs-open-opps-people {
      margin: 1rem 2rem; } }
  @media screen and (min-width: 62em) {
    .usajobs-open-opps-people {
      padding: 1rem; } }
  .usajobs-open-opps-people::after {
    clear: both;
    content: "";
    display: table; }

.usajobs-opop-people__section-title {
  padding-top: 1rem; }

.usajobs-grid.usajobs-open-opps-people-search__title {
  padding: 0; }
  @media screen and (min-width: 62em) {
    .usajobs-grid.usajobs-open-opps-people-search__title {
      margin: 2rem 0; } }
  .usajobs-grid.usajobs-open-opps-people-search__title .usa-width-one-half {
    position: relative; }
  .usajobs-grid.usajobs-open-opps-people-search__title .search-icon {
    position: absolute;
    top: 13px;
    right: 15px;
    fill-opacity: .5; }
  .usajobs-grid.usajobs-open-opps-people-search__title .usajobs-open-opps-people-search__input {
    max-width: 100%;
    float: left;
    height: 4.3rem;
    margin-bottom: 0;
    padding-right: 4rem; }

.table-responsive {
  position: relative; }

.loading-container {
  height: 22.5em; }

#profile-list {
  overflow-x: auto;
  padding-bottom: 2rem;
  width: 100%; }

.col-name, .col-title, .col-agency, .col-location {
  padding: 1rem 1rem 1rem 0; }
  @media screen and (max-width: 47.999em) {
    .col-name, .col-title, .col-agency, .col-location {
      max-width: 12rem; } }

@media screen and (max-width: 47.999em) {
  .col-title {
    max-width: 15rem; } }

.col-name {
  width: 15%;
  padding: 1rem 1rem 1rem 0; }

.col-title {
  width: 35%;
  padding: 1rem 1rem 1rem 0; }

.col-agency {
  width: 35%;
  padding: 1rem 1rem 1rem 0; }

.col-location {
  width: 15%;
  padding: 1rem 1rem 1rem 0; }

.usajobs-content-gutter.usajobs-open-opps-search {
  max-width: 160rem;
  margin-right: auto;
  margin-left: auto; }
  .usajobs-content-gutter.usajobs-open-opps-search .search-opportunities {
    margin-top: 1rem;
    margin-bottom: 2rem; }
    @media screen and (min-width: 62em) {
      .usajobs-content-gutter.usajobs-open-opps-search .search-opportunities {
        margin-top: 0;
        margin-bottom: 0; } }

.openopps-search__box a {
  color: white ; }

.openopps-search__box.background-image {
  background-position: center !important;
  background-size: cover !important; }

.search__box-search .background-image {
  background-position: center;
  background-size: cover; }

.search__box-search .community-logo {
  width: 6.875rem;
  height: 6.875rem; }

.search__box-search .description a, .search__box-search .description a:visited {
  color: inherit; }

@media all and (min-width: 40em) {
  .search__box-search {
    position: relative; }
    .search__box-search h1, .search__box-search h3, .search__box-search p.description, .search__box-search div.description {
      width: calc(100% - 8.5rem); }
    .search__box-search p {
      margin-bottom: 0.75rem ;
      margin-top: 0.75rem ; }
    .search__box-search h1 p {
      margin-bottom: 0 ;
      margin-top: 0 ; }
    .search__box-search .community-logo {
      position: absolute;
      top: 0;
      right: 0; } }

.search__box-acquisition {
  display: none; }

.openopps-search__box.display-acquisition {
  background: #046b99; }
  .openopps-search__box.display-acquisition .search__box-acquisition {
    display: inline-block; }
  .openopps-search__box.display-acquisition .search__box-search {
    display: none; }

.usajobs-grid.usajobs-open-opps-intern-search__box {
  display: block;
  background-color: #fdb81e;
  padding: 1rem 1rem 2rem 1rem; }

.logo {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  height: rem(75px);
  width: rem(75px);
  background-image: url("../img/logo/png/dos-student-internship-program-logo.png");
  background-size: rem(75px);
  background-repeat: no-repeat; }
  @media screen and (min-width: 48em) {
    .logo {
      background-size: rem(85px);
      height: rem(85px);
      width: rem(85px); } }

@media all and (min-width: 40em) {
  .openopps-search__box {
    background-image: url(/img/graphic_search.svg);
    background-repeat: no-repeat;
    background-position: 106% -4%; } }

.openopps-search__box #search {
  max-width: 100%;
  /* firefox 19+ */ }
  .openopps-search__box #search[placeholder] {
    text-overflow: ellipsis; }
  .openopps-search__box #search ::-moz-placeholder {
    text-overflow: ellipsis; }
  .openopps-search__box #search:-moz-placeholder {
    text-overflow: ellipsis; }

.openopps-search-results__loading .svg-inline--fa {
  color: #02bfe7;
  position: fixed;
  top: calc(50% - 53px);
  left: calc(50% - 43px); }

#save-search-form button, #saved-search-form button {
  float: right; }

.usajobs-search-filters__title {
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.9rem;
  margin: 0 0 .5rem 0;
  padding: 1rem 0 0 0;
  color: #112e51; }
  .usajobs-search-filters__title.agency, .usajobs-search-filters__title.skill, .usajobs-search-filters__title.community, .usajobs-search-filters__title.career, .usajobs-search-filters__title.time, .usajobs-search-filters__title.location {
    border-top: 0.5px solid #c8c8c8;
    padding-top: 1.5rem;
    margin-top: 3rem; }

.usajobs-search-filters__count {
  color: #5b616b;
  font-size: 1.4rem; }

#stateFilters label,
#timeFilters label,
#detailFilters label,
#locationFilters label,
#agencyFilters label,
#intern-program-list label,
#share-consent label,
#js-restrict-task-filter {
  margin-top: 0;
  margin-bottom: 1rem; }

.student-internships {
  margin-bottom: 2rem; }

.student-internships-search {
  padding-left: 1em;
  padding-right: 1em; }
  @media screen and (min-width: 62em) {
    .student-internships-search {
      padding-left: 0;
      padding-right: 0; } }
  .student-internships-search__box {
    display: block;
    background-color: #f9c642;
    padding-top: 1rem; }
    .student-internships-search__box h1 {
      color: #212121; }
      @media screen and (max-width: 61.999em) {
        .student-internships-search__box h1 {
          margin-left: 1rem; } }
    .student-internships-search__box .usa-button.usa-button-secondary.add-internship {
      color: #212121;
      box-shadow: inset 0 0 0 2px #212121;
      background-color: transparent; }
      @media screen and (max-width: 47.999em) {
        .student-internships-search__box .usa-button.usa-button-secondary.add-internship {
          width: auto; } }
      @media screen and (min-width: 48em) {
        .student-internships-search__box .usa-button.usa-button-secondary.add-internship {
          position: absolute;
          margin: 1rem; } }
    .student-internships-search__box .usa-button.usa-button-secondary.add-internship:hover {
      color: #323a45;
      box-shadow: inset 0 0 0 2px #323a45;
      background-color: transparent; }
  .student-internships-search .usajobs-nav__search form {
    max-width: inherit; }
  .student-internships-search .usajobs-nav__search label {
    max-width: inherit;
    color: #ffffff; }

.open-opps--info {
  display: flex;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 3rem;
  padding: 1.5rem;
  background-color: #dce4ef; }
  .open-opps--info .open-opps--info__body {
    flex: 1; }
    .open-opps--info .open-opps--info__body p {
      margin: 0; }

.ui-autocomplete-loading {
  background: #fff url("../../../img/ui-anim_basic_16x16.gif") calc(100% - 0.7em) center no-repeat; }

.usajobs-search-location-autocomplete,
.profiles-search-keywords-autocomplete {
  background-color: white ;
  box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1) ;
  border-width: 1px;
  border-color: #757575 ;
  border-style: solid;
  border-top-width: 0;
  border-top-style: solid;
  border-bottom-left-radius: 0.25rem ;
  border-bottom-right-radius: 0.25rem ; }
  @media screen and (min-width: 62em) {
    .usajobs-search-location-autocomplete,
    .profiles-search-keywords-autocomplete {
      float: left;
      display: block;
      margin-right: 2.3576520234%;
      width: 40.291369653%;
      z-index: 200; }
      .usajobs-search-location-autocomplete:last-child,
      .profiles-search-keywords-autocomplete:last-child {
        margin-right: 0; } }
  .usajobs-search-location-autocomplete .ui-autocomplete-close-header.ui-menu-item,
  .profiles-search-keywords-autocomplete .ui-autocomplete-close-header.ui-menu-item {
    font-size: 1.4rem;
    padding: .5rem 3rem .5rem 0;
    background-color: #e4e2e0;
    text-align: right; }
  .usajobs-search-location-autocomplete .ui-autocomplete-close-header.ui-menu-item .fa,
  .profiles-search-keywords-autocomplete .ui-autocomplete-close-header.ui-menu-item .fa {
    text-align: right; }
  .usajobs-search-location-autocomplete .ui-autocomplete-category,
  .profiles-search-keywords-autocomplete .ui-autocomplete-category {
    font-family: "Source Sans Pro","Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: .5rem;
    margin-top: 1rem;
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    padding: .5rem 1.5rem;
    text-transform: uppercase;
    font-weight: normal;
    background-color: #f1f1f1; }
    @media all and (min-width: 30em) {
      .usajobs-search-location-autocomplete .ui-autocomplete-category,
      .profiles-search-keywords-autocomplete .ui-autocomplete-category {
        padding-bottom: 1rem ;
        padding-top: 1rem ;
        padding-left: 1rem ;
        padding-right: 1rem ; } }
  .usajobs-search-location-autocomplete .ui-autocomplete-category.cities,
  .profiles-search-keywords-autocomplete .ui-autocomplete-category.cities {
    position: relative; }
    .usajobs-search-location-autocomplete .ui-autocomplete-category.cities::before,
    .profiles-search-keywords-autocomplete .ui-autocomplete-category.cities::before {
      display: inline-block;
      width: 2.2rem;
      height: 1.6rem;
      content: url("../../../img/building.svg");
      padding-right: 1rem; }
  .usajobs-search-location-autocomplete .ui-autocomplete-category.countries::before,
  .profiles-search-keywords-autocomplete .ui-autocomplete-category.countries::before {
    display: inline-block;
    width: 2.2rem;
    height: 1.6rem;
    content: url("../../../img/globe.svg");
    padding-right: 1rem; }
  .usajobs-search-location-autocomplete .ui-menu-item,
  .profiles-search-keywords-autocomplete .ui-menu-item {
    padding-bottom: 0.5rem ;
    padding-top: 0.5rem ;
    padding-left: 1rem ;
    padding-right: 1rem ;
    cursor: pointer; }
    .usajobs-search-location-autocomplete .ui-menu-item:hover,
    .profiles-search-keywords-autocomplete .ui-menu-item:hover {
      background-color: #e7f6f8 ; }
    @media all and (min-width: 30em) {
      .usajobs-search-location-autocomplete .ui-menu-item,
      .profiles-search-keywords-autocomplete .ui-menu-item {
        padding-bottom: 1rem ;
        padding-top: 1rem ;
        padding-left: 1rem ;
        padding-right: 1rem ; } }
    .usajobs-search-location-autocomplete .ui-menu-item-wrapper,
    .profiles-search-keywords-autocomplete .ui-menu-item-wrapper {
      text-decoration: none !important;
      color: #000 !important; }

.back-link {
  color: #0071bc;
  margin-top: 1rem; }
  .back-link a {
    text-decoration: none; }
    .back-link a:visited {
      color: #0071bc; }
  .back-link .fa-chevron-circle-left {
    margin-right: 0.5rem; }

::-webkit-input-placeholder {
  color: #999; }

:-ms-input-placeholder {
  color: #999; }

::placeholder {
  color: #999; }

@media screen and (max-width: 47.999em) {
  .usajobs-content-gutter.opportunity-gutter .tips-wrapper {
    width: 100%; } }

.usa-form-xl, .usa-form-xl label {
  max-width: 56rem; }

.task-footer {
  margin-top: 3.75rem; }
  @media screen and (min-width: 48em) {
    .task-footer {
      width: 100%; } }

.usa-unstyled-list__radio {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
  width: 100%; }

.usa-unstyled-list__radio > li {
  margin-left: 0; }

.usa-unstyled-list__radio > li, .usa-unstyled-list__radio > li > label {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

.status-title {
  float: left; }

.usa-unstyled-list__radio--horizontal {
  padding-left: 0;
  list-style-type: none; }
  .usa-unstyled-list__radio--horizontal li {
    float: left;
    margin-left: 0.25rem;
    margin-right: 1.25rem; }
  .usa-unstyled-list__radio--horizontal li, .usa-unstyled-list__radio--horizontal li > label {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem; }
    .usa-unstyled-list__radio--horizontal li::before, .usa-unstyled-list__radio--horizontal li > label::before {
      margin-bottom: 2px; }
    .usa-unstyled-list__radio--horizontal li span.usajobs-pill--opportunity-status, .usa-unstyled-list__radio--horizontal li > label span.usajobs-pill--opportunity-status {
      margin-right: 0.25rem;
      border-radius: 1.3rem;
      width: 12rem;
      display: inline-block; }

.usa-unstyled-list__indent {
  margin-left: 0;
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none; }

#headline, #description, #tags, #review, #step-3 {
  position: relative; }

.checkboxes-horizontal, .checkboxes-horizontal-longtitle {
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 37.5em) {
    .checkboxes-horizontal, .checkboxes-horizontal-longtitle {
      flex-direction: row; }
      .checkboxes-horizontal label, .checkboxes-horizontal-longtitle label {
        margin-right: 1rem; } }
  .checkboxes-horizontal ul, .checkboxes-horizontal-longtitle ul {
    display: flex;
    flex-direction: row; }
    .checkboxes-horizontal ul label, .checkboxes-horizontal-longtitle ul label {
      margin-right: 1rem; }
      @media screen and (max-width: 37.499em) {
        .checkboxes-horizontal ul label, .checkboxes-horizontal-longtitle ul label {
          margin-top: 0; } }

@media all and (min-width: 40em) {
  .checkboxes-horizontal-longtitle {
    flex-direction: column; } }

.checkboxes-horizontal-longtitle ul label {
  margin-right: 1rem;
  margin-top: 0; }

ul.opportunity-options__list {
  margin-top: 0.75rem; }
  ul.opportunity-options__list::after {
    content: '';
    display: block;
    clear: both; }
  ul.opportunity-options__list li:last-child button.opportunity-options__button {
    margin-right: 0; }

button.opportunity-options__button {
  background-color: #fff;
  border: 1px solid #f1f1f1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #4aa564;
  padding: 0 1rem 0.5rem 1rem;
  float: left;
  margin: 0 0.6rem 0.6rem 0;
  min-width: 110px;
  min-height: 98px;
  text-align: center;
  width: initial;
  border-radius: 5px; }
  button.opportunity-options__button:hover {
    background-color: #d6d7d9;
    color: #4aa564;
    border: 1px solid #aeb0b5;
    box-shadow: none; }
  button.opportunity-options__button:active {
    background-color: #aeb0b5;
    color: #2e8540;
    border: 1px solid #5b616b;
    box-shadow: none; }
  button.opportunity-options__button.selected {
    background-color: #E8F5FF;
    color: #4aa564;
    border: 1px solid #d6d7d9;
    box-shadow: none; }

.opportunity-target-audience__item {
  position: relative;
  margin-bottom: 1.5rem;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  border-radius: 5px; }
  @media all and (min-width: 40em) {
    .opportunity-target-audience__item {
      width: 60%; } }
  .opportunity-target-audience__item .opportunity-target-audience__button {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    box-align: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    width: 100%;
    color: #212121;
    text-decoration: none;
    min-height: 4rem;
    border: 1px solid #f1f1f1;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    background-color: #fff; }
    .opportunity-target-audience__item .opportunity-target-audience__button:hover {
      background-color: #d6d7d9;
      border: 1px solid #aeb0b5;
      box-shadow: none;
      color: #212121; }
    .opportunity-target-audience__item .opportunity-target-audience__button:active {
      background-color: #aeb0b5;
      border: 1px solid #5b616b;
      box-shadow: none;
      color: #212121; }
    .opportunity-target-audience__item .opportunity-target-audience__button.selected {
      background-color: #f1f1f1;
      border: 1px solid #d6d7d9;
      box-shadow: none;
      color: #212121; }
    .opportunity-target-audience__item .opportunity-target-audience__button .opportunity-target-audience__figure {
      flex-shrink: 0;
      -ms-flex-negative: 0; }
      .opportunity-target-audience__item .opportunity-target-audience__button .opportunity-target-audience__figure .opportunity-target-audience__icon {
        font-size: 1.4rem;
        display: inline-block;
        text-align: center;
        margin-right: 0.2rem; }
        .opportunity-target-audience__item .opportunity-target-audience__button .opportunity-target-audience__figure .opportunity-target-audience__icon i {
          width: 3.5rem;
          height: 3.5rem;
          vertical-align: middle;
          display: inline-block; }
        .opportunity-target-audience__item .opportunity-target-audience__button .opportunity-target-audience__figure .opportunity-target-audience__icon .federal-employees {
          background-image: url(../img/icons/hiring-paths/png/federal-employees@2x.png);
          background-image: url(../img/icons/hiring-paths/svg/federal-employees.svg);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 2.6rem; }
        .opportunity-target-audience__item .opportunity-target-audience__button .opportunity-target-audience__figure .opportunity-target-audience__icon .students {
          background-image: url(../img/icons/hiring-paths/png/students@2x.png);
          background-image: url(../img/icons/hiring-paths/svg/students.svg);
          background-position: center center;
          background-repeat: no-repeat;
          background-size: 2.6rem; }
  .opportunity-target-audience__item .opportunity-target-audience__body {
    box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0; }
    .opportunity-target-audience__item .opportunity-target-audience__body .opportunity-target-audience__item-title {
      font-weight: 400 ; }

.opportunity-drawers {
  list-style: none;
  padding-left: 0; }
  .opportunity-drawers .opportunity-drawer {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 0.5em;
    line-height: 1.5;
    background-color: #ffffff; }
    .opportunity-drawers .opportunity-drawer-button {
      display: inline-block;
      width: 100%;
      margin: 0;
      padding: 0 1rem 0 1.75rem;
      border: 0;
      border-radius: 0;
      background-color: #ffffff;
      background-image: url(../img/plus-circle-green.svg);
      background-repeat: no-repeat;
      background-position: 0 0.2rem;
      background-size: 1.25rem;
      color: #0071bc;
      font-size: 1.25rem;
      font-weight: 700;
      line-height: 1.25;
      text-align: left;
      -webkit-font-smoothing: auto;
      cursor: pointer; }
      .opportunity-drawers .opportunity-drawer-button:hover {
        color: #205493; }
      .opportunity-drawers .opportunity-drawer-button[aria-expanded=true] {
        background-image: url(../img/minus-circle-green.svg); }
    .opportunity-drawers .opportunity-drawer-intern-button {
      font-size: 1.46rem !important; }
    .opportunity-drawers .opportunity-drawer-content {
      background-color: #ffffff;
      padding: 0; }
      .opportunity-drawers .opportunity-drawer-content[aria-hidden=true] {
        display: none; }
      .opportunity-drawers .opportunity-drawer-content:not([aria-hidden]) {
        position: absolute;
        left: -999em; }

.expandorama {
  list-style: none;
  padding-left: 0; }
  .expandorama li {
    margin-top: 1rem;
    background-color: #ffffff; }
  .expandorama .expandorama-button {
    background-color: #ffffff;
    border: 0;
    border-radius: 0;
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-font-smoothing: auto;
    background-color: #ffffff;
    background-image: url(../img/plus-circle-green.svg);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 2.8rem;
    color: #0071bc;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin: 0;
    padding: 0 2rem 0 4rem;
    width: 100%; }
    .expandorama .expandorama-button:hover {
      background-color: #ffffff;
      color: #0071bc; }
      .expandorama .expandorama-button:hover h3 {
        color: #205493; }
    .expandorama .expandorama-button[aria-expanded=true] {
      background-image: url(../img/minus-circle-green.svg);
      background-repeat: no-repeat;
      background-size: 2.8rem; }
    .expandorama .expandorama-button h3 {
      color: #0071bc; }
  .expandorama .expandorama-content {
    background-color: #fff;
    padding: 0; }
    .expandorama .expandorama-content[aria-hidden=true] {
      display: none; }
    .expandorama .expandorama-content:not([aria-hidden]) {
      position: absolute;
      left: -999em; }

#internship-preview h2 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #d6d7d9; }

#internship-preview .skills {
  padding-top: 1.5rem; }

#internship-preview .usajobs-open-opps-opportunity-item__title {
  padding-top: 1.5rem; }

#internship-preview .field-label {
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: normal;
  color: #5b616b; }

#internship-preview .logo__header {
  width: rem(100px);
  float: right;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  text-align: center; }

#internship-preview .logo {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  height: rem(75px);
  width: rem(75px);
  background-image: url("../img/logo/png/dos-student-internship-program-logo.png");
  background-size: rem(75px);
  background-repeat: no-repeat; }
  @media screen and (min-width: 48em) {
    #internship-preview .logo {
      background-size: rem(85px);
      height: rem(85px);
      width: rem(85px); } }

.languages-drawer-content {
  background-color: #ffffff;
  overflow: auto;
  padding: 0 0 0.75rem 0;
  border-top: 1px solid #d6d7d9;
  border-bottom: 1px solid #d6d7d9; }
  .languages-drawer-content .usajobs-grid {
    padding: 0; }
  .languages-drawer-content__list {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none; }
    @media screen and (min-width: 37.5em) {
      .languages-drawer-content__list {
        padding-bottom: 1rem; } }
    .languages-drawer-content__list > li {
      display: list-item;
      margin: 0; }
    .languages-drawer-content__list p, .languages-drawer-content__list dd {
      margin: 0; }
    .languages-drawer-content__list .languages-drawer-content__item p {
      margin: 0; }
  .languages-drawer-content__item-label {
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: normal;
    color: #5b616b; }
  .languages-drawer-content__item-content {
    margin-top: 0; }
  .languages-drawer-content > *:last-child {
    margin-bottom: 0; }

.languages-drawer .has-no-face {
  padding-bottom: 1rem; }

.languages-drawer .usajobs-button-bar--split {
  border-top: 0; }

.languages-drawer .usajobs-button-bar__body {
  padding: 0; }

.languages-drawer .usajobs-button-bar__delete {
  display: inline-block;
  padding: 0.6rem 1rem 0.6rem 2.5rem;
  font-weight: bold;
  background-image: url(../img/icons/button-bar/times-circle.svg);
  background-size: 1.25rem 1.25rem;
  background-position: left center;
  background-repeat: no-repeat;
  color: #0071bc; }

.languages-drawer .usajobs-button-bar__save, .languages-drawer .usajobs-button-bar__edit {
  float: right; }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

@media screen and (max-width: 37.499em) {
  .usajobs-content-gutter.login-gutter {
    padding: 0; } }

.usajobs-content-gutter.login-gutter .usa-form-large {
  max-width: 46rem; }

@media screen and (max-width: 29.999em) {
  .usajobs-content-gutter.login-gutter .usajobs-button_bar--slim {
    border-top: none; } }

@media screen and (max-width: 29.999em) {
  .usajobs-content-gutter.login-gutter .usajobs-button_bar--slim .usajobs-button_bar__body {
    border-bottom: 1px solid #d6d7d9; } }

.usajobs-open-opps-opportunity.usajobs-open-opps-login {
  margin-top: 0;
  max-width: 160rem;
  margin-right: auto;
  margin-left: auto; }
  @media screen and (min-width: 37.5em) {
    .usajobs-open-opps-opportunity.usajobs-open-opps-login {
      margin-top: 2rem;
      padding: 2rem; } }
  .usajobs-open-opps-opportunity.usajobs-open-opps-login h1, .usajobs-open-opps-opportunity.usajobs-open-opps-login h2 {
    margin-top: 0; }

.usajobs-button_bar--slim .usajobs-button_bar__body {
  text-align: right; }
  @media screen and (max-width: 37.499em) {
    .usajobs-button_bar--slim .usajobs-button_bar__body #register-cancel {
      margin-bottom: 1em; } }

.password-rules .success {
  color: #2e8540;
  display: none; }

.password-rules .error {
  color: #cd2026; }

.openopps-community__members {
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  .openopps-community__members ::-webkit-scrollbar {
    width: 0.875rem; }
  .openopps-community__members ::-webkit-scrollbar-track {
    background-color: #f0f0f0 ; }
  .openopps-community__members ::-webkit-scrollbar-thumb {
    background-color: #c9c9c9 ; }
  .openopps-community__members ::-webkit-scrollbar-thumb:hover {
    background-color: #c9c9c9 ; }

.openopps-community__banner.default-background {
  background: #005ea2 url(/img/graphic_search.svg) no-repeat 101.5% 10%/auto 113%; }

.openopps-community__banner .banner-image {
  background-size: cover; }

.openopps-community__banner .community-logo-overlay {
  height: 62.5%;
  position: absolute;
  top: 49%;
  -ms-transform: translateY(-49%);
  transform: translateY(-49%);
  left: 7.5%; }

.community-discussions-banner {
  position: relative ;
  display: block ;
  overflow: hidden ;
  z-index: 2;
  min-height: 7.5rem; }
  @media all and (min-width: 40em) {
    .community-discussions-banner {
      min-height: 10rem; } }
  @media all and (min-width: 64em) {
    .community-discussions-banner {
      min-height: 13.75rem; } }
  @media all and (min-width: 75em) {
    .community-discussions-banner {
      min-height: 20rem; } }
  .community-discussions-banner.default-background {
    background: #005ea2 url(/img/graphic_search.svg) no-repeat 101.5% 10%/auto 113%; }

.community-discussions-logo-overlay {
  height: 62.5%;
  position: absolute;
  top: 49%;
  -ms-transform: translateY(-49%);
  transform: translateY(-49%);
  left: 7.5%; }

@media all and (min-width: 40em) {
  .community-discussions-search-box {
    width: 66%; } }

.community-item-view-banner {
  position: relative ;
  display: block ;
  overflow: hidden ;
  z-index: 2;
  min-height: 7.5rem; }
  @media all and (min-width: 40em) {
    .community-item-view-banner {
      min-height: 10rem; } }
  @media all and (min-width: 64em) {
    .community-item-view-banner {
      min-height: 13.75rem; } }
  @media all and (min-width: 75em) {
    .community-item-view-banner {
      min-height: 20rem; } }
  .community-item-view-banner.default-background {
    background: #005ea2 url(/img/graphic_search.svg) no-repeat 101.5% 10%/auto 113%; }

.community-item-view-logo-overlay {
  height: 62.5%;
  position: absolute;
  top: 49%;
  -ms-transform: translateY(-49%);
  transform: translateY(-49%);
  left: 7.5%; }

@media all and (min-width: 40em) {
  .community-item-view-title {
    width: 66%; } }

#join, #create-discussion, #join-discussion {
  width: 100% ; }
  @media all and (max-width: 63.99em) {
    #join, #create-discussion, #join-discussion {
      margin-right: 0 ; } }

@media all and (min-width: 64em) {
  .openopps-community__main.grid-row {
    margin-left: -0.5rem ;
    margin-right: -0.5rem ; }
    .openopps-community__main.grid-row > * {
      padding-left: 0.5rem ;
      padding-right: 0.5rem ; } }
  @media all and (min-width: 64em) and (min-width: 64em) {
    .openopps-community__main.grid-row {
      margin-left: -1rem ;
      margin-right: -1rem ; }
      .openopps-community__main.grid-row > * {
        padding-left: 1rem ;
        padding-right: 1rem ; } }

@media all and (min-width: 64em) {
  .openopps-community__info.grid-row {
    margin-left: -1px ;
    margin-right: -1px ; }
    .openopps-community__info.grid-row > * {
      padding-left: 1px ;
      padding-right: 1px ; } }

.comment-user-display {
  flex: 0 0 6.25rem; }
  .comment-user-display--circle {
    flex: 0 0 5rem; }

@media all and (min-width: 64em) {
  .discussion-post-mobile {
    display: none; } }

@media all and (max-width: 63.99em) {
  .discussion-post-desktop {
    display: none; } }

.event-card {
  min-height: 13rem ;
  max-height: 13rem ; }
  @media all and (min-width: 40em) {
    .event-card {
      min-height: 10rem ;
      max-height: 10rem ; } }
  @media all and (min-width: 64em) {
    .event-card {
      min-height: 13rem ;
      max-height: 13rem ; } }
  @media all and (min-width: 75em) {
    .event-card {
      min-height: 10rem ;
      max-height: 10rem ; } }
  .event-card h3 {
    max-height: 2.625rem;
    overflow-y: hidden ; }
  .event-card .event-link {
    position: absolute ;
    bottom: 1.5rem ; }

.events-show-all, .events-show-all:hover {
  display: block ;
  color: #005ea2 ;
  background-color: white ;
  width: 100% ;
  width: 100%; }
  .events-show-all::after, .events-show-all:hover::after {
    vertical-align: middle;
    display: inline-block;
    background-size: 1rem;
    background-repeat: no-repeat;
    height: 0.7rem;
    width: 1rem;
    content: "";
    background-image: url(../../img/arrow-down.svg);
    margin-left: 0.5rem; }

.events-filter div:nth-child(n+7) {
  display: none; }

.story-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.story-fade {
  overflow-wrap: break-word; }
  .story-fade::before {
    content: "";
    width: 100%;
    height: 2.25em;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    background: linear-gradient(rgba(255, 255, 255, 0), white); }

.story-image-default {
  background: #dfe1e2 url(../../images/community/community_story_default.svg) no-repeat center center;
  background-size: auto 170%; }

.community-profile {
  min-height: 371px; }

.community-card-line-clamp--description {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.community-card-line-clamp--skills {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden; }

#addStory {
  width: 100%; }

.certificate-page {
  background: #ffffff; }

.completion-certificate {
  display: flex;
  background: #ffffff;
  padding: 15px;
  justify-content: center;
  align-content: flex-start;
  flex-direction: column; }
  .completion-certificate .border {
    border: 8px solid #0071bc;
    order: 1;
    flex-grow: 1;
    position: relative;
    padding: 3px; }
    @media all and (min-width: 40em) {
      .completion-certificate .border {
        border-width: 13px;
        padding: 5px; } }
    @media all and (min-width: 55em) {
      .completion-certificate .border {
        border-width: 16px;
        padding: 8px; } }
    @media screen and (min-width: desktop) {
      .completion-certificate .border {
        border-width: 20px;
        padding: 10px; } }
    .completion-certificate .border .inner-border {
      border: 3px solid #009688;
      order: 1;
      flex-grow: 1;
      position: relative;
      padding: 5px; }
      @media all and (min-width: 40em) {
        .completion-certificate .border .inner-border {
          border-width: 5px;
          padding: 10px; } }
      @media all and (min-width: 55em) {
        .completion-certificate .border .inner-border {
          border-width: 6.5px;
          padding: 15px; } }
      @media all and (min-width: 64em) {
        .completion-certificate .border .inner-border {
          border-width: 8px;
          padding: 20px; } }
      .completion-certificate .border .inner-border .open-opportunities-logo {
        display: flex;
        justify-content: center;
        margin-top: 2.5rem; }
        @media all and (min-width: 40em) {
          .completion-certificate .border .inner-border .open-opportunities-logo {
            margin-top: 4.2rem; } }
        @media all and (min-width: 55em) {
          .completion-certificate .border .inner-border .open-opportunities-logo {
            margin-top: 5.5rem; } }
        @media all and (min-width: 64em) {
          .completion-certificate .border .inner-border .open-opportunities-logo {
            margin-top: 7.0rem; } }
        .completion-certificate .border .inner-border .open-opportunities-logo img {
          width: 8rem;
          height: auto; }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border .open-opportunities-logo img {
              width: 12rem; } }
          @media all and (min-width: 55em) {
            .completion-certificate .border .inner-border .open-opportunities-logo img {
              width: 17rem; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border .open-opportunities-logo img {
              width: 22rem; } }
        .completion-certificate .border .inner-border .open-opportunities-logo.display-footer {
          margin-top: 1.5rem; }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border .open-opportunities-logo.display-footer {
              margin-top: 2rem; } }
          @media all and (min-width: 55em) {
            .completion-certificate .border .inner-border .open-opportunities-logo.display-footer {
              margin-top: 3rem; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border .open-opportunities-logo.display-footer {
              margin-top: 5rem; } }
      .completion-certificate .border .inner-border .great-seal-united-states {
        display: flex;
        justify-content: center;
        margin-top: 1rem; }
        .completion-certificate .border .inner-border .great-seal-united-states img {
          width: 5rem;
          height: auto; }
          @media all and (min-width: 30em) {
            .completion-certificate .border .inner-border .great-seal-united-states img {
              width: 8rem; } }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border .great-seal-united-states img {
              width: 12rem; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border .great-seal-united-states img {
              width: 16rem; } }
      .completion-certificate .border .inner-border h2 {
        color: #3d4551;
        font-size: 1rem;
        letter-spacing: 1px;
        line-height: 1;
        margin-top: 0.4rem;
        text-transform: uppercase;
        text-align: center; }
        @media all and (min-width: 40em) {
          .completion-certificate .border .inner-border h2 {
            font-size: 1.5rem;
            letter-spacing: 3px;
            margin-top: 0.8rem; } }
        @media all and (min-width: 55em) {
          .completion-certificate .border .inner-border h2 {
            font-size: 2.2rem;
            letter-spacing: 5px;
            margin-top: 1.2rem; } }
        @media all and (min-width: 64em) {
          .completion-certificate .border .inner-border h2 {
            font-size: 2.8rem;
            letter-spacing: 7px;
            margin-top: 1.5rem; } }
      .completion-certificate .border .inner-border h3 {
        color: #000000;
        font-family: 'Merriweather Web';
        font-size: 0.7rem;
        font-weight: 400;
        margin-top: 2rem;
        margin-bottom: 0;
        text-align: center;
        font-style: italic; }
        @media all and (min-width: 40em) {
          .completion-certificate .border .inner-border h3 {
            font-size: 1.1rem;
            margin-top: 4rem; } }
        @media all and (min-width: 55em) {
          .completion-certificate .border .inner-border h3 {
            font-size: 1.6rem;
            margin-top: 6rem; } }
        @media all and (min-width: 64em) {
          .completion-certificate .border .inner-border h3 {
            font-size: 2rem;
            margin-top: 7.5rem; } }
        .completion-certificate .border .inner-border h3.completing {
          margin-top: 1rem; }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border h3.completing {
              margin-top: 2.5rem; } }
          @media all and (min-width: 55em) {
            .completion-certificate .border .inner-border h3.completing {
              margin-top: 4rem; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border h3.completing {
              margin-top: 5; } }
          .completion-certificate .border .inner-border h3.completing__vsfs {
            margin-top: 0.5rem; }
            @media all and (min-width: 55em) {
              .completion-certificate .border .inner-border h3.completing__vsfs {
                margin-top: 2rem; } }
        .completion-certificate .border .inner-border h3.presented-to {
          margin-top: 4rem; }
          @media all and (min-width: 20em) {
            .completion-certificate .border .inner-border h3.presented-to {
              margin-top: 2.5rem; } }
          @media all and (min-width: 30em) {
            .completion-certificate .border .inner-border h3.presented-to {
              margin-top: 2.5rem; } }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border h3.presented-to {
              margin-top: 2.5rem; } }
          @media all and (min-width: 55em) {
            .completion-certificate .border .inner-border h3.presented-to {
              margin-top: 4rem; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border h3.presented-to {
              margin-top: 4rem; } }
      .completion-certificate .border .inner-border .fill-in-text {
        font-size: 1.3rem;
        line-height: 1.5;
        text-align: center; }
        @media all and (min-width: 40em) {
          .completion-certificate .border .inner-border .fill-in-text {
            font-size: 2.3rem; } }
        @media all and (min-width: 55em) {
          .completion-certificate .border .inner-border .fill-in-text {
            font-size: 3.4rem; } }
        @media all and (min-width: 64em) {
          .completion-certificate .border .inner-border .fill-in-text {
            font-size: 4.4rem; } }
        .completion-certificate .border .inner-border .fill-in-text-block.opportunity-title {
          display: flex;
          flex-direction: column;
          min-height: 11rem;
          overflow-y: hidden;
          align-items: stretch; }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border .fill-in-text-block.opportunity-title {
              min-height: 11rem; } }
          @media all and (min-width: 55em) {
            .completion-certificate .border .inner-border .fill-in-text-block.opportunity-title {
              min-height: 16.3rem; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border .fill-in-text-block.opportunity-title {
              min-height: 21.2rem; } }
        .completion-certificate .border .inner-border .fill-in-text-block.internship-title {
          display: flex;
          flex-direction: column;
          min-height: 5rem;
          overflow-y: hidden;
          align-items: stretch; }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border .fill-in-text-block.internship-title {
              min-height: 5rem; } }
          @media all and (min-width: 55em) {
            .completion-certificate .border .inner-border .fill-in-text-block.internship-title {
              min-height: 5rem; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border .fill-in-text-block.internship-title {
              min-height: 5rem; } }
        .completion-certificate .border .inner-border .fill-in-text .two-line-text {
          line-height: 1.2;
          height: 6.2rem;
          display: flex;
          justify-content: center;
          align-items: stretch; }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border .fill-in-text .two-line-text {
              height: 11rem; } }
          @media all and (min-width: 55em) {
            .completion-certificate .border .inner-border .fill-in-text .two-line-text {
              height: 16.3rem; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border .fill-in-text .two-line-text {
              height: 21.2rem; } }
        .completion-certificate .border .inner-border .fill-in-text .two-line-text__vsfs {
          height: 6.2rem; }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border .fill-in-text .two-line-text__vsfs {
              height: 9rem; } }
          @media all and (min-width: 55em) {
            .completion-certificate .border .inner-border .fill-in-text .two-line-text__vsfs {
              height: 14rem; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border .fill-in-text .two-line-text__vsfs {
              height: 21.2rem; } }
      .completion-certificate .border .inner-border p {
        font-family: 'Merriweather Web';
        font-size: 1.1rem;
        line-height: 1;
        margin: 0.5rem 0 0 0;
        text-align: center; }
        @media all and (min-width: 40em) {
          .completion-certificate .border .inner-border p {
            font-size: 1.6rem;
            margin: 1.2rem 0 0 0; } }
        @media all and (min-width: 55em) {
          .completion-certificate .border .inner-border p {
            font-size: 2.1rem;
            margin: 1.9rem 0 0 0; } }
        @media all and (min-width: 64em) {
          .completion-certificate .border .inner-border p {
            font-size: 2.5rem;
            margin: 2.4rem 0 0 0; } }
        .completion-certificate .border .inner-border p.platform-name {
          margin-top: 1rem;
          text-transform: uppercase; }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border p.platform-name {
              margin-top: 1.3rem; } }
          @media all and (min-width: 55em) {
            .completion-certificate .border .inner-border p.platform-name {
              margin-top: 1.7rem; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border p.platform-name {
              margin-top: 2rem; } }
      .completion-certificate .border .inner-border .certificate-footer {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
        margin: 2.8rem 0 1.4rem 0; }
        @media all and (min-width: 40em) {
          .completion-certificate .border .inner-border .certificate-footer {
            margin: 4.5rem 0 2.5rem 0; } }
        @media all and (min-width: 55em) {
          .completion-certificate .border .inner-border .certificate-footer {
            margin: 7.2rem 0 3.6rem 0; } }
        @media all and (min-width: 64em) {
          .completion-certificate .border .inner-border .certificate-footer {
            margin: 8.5rem 0 4.7rem 0; } }
        .completion-certificate .border .inner-border .certificate-footer.display-center {
          justify-content: center; }
          @media all and (min-width: 30em) {
            .completion-certificate .border .inner-border .certificate-footer.display-center {
              margin: 0 0 1rem 0; } }
          @media all and (min-width: 40em) {
            .completion-certificate .border .inner-border .certificate-footer.display-center {
              margin: 0.5rem 0 1rem 0; } }
          @media all and (min-width: 55em) {
            .completion-certificate .border .inner-border .certificate-footer.display-center {
              margin: 1rem 0 1rem 0; } }
          @media all and (min-width: 64em) {
            .completion-certificate .border .inner-border .certificate-footer.display-center {
              margin: 1.5rem 0 1rem 0; } }
        .completion-certificate .border .inner-border .certificate-footer.no-margin {
          margin: 0; }
        .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block {
          display: flex;
          flex-direction: column;
          flex-grow: 1;
          justify-content: flex-start; }
          .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class {
            max-width: 42%;
            width: 42%;
            justify-content: flex-end; }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class.left {
              margin-left: 0.4rem; }
              @media all and (min-width: 40em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class.left {
                  margin-left: 0.7rem; } }
              @media all and (min-width: 55em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class.left {
                  margin-left: 0.41rem; } }
              @media all and (min-width: 64em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class.left {
                  margin-left: 1.3rem; } }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class.right {
              margin-right: 0.4rem; }
              @media all and (min-width: 40em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class.right {
                  margin-right: 0.7rem; } }
              @media all and (min-width: 55em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class.right {
                  margin-right: 1rem; } }
              @media all and (min-width: 64em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class.right {
                  margin-right: 1.3rem; } }
          .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .space-above {
            margin-top: 0.4rem; }
            @media all and (min-width: 40em) {
              .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .space-above {
                margin-top: 0.7rem; } }
            @media all and (min-width: 55em) {
              .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .space-above {
                margin-top: 1rem; } }
            @media all and (min-width: 64em) {
              .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .space-above {
                margin-top: 3.5rem; } }
          .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text {
            font-size: 0.6rem;
            line-height: 1;
            margin-bottom: 0.5rem; }
            @media all and (min-width: 40em) {
              .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text {
                font-size: 1.2rem; } }
            @media all and (min-width: 55em) {
              .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text {
                font-size: 1.66rem; } }
            @media all and (min-width: 64em) {
              .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text {
                font-size: 2rem; }
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.additional-class {
                  font-size: 2rem; } }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.signature {
              font-family: 'Monotype Corsiva', 'Apple Chancery', monospace;
              font-size: 0.8rem;
              line-height: 1;
              margin-bottom: 0.5rem;
              display: flex;
              justify-content: center;
              align-items: flex-end; }
              @media all and (min-width: 40em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.signature {
                  font-size: 1.5rem; } }
              @media all and (min-width: 55em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.signature {
                  font-size: 1.6rem; } }
              @media all and (min-width: 64em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.signature {
                  font-size: 2rem; }
                  .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.signature.additional-class {
                    font-size: 2rem; } }
              .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.signature__vsfs {
                font-family: 'Monotype Corsiva', 'Apple Chancery', monospace; }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.fixed-height {
              min-height: 2.9rem;
              height: 2.9rem; }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text-block {
              border-bottom: 1px solid #000000;
              text-align: center; }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.date-text {
              font-size: 0.4rem; }
              @media all and (min-width: 30em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.date-text {
                  font-size: 0.6rem; } }
              @media all and (min-width: 40em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.date-text {
                  font-size: 0.8rem; } }
              @media all and (min-width: 55em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.date-text {
                  font-size: 1.2rem; } }
              @media all and (min-width: 64em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.date-text {
                  font-size: 1.4rem; } }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.agency-name {
              font-size: 0.5rem;
              line-height: 1;
              margin-bottom: 0.5rem; }
              @media all and (min-width: 30em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.agency-name {
                  font-size: 0.75rem; } }
              @media all and (min-width: 40em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.agency-name {
                  font-size: 1rem; } }
              @media all and (min-width: 55em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.agency-name {
                  font-size: 1.25rem; } }
              @media all and (min-width: 64em) {
                .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.agency-name {
                  font-size: 1.5rem; } }
          .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block p {
            font-family: 'Merriweather Web';
            font-size: 0.3rem;
            line-height: 1;
            margin: 0.3rem 0 0 0;
            text-align: center;
            font-style: italic; }
            @media all and (min-width: 40em) {
              .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block p {
                font-size: 0.5rem; } }
            @media all and (min-width: 55em) {
              .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block p {
                font-size: 0.8rem; } }
            @media all and (min-width: 64em) {
              .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block p {
                font-size: 1.1rem; } }

@media print {
  .usajobs-site-header, .navigation, #footer {
    display: none; }
  @page {
    width: 8.5in;
    height: 11in;
    size: letter portrait;
    margin: 0; }
  body {
    margin: 0; }
  .completion-certificate {
    padding: 10px;
    margin: 0.075in; }
    .completion-certificate .border {
      padding: 7px;
      border-width: 15px; }
      .completion-certificate .border .inner-border {
        padding: 20px;
        border-width: 6px; }
        .completion-certificate .border .inner-border .open-opportunities-logo {
          margin-top: 80px; }
          .completion-certificate .border .inner-border .open-opportunities-logo img {
            width: 240px;
            height: auto; }
          .completion-certificate .border .inner-border .open-opportunities-logo__vsfs {
            margin-top: 30px; }
        .completion-certificate .border .inner-border h2 {
          font-size: 1.7rem;
          letter-spacing: 7px;
          margin-top: 1.5rem; }
        .completion-certificate .border .inner-border h3 {
          font-size: 1.4rem;
          margin-top: 5.5rem; }
          .completion-certificate .border .inner-border h3.completing {
            margin-top: 3.5rem;
            margin-bottom: 0; }
          .completion-certificate .border .inner-border h3.completing__vsfs {
            margin-top: 0.5rem; }
        .completion-certificate .border .inner-border .fill-in-text {
          font-size: 3rem; }
          .completion-certificate .border .inner-border .fill-in-text-block.opportunity-title {
            justify-content: center;
            min-height: 13.5rem; }
          .completion-certificate .border .inner-border .fill-in-text .two-line-text {
            height: 18rem; }
          .completion-certificate .border .inner-border .fill-in-text .two-line-text__vsfs {
            height: 12rem; }
        .completion-certificate .border .inner-border p {
          font-size: 2rem;
          margin: 2.4rem 0 0 0; }
          .completion-certificate .border .inner-border p.platform-name {
            margin-top: 2rem; }
        .completion-certificate .border .inner-border .certificate-footer {
          margin: 5.2rem 0 3.3rem 0; }
          .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class {
            max-width: 42%;
            width: 42%;
            justify-content: flex-end; }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class.left {
              margin-left: 1.2rem; }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block.additional-class.right {
              margin-right: 1.2rem; }
          .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .space-above {
            margin-top: 2.6rem; }
          .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text {
            font-size: 2.7rem; }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.additional-class {
              font-size: 1.5rem;
              margin-bottom: 1.5rem; }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.signature.additional-class {
              font-size: 2.1rem;
              line-height: 0.7;
              margin-bottom: 1.5rem; }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.date-text {
              font-size: 1rem; }
            .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block .fill-in-text.agency-name {
              font-size: 1.25rem;
              margin-bottom: 1.5rem; }
          .completion-certificate .border .inner-border .certificate-footer .opportunity-creator-block p {
            font-size: 0.7rem;
            margin-top: 0.6rem; }
        .completion-certificate .border .inner-border .certificate-footer__vsfs {
          margin: 1.2rem 0 3.3rem 0; } }

.usa-accordion.home-tabs {
  background-image: none; }

@media all and (min-width: 55em) {
  .home-tabs {
    position: relative;
    float: left;
    width: 100%;
    background-color: #f1f1f1;
    border-right: 1px solid #f1f1f1; } }

.usa-accordion .home-tabs__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .usa-accordion .home-tabs__list::before {
    display: none; }
  .usa-accordion .home-tabs__list::after {
    display: none; }

.usa-accordion .home-tabs__item {
  display: list-item;
  margin: 0; }
  .usa-accordion .home-tabs__item .usa-button--unstyled {
    text-decoration: none; }
  .usa-accordion .home-tabs__item .usa-accordion__content {
    margin-top: 0 ;
    overflow-x: hidden ; }
    @media all and (min-width: 55em) {
      .usa-accordion .home-tabs__item .usa-accordion__content {
        margin-top: 4rem; } }
    .usa-accordion .home-tabs__item .usa-accordion__content .openopps-search-controls__sort-control {
      display: inline-block ;
      width: auto ; }
    .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-button {
      padding-top: 3rem;
      padding-bottom: 1rem;
      font-size: 1.46rem;
      font-weight: bold;
      background-position: 0rem 3.1rem;
      padding-left: 2rem;
      background-size: 1.5rem;
      background-repeat: no-repeat; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-button:hover {
        background-color: #ffffff;
        color: #005ea2 ; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-button[aria-expanded=false] {
        background-image: url(../../img/plus-circle.svg);
        background-image: url(../../img/plus-circle.png);
        background-size: 1.5rem; }
    .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-face {
      padding-bottom: 2.5rem; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-face dt, .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-face dd {
        font-weight: normal;
        display: inline; }
    .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content {
      margin-top: 0;
      background-color: #f1f1f1; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content a:visited {
        color: #0071bc; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usa-button-primary, .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usa-button-primary:visited {
        color: #ffffff; }
        .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usa-button-primary:disabled, .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usa-button-primary[disabled], .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usa-button-primary:visited:disabled, .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usa-button-primary:visited[disabled] {
          background-color: #5b616b !important;
          pointer-events: none;
          cursor: pointer; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usajobs-button-gray {
        background-color: #5b616b;
        color: #ffffff; }
        .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usajobs-button-gray.usa-button-hover, .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usajobs-button-gray:hover {
          background-color: #323a45; }
        .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usajobs-button-gray.usa-button-active, .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .usajobs-button-gray:active {
          color: #fff;
          background-color: #212121; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content label.email-notifications {
        color: #0071bc; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content label.usa-checkbox__label {
        padding-left: 0; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content .delete-saved-search {
        color: #e31c3d; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content [type=checkbox] + label::before {
        content: none; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content [type=checkbox] + label::after {
        background: #fff;
        border-radius: .2rem;
        box-shadow: 0 0 0 1px #757575;
        content: ' ';
        display: inline-block;
        height: 1.125rem;
        line-height: .8;
        margin-left: 0.6em;
        text-indent: 0.15em;
        vertical-align: middle;
        width: 1.125rem; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content [type=checkbox]:checked + label::after {
        background-color: #0071bc;
        box-shadow: 0 0 0 1px #0071bc; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content [type=checkbox]:checked + label::after,
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content [type=checkbox]:checked:disabled + label::after {
        background-image: url("../../img/correct8.png");
        background-image: url("../../img/correct8.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 0.75rem auto; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content [type=checkbox]:focus + label::after {
        outline: 2px dotted #aeb0b5;
        outline-offset: 3px; }
      .usa-accordion .home-tabs__item .usa-accordion__content .openopps-drawer-content [type=checkbox]:disabled + label::after {
        background: #f1f1f1;
        box-shadow: 0 0 0 1px #aeb0b5;
        cursor: not-allowed; }

.usa-accordion .home-tabs__trigger {
  position: relative ;
  background-color: #1a4480 ;
  position: relative ;
  color: white ;
  font-weight: normal ;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: white ;
  background-image: url("../../img/minus-white.svg"); }
  .usa-accordion .home-tabs__trigger[disabled] {
    cursor: default;
    opacity: 1;
    font-weight: 700 ;
    background-color: #005ea2 ; }
  .usa-accordion .home-tabs__trigger[aria-expanded=false] {
    background-image: url("../../img/plus-white.svg"); }
    @media all and (min-width: 55em) {
      .usa-accordion .home-tabs__trigger[aria-expanded=false] {
        background-image: inherit; } }
  @media all and (min-width: 55em) {
    .usa-accordion .home-tabs__trigger[aria-expanded=true] {
      background-color: white ;
      color: #1a4480 ;
      background-image: inherit; } }
  @media all and (min-width: 55em) {
    .usa-accordion .home-tabs__trigger {
      background-color: #1a4480 ;
      color: white ;
      text-align: center ;
      position: absolute ;
      top: 0 ;
      width: 10rem;
      line-height: 1.5rem;
      padding: 1.25rem 1.5rem;
      border-top-left-radius: 0.3rem;
      border-top-right-radius: 0.3rem; }
      .usa-accordion .home-tabs__trigger.dashboard {
        left: 0 ; }
      .usa-accordion .home-tabs__trigger.recommended-opps {
        left: 10.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .usa-accordion .home-tabs__trigger.recommended-internships {
        left: 10.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .usa-accordion .home-tabs__trigger.saved-searches {
        left: 21rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .usa-accordion .home-tabs__trigger.saved-searches-student {
        left: 21rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .usa-accordion .home-tabs__trigger.saved-people {
        left: 31.5rem; }
      .usa-accordion .home-tabs__trigger.whats-new {
        left: 42rem; } }
  @media all and (min-width: 64em) {
    .usa-accordion .home-tabs__trigger {
      background-color: #1a4480 ;
      color: white ;
      text-align: center ;
      position: absolute ;
      top: 0 ;
      width: 11.5rem;
      line-height: 1.5rem;
      padding: 1.25rem 1.5rem;
      border-top-left-radius: 0.3rem;
      border-top-right-radius: 0.3rem; }
      .usa-accordion .home-tabs__trigger.dashboard {
        left: 0 ; }
      .usa-accordion .home-tabs__trigger.recommended-opps {
        left: 12rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .usa-accordion .home-tabs__trigger.recomended-internships {
        left: 12rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .usa-accordion .home-tabs__trigger.saved-searches {
        left: 24rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem; }
      .usa-accordion .home-tabs__trigger.saved-searches-student {
        left: 24rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem; }
      .usa-accordion .home-tabs__trigger.saved-people {
        left: 36rem; }
      .usa-accordion .home-tabs__trigger.whats-new {
        left: 48rem; } }
  @media all and (min-width: 75em) {
    .usa-accordion .home-tabs__trigger {
      background-color: #1a4480 ;
      color: white ;
      text-align: center ;
      position: absolute ;
      top: 0 ;
      width: 13rem;
      line-height: 1.5rem;
      padding: 1.25rem 1.5rem;
      border-top-left-radius: 0.3rem;
      border-top-right-radius: 0.3rem; }
      .usa-accordion .home-tabs__trigger.dashboard {
        left: 0 ; }
      .usa-accordion .home-tabs__trigger.recommended-opps {
        left: 13.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .usa-accordion .home-tabs__trigger.recommended-internships {
        left: 13.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
      .usa-accordion .home-tabs__trigger.saved-searches {
        left: 27rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem; }
      .usa-accordion .home-tabs__trigger.saved-searches-student {
        left: 27rem;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem; }
      .usa-accordion .home-tabs__trigger.saved-people {
        left: 40.5rem; }
      .usa-accordion .home-tabs__trigger.whats-new {
        left: 54rem; } }

.openopps-drawers {
  border-bottom: 1px solid #d6d7d9; }
  .openopps-drawers.no-border {
    border-bottom: 0; }
    .openopps-drawers.no-border .openopps-drawer {
      border-top: 0; }
  .openopps-drawers .section-heading {
    list-style-type: none; }
  .openopps-drawers .openopps-drawer {
    margin-bottom: 0;
    background-color: #ffffff;
    border-top: 1px solid #d6d7d9;
    position: relative; }
    .openopps-drawers .openopps-drawer-button {
      font-weight: bold;
      background-color: #ffffff;
      background-image: url(../../img/plus-circle.svg);
      background-image: url(../../img/plus-circle.png);
      background-position: 1rem 1rem;
      background-size: 1.25rem;
      padding: 1rem 1rem 0.5rem 2.5rem;
      color: #0071bc; }
      @media screen and (min-width: 62em) {
        .openopps-drawers .openopps-drawer-button {
          background-position: 2rem 1rem;
          padding-left: 3.75rem; } }
      .openopps-drawers .openopps-drawer-button[aria-expanded="true"] {
        background-image: url(../../img/minus-circle.svg);
        background-image: url(../../img/minus-circle.png);
        background-size: 1.25rem; }
      .openopps-drawers .openopps-drawer-button--alt-handle {
        background-image: url(../../img/icons/drawer/plus.svg);
        padding: 1rem 4.5rem 0.5rem 1rem;
        background-position: 95% center;
        background-size: 1rem; }
        .openopps-drawers .openopps-drawer-button--alt-handle[aria-expanded="true"] {
          background-image: url(../../img/icons/drawer/minus.svg);
          background-size: 1rem; }
        .openopps-drawers .openopps-drawer-button--alt-handle.has-no-face {
          padding-bottom: 1rem; }
      .openopps-drawers .openopps-drawer-button--with-icon {
        display: flex;
        align-items: center;
        line-height: 1.5; }
        .openopps-drawers .openopps-drawer-button--with-icon__figure {
          flex-shrink: 0;
          padding-right: 1rem; }
          @media screen and (min-width: 62em) {
            .openopps-drawers .openopps-drawer-button--with-icon__figure {
              padding-right: 1rem; } }
          .openopps-drawers .openopps-drawer-button--with-icon__figure svg {
            width: 4.4rem;
            height: 4.4rem;
            vertical-align: middle; }
      .openopps-drawers .openopps-drawer-button.community-settings {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-position: 0.75rem 2.25rem; }
        @media screen and (min-width: 62em) {
          .openopps-drawers .openopps-drawer-button.community-settings {
            background-position: 2rem 2.25rem; } }
        .openopps-drawers .openopps-drawer-button.community-settings[aria-expanded="true"] {
          padding-bottom: 0; }
    .openopps-drawers .openopps-drawer-button-hollow {
      font-weight: bold;
      background-color: #ffffff;
      background-image: url(../../img/add-circle-outline.svg);
      background-image: url(../../img/add-circle-outline.png);
      background-position: 1rem 1rem;
      background-size: 1.25rem;
      padding: 1rem 1rem 0.5rem 2.5rem;
      color: #212121; }
      @media screen and (min-width: 62em) {
        .openopps-drawers .openopps-drawer-button-hollow {
          background-position: 2rem 1rem;
          padding-left: 4.8rem; } }
      .openopps-drawers .openopps-drawer-button-hollow[aria-expanded="true"] {
        background-image: url(../../img/remove-circle-outline.svg);
        background-image: url(../../img/remove-circle-outline.png);
        background-size: 1.25rem; }
      .openopps-drawers .openopps-drawer-button-hollow--alt-handle {
        background-image: url(../../img/icons/drawer/plus.svg);
        padding: 1rem 4.5rem 0.5rem 1rem;
        background-position: 95% center;
        background-size: 1rem; }
        .openopps-drawers .openopps-drawer-button-hollow--alt-handle[aria-expanded="true"] {
          background-image: url(../../img/icons/drawer/minus.svg);
          background-size: 1rem; }
        .openopps-drawers .openopps-drawer-button-hollow--alt-handle.has-no-face {
          padding-bottom: 1rem; }
      .openopps-drawers .openopps-drawer-button-hollow--with-icon {
        display: flex;
        align-items: center;
        line-height: 1.5; }
        .openopps-drawers .openopps-drawer-button-hollow--with-icon__figure {
          flex-shrink: 0;
          padding-right: 1rem; }
          @media screen and (min-width: 62em) {
            .openopps-drawers .openopps-drawer-button-hollow--with-icon__figure {
              padding-right: 1rem; } }
          .openopps-drawers .openopps-drawer-button-hollow--with-icon__figure svg {
            width: 4.4rem;
            height: 4.4rem;
            vertical-align: middle; }
      .openopps-drawers .openopps-drawer-button-hollow.community-settings {
        padding-top: 2rem;
        padding-bottom: 2rem;
        background-position: 0.75rem 2.25rem; }
        @media screen and (min-width: 62em) {
          .openopps-drawers .openopps-drawer-button-hollow.community-settings {
            background-position: 2rem 2.25rem; } }
        .openopps-drawers .openopps-drawer-button-hollow.community-settings[aria-expanded="true"] {
          padding-bottom: 0; }
    .openopps-drawers .openopps-drawer-face {
      background-color: #ffffff;
      margin: 0;
      padding-left: 1rem;
      padding-bottom: 1rem; }
      @media screen and (min-width: 62em) {
        .openopps-drawers .openopps-drawer-face {
          padding-left: 2rem; } }
      .openopps-drawers .openopps-drawer-face dt {
        font-weight: bold;
        margin-left: 1.5rem; }
      .openopps-drawers .openopps-drawer-face dd {
        margin: 0; }
    .openopps-drawers .openopps-drawer-content {
      background-color: #ffffff;
      overflow: auto;
      padding: 1rem 1rem 2rem 1rem;
      border: 0;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16) inset, 0 3px 6px rgba(0, 0, 0, 0.23) inset; }
      @media screen and (min-width: 62em) {
        .openopps-drawers .openopps-drawer-content {
          padding: 1rem 2rem 2rem 2rem; } }
      .openopps-drawers .openopps-drawer-content--no-box-shadow {
        box-shadow: none; }
      .openopps-drawers .openopps-drawer-content .grid-container {
        padding: 0; }
      .openopps-drawers .openopps-drawer-content__list {
        display: block;
        margin: 0;
        padding: 0;
        list-style-type: none; }
        @media screen and (min-width: 37.5em) {
          .openopps-drawers .openopps-drawer-content__list {
            padding-bottom: 1rem; } }
        .openopps-drawers .openopps-drawer-content__list > li {
          display: list-item;
          margin: 0; }
        .openopps-drawers .openopps-drawer-content__list p, .openopps-drawers .openopps-drawer-content__list dd {
          margin: 0; }
      .openopps-drawers .openopps-drawer-content__item-label {
        margin-top: 1rem;
        margin-bottom: 0;
        font-size: 1rem;
        font-weight: normal;
        color: #5b616b; }
      .openopps-drawers .openopps-drawer-content__item-content {
        margin-top: 0;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto; }
      .openopps-drawers .openopps-drawer-content > *:last-child {
        margin-bottom: 0; }
    .openopps-drawers .openopps-drawer .has-no-face {
      padding-bottom: 1rem; }
    .openopps-drawers .openopps-drawer .usajobs-button-bar--split {
      border-top: 0; }
    .openopps-drawers .openopps-drawer .usajobs-button-bar__body {
      padding: 0; }
    .openopps-drawers .openopps-drawer .usajobs-button-bar__delete {
      display: inline-block;
      padding: 0.6rem 1rem 0.6rem 1.5rem;
      font-weight: bold;
      background-image: url(../../img/icons/button-bar/times-circle.svg);
      background-size: 1.25rem 1.25rem;
      background-position: left center;
      background-repeat: no-repeat;
      color: #0071bc; }
    .openopps-drawers .openopps-drawer .usajobs-button-bar__save, .openopps-drawers .openopps-drawer .usajobs-button-bar__edit {
      float: right;
      color: #fff; }
    .openopps-drawers .openopps-drawer .usajobs-button-bar--slim {
      margin-bottom: 0 ; }
      .openopps-drawers .openopps-drawer .usajobs-button-bar--slim .usajobs-button-bar__body {
        margin-top: 1.5rem ; }

#saveTask-tab-open .saved-show-all, #inviteTask-tab-open .invited-show-all, #volTask-tab-open .participated-show-all, #task-tab-open .created-show-all,
#appliedInternships-tab-open .applied-show-all, #savedInternships-tab-open .saved-show-all {
  display: block;
  color: #212121;
  background-color: #d6d7d9;
  width: 100%; }
  #saveTask-tab-open .saved-show-all::after, #inviteTask-tab-open .invited-show-all::after, #volTask-tab-open .participated-show-all::after, #task-tab-open .created-show-all::after,
  #appliedInternships-tab-open .applied-show-all::after, #savedInternships-tab-open .saved-show-all::after {
    vertical-align: middle;
    display: inline-block;
    background-size: 1rem;
    background-repeat: no-repeat;
    height: 0.7rem;
    width: 1rem;
    content: "";
    background-image: url(../../img/arrow-down.svg);
    margin-left: 0.5rem ; }

.opportunity-participated .openopps-search-controls__div, .opportunity-created .openopps-search-controls__div, #saved-people-tab .openopps-search-controls__div, .openopps-people-search .openopps-search-controls__div, #stories-main .openopps-search-controls__div, .openopps-community__main .openopps-search-controls__div {
  justify-content: flex-start ; }
  @media all and (min-width: 40em) {
    .opportunity-participated .openopps-search-controls__div, .opportunity-created .openopps-search-controls__div, #saved-people-tab .openopps-search-controls__div, .openopps-people-search .openopps-search-controls__div, #stories-main .openopps-search-controls__div, .openopps-community__main .openopps-search-controls__div {
      justify-content: flex-end ; } }

.opportunity-participated .openopps-search-controls__sort-control, .opportunity-created .openopps-search-controls__sort-control, #saved-people-tab .openopps-search-controls__sort-control, .openopps-people-search .openopps-search-controls__sort-control, #stories-main .openopps-search-controls__sort-control, .openopps-community__main .openopps-search-controls__sort-control {
  width: auto ;
  margin-top: 0.75rem; }

.profile-home::before {
  content: '';
  width: 100%;
  height: 10.5rem;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background: linear-gradient(rgba(255, 255, 255, 0), white 40%);
  transition: height .5s;
  z-index: 1; }

.profile-home.show::before {
  display: none; }

.profile-home.read-less {
  max-height: 34rem;
  overflow: hidden; }

.profile-home .read-more {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 2rem;
  padding-left: 0;
  text-decoration: underline;
  font-weight: bold;
  display: block;
  width: 100%;
  z-index: 1; }

.profile-home a,
.profile-home a:visited,
.profile-home .openopps-announcement__body a,
.profile-home .openopps-announcement__body a:visited {
  color: #005EA2;
  text-decoration: none; }

.openopps-announcement__body.read-less {
  max-height: 21.9rem;
  overflow: hidden; }

.openopps-achievements__body.read-less {
  max-height: 34rem;
  overflow: hidden; }

.openopps-achievements__body ul.achievements .open-opps-opportunity-achievements {
  padding: 1rem 0; }

.openopps-achievements__body::after {
  clear: both;
  content: "";
  display: table; }

.your-status {
  min-width: 12.5rem;
  width: 20%; }

.open-opps-title {
  width: 70%;
  min-width: 13.5rem; }

.open-opps-title-65 {
  width: 65%;
  min-width: 13.5rem; }

.open-opps-title-60 {
  width: 60%;
  min-width: 13.5rem; }

.open-opps-title-50 {
  width: 50%;
  min-width: 11.25rem; }

.open-opps-title-15 {
  width: 15%;
  min-width: 11.25rem; }

.open-opps-table-cell {
  min-width: 11.25rem; }

.open-opps-table-body table th {
  vertical-align: bottom; }

.open-opps-row th, .open-opps-row td {
  padding: 1rem 1rem 1rem 0; }

@media all and (min-width: 40em) {
  .openopps-dashboard__info-blocks.grid-row {
    margin-left: -0.5rem ;
    margin-right: -0.5rem ; }
    .openopps-dashboard__info-blocks.grid-row > * {
      padding-left: 0.5rem ;
      padding-right: 0.5rem ; } }

@media all and (min-width: 64em) {
  .your-saved-people.grid-row {
    margin-left: -0.5rem ;
    margin-right: -0.5rem ; }
    .your-saved-people.grid-row > * {
      padding-left: 0.5rem ;
      padding-right: 0.5rem ; } }
  @media all and (min-width: 64em) and (min-width: 64em) {
    .your-saved-people.grid-row {
      margin-left: -1rem ;
      margin-right: -1rem ; }
      .your-saved-people.grid-row > * {
        padding-left: 1rem ;
        padding-right: 1rem ; } }

.openopps-announcement .openopps-announcement__section a,
.openopps-announcement .openopps-announcement__section a:visited {
  color: #005ea2; }

.openopps-signed-out {
  background: transparent url(../../img/errors/signed-out.svg) no-repeat center center;
  background: transparent url(../../img/errors/signed-out.png) no-repeat center center; }

.openopps-whoops {
  background: transparent url(../../img/errors/404_puzzle.png) no-repeat center center;
  background: transparent url(../../img/errors/404_puzzle.svg) no-repeat center center; }

@media all and (min-width: 40em) {
  .openopps-why .grid-row, .openopps-stories .grid-row, .openopps-work .grid-row {
    margin-left: -0.5rem ;
    margin-right: -0.5rem ; }
    .openopps-why .grid-row > *, .openopps-stories .grid-row > *, .openopps-work .grid-row > * {
      padding-left: 0.5rem ;
      padding-right: 0.5rem ; } }
  @media all and (min-width: 40em) and (min-width: 64em) {
    .openopps-why .grid-row, .openopps-stories .grid-row, .openopps-work .grid-row {
      margin-left: -1rem ;
      margin-right: -1rem ; }
      .openopps-why .grid-row > *, .openopps-stories .grid-row > *, .openopps-work .grid-row > * {
        padding-left: 1rem ;
        padding-right: 1rem ; } }

.federal-email-section .usa-form-group--error {
  margin-top: 0; }

@media all and (min-width: 55em) {
  .federal-email-section .sign-up-section {
    margin-top: 5rem !important; } }

.text-openopps-green {
  color: #009688; }

.fontui205xl, .tablet\:font-ui205xl {
  font-size: 3rem; }

.landing-develop {
  position: relative; }
  .landing-develop::before {
    content: '';
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 3px;
    z-index: 100;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.landing-story {
  min-height: 25rem; }

.landing-event-card {
  min-height: 10rem ;
  max-height: 15rem ; }
  @media screen and (max-width: 505px), (min-width: 1024px) and (max-width: 1084px) {
    .landing-event-card {
      min-height: 11rem ;
      max-height: 20rem ; } }

.iframe-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  text-align: center; }
  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.message-selected {
  border-left-width: 0.5rem;
  border-left-color: #005ea2 ;
  border-left-style: solid;
  background-color: #d9e8f6 ; }
  @media all and (min-width: 64em) {
    .message-selected {
      border-left-width: 0.25rem;
      border-left-color: #005ea2 ;
      border-left-style: solid; } }

.message-inner {
  cursor: pointer; }

#message-container a, #message-container a:visited {
  color: #005ea2 ; }

#message-container h2 {
  width: calc(100% - 39px); }

.messages-sortby {
  width: auto;
  margin-top: 0.2rem; }

.message-wrapper .usa-checkbox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 7rem; }
  .message-wrapper .usa-checkbox__label {
    margin: 0;
    padding: 0;
    width: 1.25rem;
    height: 1.25rem; }

.message-wrapper .message-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 4.5rem; }

.message-wrapper .message-subject {
  margin-right: 1rem; }

.openopps-people-search {
  margin-bottom: 2rem; }
  .openopps-people-search .openopps-search-controls {
    padding-top: 0; }
    @media all and (min-width: 64em) {
      .openopps-people-search .openopps-search-controls {
        padding: 0 1rem 1rem 1rem; } }
  .openopps-people-search .openopps-search-results {
    background-color: #ffffff;
    max-width: inherit; }
    @media all and (min-width: 40em) {
      .openopps-people-search .openopps-search-results {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } }
    @media all and (min-width: 64em) {
      .openopps-people-search .openopps-search-results {
        margin-left: 0;
        margin-right: 0; } }
  .openopps-people-search .people-search-result {
    position: relative;
    border-bottom: 1px solid #d6d7d9; }
    .openopps-people-search .people-search-result:last-child {
      border-bottom: 0; }
    .openopps-people-search .people-search-result .fa-star {
      color: #fdb81e; }
    .openopps-people-search .people-search-result .fa-envelope {
      color: #0071bc; }
    .openopps-people-search .people-search-result__actions {
      position: absolute;
      top: 0;
      right: 0; }
      .openopps-people-search .people-search-result__actions a {
        justify-content: flex-end; }
    .openopps-people-search .people-search-result__name, .openopps-people-search .people-search-result__title, .openopps-people-search .people-search-result__agency {
      width: -webkit-calc(100% - 4rem);
      width: calc(100% - 4rem); }
      @media all and (min-width: 40em) {
        .openopps-people-search .people-search-result__name, .openopps-people-search .people-search-result__title, .openopps-people-search .people-search-result__agency {
          max-width: 100%; } }
    .openopps-people-search .people-search-result .people-search-result__skills .skill-label {
      font-weight: 600 ; }

.open-opps-search-results {
  position: relative; }
  @media all and (min-width: 64em) {
    .open-opps-search-results {
      display: flex;
      flex-wrap: wrap; } }
  .open-opps-search-results__loading .svg-inline--fa {
    color: #02bfe7;
    position: fixed;
    top: calc(50% - 53px);
    left: calc(50% - 43px); }

@media all and (min-width: 64em) {
  .search-page.grid-row {
    margin-left: -0.5rem ;
    margin-right: -0.5rem ; }
    .search-page.grid-row > * {
      padding-left: 0.5rem ;
      padding-right: 0.5rem ; } }
  @media all and (min-width: 64em) and (min-width: 64em) {
    .search-page.grid-row {
      margin-left: -1rem ;
      margin-right: -1rem ; }
      .search-page.grid-row > * {
        padding-left: 1rem ;
        padding-right: 1rem ; } }

@media all and (min-width: 64em) {
  .openopps-search-results.grid-row {
    margin-left: -0.5rem ;
    margin-right: -0.5rem ; }
    .openopps-search-results.grid-row > * {
      padding-left: 0.5rem ;
      padding-right: 0.5rem ; } }

@media all and (min-width: 40em) {
  .dos-logo-container {
    flex-direction: column ;
    flex-wrap: wrap ;
    align-self: center ;
    text-align: center ;
    width: 8.5rem; } }

.dos-logo {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  display: flex;
  background-image: url("../../img/logo/png/dos-student-internship-program-logo.png");
  background-size: 3rem;
  background-repeat: no-repeat; }
  @media all and (min-width: 40em) {
    .dos-logo {
      width: 4rem;
      height: 4rem;
      background-size: 4rem; } }

@media all and (min-width: 20em) {
  .vsfs-background-image {
    background-size: cover;
    background-position: 740px top; } }

@media all and (min-width: 64em) {
  .vsfs-background-image {
    background-size: auto;
    background-position: left top; } }

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

@media all and (max-width: 54.99em) {
  .story-image {
    max-height: 11.25rem;
    min-height: 11.25rem; } }

.image-crop {
  max-width: 46rem;
  margin-top: 1rem; }
  .image-crop .cr-slider {
    width: 375px !important;
    border: none !important; }

.openopps-stories-list .story-list {
  max-width: 20rem ; }
  @media all and (min-width: 40em) {
    .openopps-stories-list .story-list {
      max-width: 55rem ; } }
  @media all and (min-width: 55em) {
    .openopps-stories-list .story-list {
      max-width: 64rem ; } }
  @media all and (min-width: 64em) {
    .openopps-stories-list .story-list {
      max-width: 75rem ; } }

.openopps-stories-list .show-less {
  max-height: 100vh ;
  position: relative ;
  overflow-y: hidden ; }
  @media all and (min-width: 64em) {
    .openopps-stories-list .show-less {
      max-height: 55rem ; } }
  .openopps-stories-list .show-less::before {
    content: '';
    background: linear-gradient(rgba(255, 255, 255, 0), white 40%);
    transition: height .5s;
    z-index: 3;
    width: 100% ;
    height: 7.5rem ;
    position: absolute ;
    bottom: 0 ;
    left: 0 ;
    display: block ; }

.openopps-stories-list .none::before {
  content: none; }

.openopps-stories-list__loading .svg-inline--fa {
  color: #02bfe7;
  position: fixed;
  top: calc(50% - 53px);
  left: calc(50% - 43px); }

.openopps-stories-list__story {
  width: 18.75rem; }
  @media all and (min-width: 40em) {
    .openopps-stories-list__story {
      border-bottom-width: 0;
      border-bottom-style: solid;
      margin-left: 4.6rem;
      margin-right: 4.6rem; } }
  @media all and (min-width: 55em) {
    .openopps-stories-list__story {
      border-bottom-width: 0;
      border-bottom-style: solid;
      margin-left: 2.6rem;
      margin-right: 2.6rem; } }
  .openopps-stories-list__story:last-child {
    border-bottom-width: 1px;
    border-bottom-color: #edeff0 ;
    border-bottom-style: solid; }

.openopps-stories-list__image {
  max-height: 11.25rem;
  min-height: 11.25rem;
  background-repeat: no-repeat;
  background-position: center center; }

.quote-left {
  line-height: 1; }

.unauthorized .opportunity-target-audience__button:hover {
  background-color: #dbebde;
  border: 1px solid #154c21;
  box-shadow: none;
  color: #212121;
  outline: none; }

.unauthorized .opportunity-target-audience__button:active {
  background-color: #b4d0b9;
  border: 1px solid #19311e;
  box-shadow: none;
  color: #212121;
  outline: none; }

.unauthorized .opportunity-target-audience__button.selected {
  background-color: #e3f5e1;
  border: 1px solid #216e1f;
  box-shadow: none;
  color: #212121;
  outline: none; }

.opportunity-target-audience__icon .contractors {
  background-image: url(../../img/icons/hiring-paths/svg/contractors.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 2.6rem; }

.openopps-create-profile-header__icon {
  width: 5rem;
  height: 5rem;
  vertical-align: middle;
  display: inline-block; }
  .openopps-create-profile-header__icon.yellow {
    background-clip: content-box;
    color: #face00; }

.warning-icon {
  width: 5rem;
  height: 5rem;
  vertical-align: middle;
  display: inline-block;
  background-color: #face00;
  -webkit-mask-size: contain;
  mask-size: 5rem;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url(../../img/alerts/warning.svg);
  mask-image: url(../../img/alerts/warning.svg); }

.hidden {
  display: none; }

.croppie-container {
  width: 100%;
  height: 100%; }

.croppie-container .cr-image {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  max-height: none;
  max-width: none; }

.croppie-container .cr-boundary {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 1;
  width: 100%;
  height: 100%; }

.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
  position: absolute;
  border: 2px solid #fff;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
  z-index: 0; }

.croppie-container .cr-resizer {
  z-index: 2;
  box-shadow: none;
  pointer-events: none; }

.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
  position: absolute;
  pointer-events: all; }

.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
  display: block;
  position: absolute;
  box-sizing: border-box;
  border: 1px solid black;
  background: #fff;
  width: 10px;
  height: 10px;
  content: ''; }

.croppie-container .cr-resizer-vertical {
  bottom: -5px;
  cursor: row-resize;
  width: 100%;
  height: 10px; }

.croppie-container .cr-resizer-vertical::after {
  left: 50%;
  margin-left: -5px; }

.croppie-container .cr-resizer-horisontal {
  right: -5px;
  cursor: col-resize;
  width: 10px;
  height: 100%; }

.croppie-container .cr-resizer-horisontal::after {
  top: 50%;
  margin-top: -5px; }

.croppie-container .cr-original-image {
  display: none; }

.croppie-container .cr-vp-circle {
  border-radius: 50%; }

.croppie-container .cr-overlay {
  z-index: 1;
  position: absolute;
  cursor: move;
  touch-action: none; }

.croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 15px auto;
  text-align: center; }

.croppie-result {
  position: relative;
  overflow: hidden; }

.croppie-result img {
  position: absolute; }

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }

/*************************************/
/***** STYLING RANGE INPUT ***********/
/*************************************/
/*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */
/*************************************/
.cr-slider {
  -webkit-appearance: none;
  /*removes default webkit styles*/
  /*border: 1px solid white; */
  /*fix for FF unable to apply focus style bug */
  width: 300px;
  /*required for proper track sizing in FF*/
  max-width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: transparent; }

.cr-slider::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px; }

.cr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px; }

.cr-slider:focus {
  outline: none; }

/*
.cr-slider:focus::-webkit-slider-runnable-track {
background: #ccc;
}
*/
.cr-slider::-moz-range-track {
  width: 100%;
  height: 3px;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  border-radius: 3px; }

.cr-slider::-moz-range-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: -6px; }

/*hide the outline behind the border*/
.cr-slider:-moz-focusring {
  outline: 1px solid white;
  outline-offset: -1px; }

.cr-slider::-ms-track {
  width: 100%;
  height: 5px;
  background: transparent;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  border-color: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-width: 6px 0;
  color: transparent;
  /*remove default tick marks*/ }

.cr-slider::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px; }

.cr-slider::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px; }

.cr-slider::-ms-thumb {
  border: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #ddd;
  margin-top: 1px; }

.cr-slider:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.5); }

.cr-slider:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.5); }

/*******************************************/
/***********************************/
/* Rotation Tools */
/***********************************/
.cr-rotate-controls {
  position: absolute;
  bottom: 5px;
  left: 5px;
  z-index: 1; }

.cr-rotate-controls button {
  border: 0;
  background: none; }

.cr-rotate-controls i:before {
  display: inline-block;
  font-style: normal;
  font-weight: 900;
  font-size: 22px; }

.cr-rotate-l i:before {
  content: '↺'; }

.cr-rotate-r i:before {
  content: '↻'; }

.multi-wrapper {
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 100%; }

.multi-wrapper .non-selected-wrapper, .multi-wrapper .selected-wrapper {
  box-sizing: border-box;
  display: inline-block;
  height: 200px;
  overflow-y: scroll;
  padding: 10px;
  vertical-align: top;
  width: 50%; }

.multi-wrapper .non-selected-wrapper {
  background: #fafafa;
  border-right: 1px solid #ccc; }

.multi-wrapper .selected-wrapper {
  background: #fff; }

.multi-wrapper .header {
  color: #4f4f4f;
  cursor: default;
  font-weight: 700;
  margin-bottom: 5px;
  padding: 5px 10px; }

.multi-wrapper .item {
  cursor: pointer;
  display: block;
  padding: 5px 10px; }

.multi-wrapper .item:hover {
  background: #ececec;
  border-radius: 2px; }

.multi-wrapper .item-group {
  padding: 5px 10px; }

.multi-wrapper .item-group .group-label {
  display: block;
  font-size: .875rem;
  opacity: .5;
  padding: 5px 0; }

.multi-wrapper .search-input {
  border: 0;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  display: block;
  font-size: 1em;
  margin: 0;
  outline: 0;
  padding: 10px 20px;
  width: 100%;
  box-sizing: border-box; }

.multi-wrapper .non-selected-wrapper .item.selected {
  opacity: .5; }

.multi-wrapper .non-selected-wrapper .item.disabled, .multi-wrapper .selected-wrapper .item.disabled {
  opacity: .5;
  text-decoration: line-through; }

.multi-wrapper .non-selected-wrapper .item.disabled:hover, .multi-wrapper .selected-wrapper .item.disabled:hover {
  background: inherit;
  cursor: inherit; }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.usajobs-card {
  position: relative;
  padding: 1rem;
  border-bottom: 1px solid #d6d7d9; }
  .usajobs-card__body {
    text-decoration: none; }
  .usajobs-card__title {
    font-family: "Source Sans Pro Web", "Source Sans Pro", "Helvetica";
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    font-size: 1.5rem;
    margin-top: 0;
    color: #0071bc;
    overflow-wrap: break-word;
    text-decoration: none; }
  .usajobs-card__body, .usajobs-card__footer {
    display: block; }
    .usajobs-card__body::after, .usajobs-card__footer::after {
      clear: both;
      content: "";
      display: block; }
  .usajobs-card__summary {
    display: block; }
    .usajobs-card__summary::after {
      clear: both;
      content: "";
      display: block; }
  @media screen and (min-width: 62em) {
    .usajobs-card__summary, .usajobs-card__footer-item {
      display: table-cell;
      width: 66.66667%; } }
  .usajobs-card__footer-item {
    margin-bottom: 0; }
    @media screen and (min-width: 48em) {
      .usajobs-card__footer-item {
        display: table-cell;
        width: 50%; } }
    @media screen and (min-width: 62em) {
      .usajobs-card__footer-item {
        display: table-cell;
        width: 66.66667%; } }
  @media screen and (min-width: 48em) {
    .usajobs-card__footer-item.right {
      margin-right: 0; } }
  @media screen and (min-width: 62em) {
    .usajobs-card__details, .usajobs-card__footer-item.right {
      display: table-cell;
      width: 33.33333%;
      margin-right: 0; } }
  .usajobs-card__details-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 0; }
    .usajobs-card__details-list > li {
      display: list-item;
      margin: 0; }
      .usajobs-card__details-list > li:before {
        display: none; }
      .usajobs-card__details-list > li:after {
        display: none; }

.usajobs-card--large {
  position: relative;
  background-color: #ffffff;
  margin: 1rem 0;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  @media screen and (min-width: 37.5em) {
    .usajobs-card--large {
      margin: 1rem; } }
  @media screen and (min-width: 62em) {
    .usajobs-card--large {
      padding: 2rem; } }
  .usajobs-card--large__header {
    display: block;
    margin-top: 0;
    color: #046b99; }

@media screen and (min-width: 37.5em) {
  .usajobs-card--inset {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } }

@media screen and (min-width: 62em) {
  .usajobs-card--inset {
    margin-left: 0;
    margin-right: 0; } }

.usajobs-card--inset__body {
  color: #0071bc;
  display: block;
  padding: 2rem 1rem;
  border-top: 1px solid #aeb0b5;
  text-decoration: none; }
  .usajobs-card--inset__body:visited {
    color: #0071bc; }
  @media screen and (min-width: 37.5em) {
    .usajobs-card--inset__body {
      padding: 1rem;
      border-top: 0; } }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.openopps-opportunity__title {
  width: calc(100% - 66px); }

.openopps-opportunity__description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  max-height: 5.1rem; }
  .openopps-opportunity__description p {
    margin-top: 0;
    margin-bottom: 0; }

.usajobs-rightrail .remove_co-owner:after {
  margin-top: 0;
  content: url(../img/icons/close/times.svg);
  position: relative;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-size: 12px 12px;
  content: url(../img/icons/close/times.svg);
  color: #fff; }

.usajobs-rightrail .open-opps-opportunity-co-owner .add-icon-label {
  line-height: 1;
  margin: 0.5rem auto 0 auto;
  max-width: 90px; }

.usajobs-rightrail .open-opps-opportunity-co-owner .add-icon svg {
  width: 2rem ;
  height: 2rem ;
  margin-top: 1rem; }

.usajobs-rightrail .open-opps-opportunity-add_co-owner {
  background-color: #aeb0b5;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  display: inline-block;
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  text-align: center; }
  .usajobs-rightrail .open-opps-opportunity-add_co-owner .inner-circle {
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 0;
    display: inline-block;
    width: 61px;
    height: 61px;
    line-height: 61px;
    margin: 2px;
    border-radius: 50%;
    color: #aeb0b5;
    text-decoration: none;
    text-align: center; }
    .usajobs-rightrail .open-opps-opportunity-add_co-owner .inner-circle:hover {
      color: #aeb0b5;
      text-decoration: none; }

.usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__step {
  flex-grow: 1;
  flex-shrink: 1; }
  .usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__step .progress-label {
    line-height: 1;
    margin: 0.75rem auto 0 auto;
    max-width: 90px; }

.usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__assigned {
  background-color: #d6d7d9;
  -webkit-font-smoothing: antialiased;
  margin: 1rem 0 0 0;
  padding: 0;
  display: inline-block;
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  text-align: center ; }
  .usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__assigned.has-step {
    background-color: #2e8540; }
  .usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__assigned .progress-icon {
    display: inline-flex;
    text-align: center;
    margin-top: 0.6rem;
    margin-left: 0.4rem; }
    .usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__assigned .progress-icon svg {
      width: 2.5rem;
      height: 2.5rem; }

.usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__in-progress {
  background-color: #d6d7d9;
  -webkit-font-smoothing: antialiased;
  margin: 1rem 0 0 0;
  padding: 0;
  display: inline-block;
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  text-align: center; }
  .usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__in-progress.has-step {
    background-color: #f9c642; }
  .usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__in-progress .progress-icon {
    display: inline-flex;
    text-align: center;
    margin-top: 1rem;
    margin-left: 0; }
    .usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__in-progress .progress-icon svg {
      width: 2rem;
      height: 2rem; }

.usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__completed {
  background-color: #d6d7d9;
  -webkit-font-smoothing: antialiased;
  margin: 1rem 0 0 0;
  padding: 0;
  display: inline-block;
  width: 65px;
  height: 65px;
  line-height: 65px;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  text-align: center; }
  .usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__completed.has-step {
    background-color: #02bfe7; }
  .usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__completed .progress-icon {
    display: inline-flex;
    text-align: center;
    margin-top: 1rem;
    margin-left: 0; }
    .usajobs-rightrail .open-opps-opportunity-progress__container .open-opps-opportunity-progress__completed .progress-icon svg {
      width: 2rem;
      height: 2rem; }

.usajobs-rightrail .open-opps-opportunity-progress__container .progress-spacer {
  height: 0.2rem;
  width: 8.2rem;
  background-color: #d6d7d9;
  content: ' ';
  margin-bottom: 2rem;
  flex-grow: 2;
  flex-shrink: 2;
  align-self: center; }

.usajobs-rightrail .opportunity-completed {
  color: #000;
  text-decoration: none;
  display: flex;
  padding: 1rem;
  background-color: #e1f3f8;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-weight: 600; }

.usajobs-rightrail .opportunity-canceled {
  color: #000;
  text-decoration: none;
  display: flex;
  padding: 1rem;
  background-color: #e1f3f8;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-weight: 600; }

.usajobs-rightrail .continue-accepting-applicants {
  margin-top: 1rem;
  margin-bottom: 2rem;
  padding-top: 5rem;
  position: relative; }
  .usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .continue-accepting-applicants__label {
    flex: 1; }
  .usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .continue-accepting-applicants__toggle-container {
    position: relative;
    width: 80px;
    cursor: pointer; }
    .usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .continue-accepting-applicants__toggle-container:after {
      display: inline-block;
      height: 2.4rem;
      width: 24px;
      content: url(../img/toggle-on.svg);
      position: absolute;
      right: 2rem; }
    .usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .continue-accepting-applicants__toggle-container .continue-accepting-applicants__toggle-labelon {
      float: right ;
      font-weight: 700 ; }
  .usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .toggle-off:after {
    content: url(../img/toggle-off.svg); }
  .usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .toggle-off .continue-accepting-applicants__toggle-labeloff {
    font-weight: 700 ; }
  .usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .toggle-off .continue-accepting-applicants__toggle-labelon {
    font-weight: normal ; }

.usajobs-rightrail .usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.usajobs-rightrail p.project-people__not-available a, .usajobs-rightrail p.project-people__more-available a {
  margin-bottom: 0; }

.usajobs-rightrail .warning {
  margin-right: 0.75rem;
  color: #fdb81e; }

.usajobs-rightrail .assigned-participants-wrapper .project-people__assign-instruction {
  color: #aeb0b5;
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
  text-align: center; }

.usajobs-rightrail .assigned-participants-wrapper #not-selected-email {
  display: block; }

.usajobs-rightrail #nextstep, .usajobs-rightrail #complete, .usajobs-rightrail #update-application {
  display: block;
  margin-right: 0; }
  .usajobs-rightrail #nextstep.disabled, .usajobs-rightrail #complete.disabled, .usajobs-rightrail #update-application.disabled {
    background-color: #f1f1f1;
    color: #aeb0b5;
    cursor: default; }
  .usajobs-rightrail #nextstep.hidden, .usajobs-rightrail #complete.hidden, .usajobs-rightrail #update-application.hidden {
    display: none; }

.usajobs-rightrail #complete {
  background-color: #02bfe7;
  color: #000; }

.usajobs-rightrail #apply, .usajobs-rightrail #gotosaved {
  display: block;
  margin-right: 0; }

.usajobs-rightrail .usa-accordion__content.project-people__wrapper {
  padding: 0.5rem 0 0 0; }

.usajobs-rightrail .project-people__wrapper {
  margin-top: 15px;
  margin-bottom: 1rem; }
  .usajobs-rightrail .project-people__wrapper::after {
    clear: both;
    content: "";
    display: block; }
  .usajobs-rightrail .project-people__wrapper a {
    color: #0071bc;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 0.75rem; }
    .usajobs-rightrail .project-people__wrapper a:hover {
      color: #205493; }
  .usajobs-rightrail .project-people__wrapper .project-people__search {
    text-align: center;
    margin-top: 2.5rem;
    margin-bottom: 4.5rem; }
  .usajobs-rightrail .project-people__wrapper .project-invite-people__search {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .usajobs-rightrail .project-people__wrapper .task-complete-check {
    color: #2e8540; }

.usajobs-rightrail .co-owner-intern__wrapper::after {
  clear: both;
  content: "";
  display: block; }

.usajobs-rightrail .co-owner-intern__wrapper a {
  color: #0071bc;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 8px; }
  .usajobs-rightrail .co-owner-intern__wrapper a:hover {
    color: #205493; }

.usajobs-rightrail .usajobs-open-opps-opportunity__cancel {
  display: block;
  width: 100%;
  padding: 0 0 .5rem 0;
  margin-top: 2rem;
  text-align: right;
  color: #e31c3d; }

@media all and (max-width: 29.99em) {
  .oppenopps-circle-width {
    width: 3rem ;
    height: 3rem ; } }

.openopps-opportunity-actions {
  background-color: #dce4ef;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  z-index: 2;
  position: relative;
  padding: 0.75rem 2rem;
  display: flex;
  justify-content: space-around; }
  @media all and (min-width: 40em) {
    .openopps-opportunity-actions {
      justify-content: flex-end; }
      .openopps-opportunity-actions div:not(:last-child) {
        margin-right: 2rem; } }
  .openopps-opportunity-actions a {
    text-decoration: none; }
  .openopps-opportunity-actions .task-cancel, .openopps-opportunity-actions #task-delete {
    color: #e31c3d; }

#co-owner-form .select2-container {
  max-width: 30rem !important; }

.openopps-actions__save .fa-star {
  color: #fdb81e; }

.comment-list-wrapper blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 1rem;
  border-left: 5px solid #d6d7d9;
  background-color: #f1f1f1; }
  .comment-list-wrapper blockquote blockquote {
    border-color: #aeb0b5;
    background-color: #d6d7d9; }

.comment-list-wrapper .comment-form-container div.comment-edit-input, .comment-list-wrapper .comment-form-container div.comment-input, .comment-list-wrapper .comment-form-container .reply-input, .comment-list-wrapper .reply-form-container div.comment-edit-input, .comment-list-wrapper .reply-form-container div.comment-input, .comment-list-wrapper .reply-form-container .reply-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.1rem solid #5b616b;
  border-radius: 0;
  box-sizing: border-box;
  color: #131212;
  display: block;
  font-size: 1rem;
  min-height: 3rem;
  height: auto ;
  line-height: 1.3;
  margin: 0.2em 0;
  padding-bottom: 0.5rem ;
  padding-top: 0.5rem ;
  padding-left: 0.5rem ;
  padding-right: 0.5rem ;
  float: left ;
  width: calc(100% - 15.1rem);
  max-width: calc(100% - 15.1rem); }
  @media all and (max-width: 29.99em) {
    .comment-list-wrapper .comment-form-container div.comment-edit-input, .comment-list-wrapper .comment-form-container div.comment-input, .comment-list-wrapper .comment-form-container .reply-input, .comment-list-wrapper .reply-form-container div.comment-edit-input, .comment-list-wrapper .reply-form-container div.comment-input, .comment-list-wrapper .reply-form-container .reply-input {
      width: 100%;
      max-width: 100%; } }
  .comment-list-wrapper .comment-form-container div.comment-edit-input:empty:after, .comment-list-wrapper .comment-form-container div.comment-input:empty:after, .comment-list-wrapper .comment-form-container .reply-input:empty:after, .comment-list-wrapper .reply-form-container div.comment-edit-input:empty:after, .comment-list-wrapper .reply-form-container div.comment-input:empty:after, .comment-list-wrapper .reply-form-container .reply-input:empty:after {
    content: attr(data-text);
    color: #999; }
  .comment-list-wrapper .comment-form-container div.comment-edit-input .reply-to, .comment-list-wrapper .comment-form-container div.comment-input .reply-to, .comment-list-wrapper .comment-form-container .reply-input .reply-to, .comment-list-wrapper .reply-form-container div.comment-edit-input .reply-to, .comment-list-wrapper .reply-form-container div.comment-input .reply-to, .comment-list-wrapper .reply-form-container .reply-input .reply-to {
    text-decoration: none; }
    .comment-list-wrapper .comment-form-container div.comment-edit-input .reply-to:visited, .comment-list-wrapper .comment-form-container div.comment-input .reply-to:visited, .comment-list-wrapper .comment-form-container .reply-input .reply-to:visited, .comment-list-wrapper .reply-form-container div.comment-edit-input .reply-to:visited, .comment-list-wrapper .reply-form-container div.comment-input .reply-to:visited, .comment-list-wrapper .reply-form-container .reply-input .reply-to:visited {
      color: #0071bc; }

.comment-list-wrapper .comment-form-container .comment-edit, .comment-list-wrapper .comment-form-container .comment-submit, .comment-list-wrapper .comment-form-container .reply-submit, .comment-list-wrapper .reply-form-container .comment-edit, .comment-list-wrapper .reply-form-container .comment-submit, .comment-list-wrapper .reply-form-container .reply-submit {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin: 0.2rem 0 0 0;
  padding: 1rem ;
  float: left ;
  width: 14rem; }
  @media all and (max-width: 29.99em) {
    .comment-list-wrapper .comment-form-container .comment-edit, .comment-list-wrapper .comment-form-container .comment-submit, .comment-list-wrapper .comment-form-container .reply-submit, .comment-list-wrapper .reply-form-container .comment-edit, .comment-list-wrapper .reply-form-container .comment-submit, .comment-list-wrapper .reply-form-container .reply-submit {
      border-bottom-left-radius: 0.5rem;
      border-top-left-radius: 0.5rem;
      width: inherit;
      float: none ; } }

.comment-list-wrapper .comment-form-container::after, .comment-list-wrapper .reply-form-container::after {
  clear: both;
  content: "";
  display: table; }

.comment-list-wrapper .comment-form-container .edit-esc-comment, .comment-list-wrapper .reply-form-container .edit-esc-comment {
  margin-right: 60px;
  float: left; }
  @media all and (min-width: 40em) {
    .comment-list-wrapper .comment-form-container .edit-esc-comment, .comment-list-wrapper .reply-form-container .edit-esc-comment {
      margin-left: 0.85rem; } }

.comment-list-wrapper #comment-list .project-people {
  border-radius: 50%;
  width: 40px;
  height: 40px; }

.comment-list-wrapper #comment-list li[data-topic='true'] {
  cursor: pointer;
  cursor: hand; }

.comment-list-wrapper #comment-list ul.comment-list > li {
  list-style: none;
  position: relative; }

.comment-list-wrapper #comment-list .comment-list-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.comment-list-wrapper #comment-list .comment-form {
  margin-left: 40px;
  margin-bottom: 10px; }

.comment-list-wrapper #comment-list li.border-left {
  margin-bottom: 5px; }

.comment-list-wrapper #comment-list .comment-metadata {
  font-size: 0.875rem;
  padding-top: 3px;
  color: #5b616b; }

.comment-list-wrapper #comment-list .comment-item {
  width: 100%;
  overflow: hidden;
  padding-top: 5px; }

.comment-list-wrapper #comment-list .comment-replies .replies-list {
  padding: 0; }

.comment-list-wrapper #comment-list .comment-replies .previous-replies {
  text-decoration: none;
  display: block;
  margin-top: 0.75rem; }
  .comment-list-wrapper #comment-list .comment-replies .previous-replies .fa-reply {
    margin-right: 0.5rem;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg); }

.comment-list-wrapper #comment-list .comment-inner {
  vertical-align: top;
  margin-left: 5rem;
  position: relative; }
  @media all and (max-width: 29.99em) {
    .comment-list-wrapper #comment-list .comment-inner {
      margin-left: 3rem; } }

.comment-list-wrapper #comment-list .comment-content {
  position: relative;
  -ms-word-break: break-all;
  /* Be VERY careful with this, breaks normal words wh_erever */
  word-break: break-all;
  /* Non standard for webkit */
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto; }

.comment-list-wrapper #comment-list .comment-expand,
.comment-list-wrapper #comment-list .comment-contract {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer; }

.comment-list-wrapper #comment-list .comment-expand > .content,
.comment-list-wrapper #comment-list .comment-contract > .content {
  font-size: 16px; }

.comment-list-wrapper #comment-list .comment-expand {
  display: none; }

.comment-list-wrapper #comment-list form.comment-submit .input-group-btn {
  vertical-align: bottom; }

.comment-list-wrapper #comment-list #comment-empty {
  border-left: 2px solid #cd2026;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 1rem; }

.comment-list-wrapper #comment-list #comment-form-target {
  margin-top: 5px; }

.resume-card-buttons .resume-card-button {
  position: relative ;
  background-color: white ;
  margin: 1.0rem 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  @media all and (min-width: 64em) {
    .resume-card-buttons .resume-card-button {
      width: 30rem; } }
  .resume-card-buttons .resume-card-button label {
    width: 100% ;
    height: 100% ;
    max-width: inherit;
    margin: 0 ;
    padding: 0.5rem ;
    text-indent: 0 ;
    position: relative ;
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.13rem; }
    .resume-card-buttons .resume-card-button label::before {
      vertical-align: baseline;
      float: left;
      margin-top: 2.8rem;
      margin-right: 4rem;
      display: none; }
    .resume-card-buttons .resume-card-button label .grid-container .radio-button {
      text-align: center ;
      margin-top: 1.5rem ; }
      @media all and (max-width: 39.99em) {
        .resume-card-buttons .resume-card-button label .grid-container .radio-button {
          width: 100% ;
          margin-bottom: 1rem; } }
      @media all and (min-width: 55em) {
        .resume-card-buttons .resume-card-button label .grid-container .radio-button {
          text-align: left ; } }
      .resume-card-buttons .resume-card-button label .grid-container .radio-button::before {
        text-indent: 0.15em;
        content: ' ';
        display: inline-block;
        border-radius: 100%;
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #757575;
        height: 1.4rem;
        line-height: 1.4rem;
        width: 1.4rem; }
    .resume-card-buttons .resume-card-button label .resume-info {
      width: 100% ;
      float: left ;
      font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
      font-size: 1.13rem;
      text-align: center ; }
      @media all and (max-width: 29.99em) {
        .resume-card-buttons .resume-card-button label .resume-info {
          margin-bottom: 0.5rem ; } }
      @media all and (min-width: 40em) {
        .resume-card-buttons .resume-card-button label .resume-info {
          width: 75%;
          text-align: left ;
          margin-top: 0.5rem ; } }
      @media all and (min-width: 64em) {
        .resume-card-buttons .resume-card-button label .resume-info {
          width: 70%;
          margin-top: 0.5rem ; } }
  .resume-card-buttons .resume-card-button .resume-icon {
    width: 4rem;
    display: block ;
    margin-left: auto ;
    text-align: center ;
    color: #aeb0b5; }
    @media all and (min-width: 30em) {
      .resume-card-buttons .resume-card-button .resume-icon {
        margin-right: auto ; } }
    @media all and (min-width: 40em) {
      .resume-card-buttons .resume-card-button .resume-icon {
        right: 2rem; } }
    .resume-card-buttons .resume-card-button .resume-icon::before {
      display: inline-block ;
      background-size: 3rem 3rem;
      height: 2.5rem;
      width: 2rem;
      content: url(../../img/icons/document/file-alt.svg);
      color: #aeb0b5;
      font-size: 3rem;
      vertical-align: middle;
      margin: 0 auto; }
    .resume-card-buttons .resume-card-button .resume-icon.doc::before, .resume-card-buttons .resume-card-button .resume-icon.docx::before, .resume-card-buttons .resume-card-button .resume-icon.rtf::before {
      display: inline-block ;
      background-size: 3rem 3rem;
      height: 2.5rem;
      width: 2rem;
      content: url(../../img/icons/document/file-word.svg);
      color: #aeb0b5;
      font-size: 3rem;
      vertical-align: middle; }
    .resume-card-buttons .resume-card-button .resume-icon.pdf::before {
      display: inline-block ;
      background-size: 3rem 3rem;
      height: 2.5rem;
      width: 2rem;
      content: url(../../img/icons/document/file-pdf.svg);
      color: #aeb0b5;
      font-size: 3rem;
      vertical-align: middle; }
    .resume-card-buttons .resume-card-button .resume-icon.jpg::before, .resume-card-buttons .resume-card-button .resume-icon.jpeg::before, .resume-card-buttons .resume-card-button .resume-icon.png::before, .resume-card-buttons .resume-card-button .resume-icon.gif::before {
      display: inline-block ;
      background-size: 3rem 3rem;
      height: 2.5rem;
      width: 2rem;
      content: url(../../img/icons/document/file-image.svg);
      color: #aeb0b5;
      font-size: 3rem;
      vertical-align: middle; }
    .resume-card-buttons .resume-card-button .resume-icon h6 {
      margin-top: 0.7rem;
      margin-bottom: 0;
      line-height: 1; }
  .resume-card-buttons .resume-card-button [type=radio]:checked + label {
    border: 1px inset #2e8540;
    background-color: #e7f4e4;
    margin: -2px 0; }
    .resume-card-buttons .resume-card-button [type=radio]:checked + label .radio-button::before {
      background-color: #0071bc;
      box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0071bc; }

@media all and (min-width: 40em) {
  .usa-step-indicator__header {
    display: none ; } }

.skill-select .multi-wrapper {
  border-width: 1px;
  border-color: black ;
  border-style: solid;
  width: 100% ; }

.skill-select .multi-wrapper .item-group .group-label {
  display: block ;
  opacity: 1;
  padding: 5px 0;
  font-weight: 700 ;
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.13rem; }

.skill-select .multi-wrapper .selected-wrapper {
  margin-top: -2.5rem;
  padding-top: 5px;
  padding: 0;
  position: relative; }
  @media all and (max-width: 29.99em) {
    .skill-select .multi-wrapper .selected-wrapper {
      width: 100%;
      height: 340px; } }
  @media all and (min-width: 30em) {
    .skill-select .multi-wrapper .selected-wrapper {
      height: 440px;
      overflow-y: hidden; } }

.skill-select .multi-wrapper .non-selected-wrapper {
  height: 400px;
  background-color: white ; }
  @media all and (max-width: 29.99em) {
    .skill-select .multi-wrapper .non-selected-wrapper {
      width: 100%; } }

.skill-select .non-selected-wrapper .item-group .item, .skill-select .selected-wrapper .item {
  color: black ; }

.skill-select .multi-wrapper .search-input {
  width: 50%;
  border-right: 1px solid #ccc;
  border-bottom-width: 1px;
  border-bottom-color: black ;
  border-bottom-style: solid;
  outline: 1px solid;
  outline-color: black ;
  outline-offset: -6px;
  padding: 12px 20px; }
  @media all and (max-width: 29.99em) {
    .skill-select .multi-wrapper .search-input {
      width: 100%; } }

.skill-select .non-selected-wrapper .header {
  all: unset; }

.skill-select .selected-wrapper .item {
  cursor: default; }

.skill-select .selected-wrapper .header {
  border-bottom-width: 1px;
  border-bottom-color: black ;
  border-bottom-style: solid;
  padding: 8.5px 10px; }

.skill-select .selected-wrapper .item::after {
  background: url(../img/icons/close/times.svg) no-repeat center;
  -webkit-mask: url(../img/icons/close/times.svg) no-repeat center;
  mask: url(../img/icons/close/times.svg) no-repeat center;
  display: inline-block;
  content: "";
  vertical-align: middle;
  margin-left: 2px;
  background: 0 0;
  background-color: #d83933 ;
  height: 1rem ;
  width: 1rem ; }

@media all and (max-width: 29.99em) {
  .skill-select .oppenopps-skill-width {
    width: 20rem ; } }

.openopps-step-3__header {
  width: calc(100% - 56px); }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.usajobs-button_bar,
.usajobs-button-bar {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  margin: 3.75rem 0 4.5rem;
  background-color: #d6d7d9; }
  .usajobs-button_bar::after,
  .usajobs-button-bar::after {
    clear: both;
    content: "";
    display: block; }
  .usajobs-button_bar__body,
  .usajobs-button-bar__body {
    max-width: 100rem;
    margin: 0 auto;
    padding: 2rem; }
    .usajobs-button_bar__body::after,
    .usajobs-button-bar__body::after {
      clear: both;
      content: "";
      display: block; }
    .usajobs-button_bar__body .usa-button,
    .usajobs-button_bar__body .usa-button-big,
    .usajobs-button-bar__body .usa-button,
    .usajobs-button-bar__body .usa-button-big {
      margin-right: 0; }
      @media screen and (min-width: 30em) {
        .usajobs-button_bar__body .usa-button,
        .usajobs-button_bar__body .usa-button-big,
        .usajobs-button-bar__body .usa-button,
        .usajobs-button-bar__body .usa-button-big {
          margin: 0; } }
  .usajobs-button_bar__save, .usajobs-button_bar__edit,
  .usajobs-button-bar__save,
  .usajobs-button-bar__edit {
    float: right; }
  .usajobs-button_bar__instructions,
  .usajobs-button-bar__instructions {
    font-style: italic; }
  .usajobs-button_bar__delete,
  .usajobs-button-bar__delete {
    display: inline-block;
    padding: 0.6rem 1rem 0.6rem 2.5rem;
    font-weight: bold;
    background-image: url("../img/icons/button-bar/times-circle.svg");
    background-size: 2rem 2rem;
    background-position: left center;
    background-repeat: no-repeat;
    color: #0071bc; }
    .usajobs-button_bar__delete:visited,
    .usajobs-button-bar__delete:visited {
      color: #0071bc; }

.usajobs-button_bar--slim,
.usajobs-button-bar--slim {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin: 2rem 0 3.75rem;
  border-top: 1px solid #d6d7d9; }
  .usajobs-button_bar--slim::after,
  .usajobs-button-bar--slim::after {
    clear: both;
    content: "";
    display: block; }
  .usajobs-button_bar--slim__body,
  .usajobs-button-bar--slim__body {
    max-width: 100rem;
    margin: 0 auto;
    padding: 2rem; }
    .usajobs-button_bar--slim__body::after,
    .usajobs-button-bar--slim__body::after {
      clear: both;
      content: "";
      display: block; }
    .usajobs-button_bar--slim__body .usa-button,
    .usajobs-button_bar--slim__body .usa-button-big,
    .usajobs-button-bar--slim__body .usa-button,
    .usajobs-button-bar--slim__body .usa-button-big {
      margin-right: 0; }
      @media screen and (min-width: 30em) {
        .usajobs-button_bar--slim__body .usa-button,
        .usajobs-button_bar--slim__body .usa-button-big,
        .usajobs-button-bar--slim__body .usa-button,
        .usajobs-button-bar--slim__body .usa-button-big {
          margin: 0; } }
  .usajobs-button_bar--slim__save, .usajobs-button_bar--slim__edit,
  .usajobs-button-bar--slim__save,
  .usajobs-button-bar--slim__edit {
    float: right; }
  .usajobs-button_bar--slim .usajobs-button_bar__body,
  .usajobs-button_bar--slim .usajobs-button-bar__body,
  .usajobs-button-bar--slim .usajobs-button_bar__body,
  .usajobs-button-bar--slim .usajobs-button-bar__body {
    padding-left: 0;
    padding-right: 0;
    text-align: right; }
  .usajobs-button_bar--slim .usajobs-button_bar__save,
  .usajobs-button_bar--slim .usajobs-button-bar__save,
  .usajobs-button-bar--slim .usajobs-button_bar__save,
  .usajobs-button-bar--slim .usajobs-button-bar__save {
    display: inline-block;
    float: none; }

.usajobs-button_bar--slim-left .usajobs-button_bar__body,
.usajobs-button_bar--slim-left .usajobs-button-bar__body,
.usajobs-button-bar--slim-left .usajobs-button_bar__body,
.usajobs-button-bar--slim-left .usajobs-button-bar__body {
  text-align: left; }

.usajobs-button_bar--split,
.usajobs-button-bar--split {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin: 2rem 0; }
  .usajobs-button_bar--split::after,
  .usajobs-button-bar--split::after {
    clear: both;
    content: "";
    display: block; }
  .usajobs-button_bar--split__body,
  .usajobs-button-bar--split__body {
    max-width: 100rem;
    margin: 0 auto;
    padding: 2rem; }
    .usajobs-button_bar--split__body::after,
    .usajobs-button-bar--split__body::after {
      clear: both;
      content: "";
      display: block; }
    .usajobs-button_bar--split__body .usa-button,
    .usajobs-button_bar--split__body .usa-button-big,
    .usajobs-button-bar--split__body .usa-button,
    .usajobs-button-bar--split__body .usa-button-big {
      margin-right: 0; }
      @media screen and (min-width: 30em) {
        .usajobs-button_bar--split__body .usa-button,
        .usajobs-button_bar--split__body .usa-button-big,
        .usajobs-button-bar--split__body .usa-button,
        .usajobs-button-bar--split__body .usa-button-big {
          margin: 0; } }
  .usajobs-button_bar--split__save, .usajobs-button_bar--split__edit,
  .usajobs-button-bar--split__save,
  .usajobs-button-bar--split__edit {
    float: right; }
  .usajobs-button_bar--split .usajobs-button_bar__body,
  .usajobs-button_bar--split .usajobs-button-bar__body,
  .usajobs-button-bar--split .usajobs-button_bar__body,
  .usajobs-button-bar--split .usajobs-button-bar__body {
    padding: 0; }

.openopps-footer__logo {
  height: 2.75rem;
  background-image: url("../../img/logo/svg/open-opportunities-white.svg");
  background-repeat: no-repeat;
  background-size: contain; }

.openopps-footer__subsection-horizontal li {
  width: 49%; }
  @media (min-width: 700px) {
    .openopps-footer__subsection-horizontal li {
      width: auto; } }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.usajobs-site-header .usa-disclaimer {
  padding: 0 1rem;
  padding-right: 0;
  font-size: 1.2rem; }
  @media screen and (min-width: 48em) {
    .usajobs-site-header .usa-disclaimer {
      padding-left: 2rem;
      padding-right: 2rem; } }
  @media screen and (min-width: 30em) {
    .usajobs-site-header .usa-disclaimer {
      font-size: 1.3rem; } }

.usajobs-site-header .usajobs-disclaimer-official {
  display: inline-block;
  padding: 0;
  max-width: 100rem; }
  .usajobs-site-header .usajobs-disclaimer-official .usa-flag_icon {
    float: left;
    margin-right: 0.7rem;
    margin-top: 1px;
    width: 2rem; }
  .usajobs-site-header .usajobs-disclaimer-official p {
    display: inline-block;
    margin: 3px 0; }
    @media screen and (min-width: 30em) {
      .usajobs-site-header .usajobs-disclaimer-official p {
        margin: 2px 0; } }

.usajobs-site-header .usa-banner {
  font-size: 0.875rem;
  padding-bottom: 0; }
  .usajobs-site-header .usa-banner__button {
    -moz-osx-font-smoothing: auto;
    -webkit-font-smoothing: subpixel-antialiased;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    margin: 0;
    text-align: left;
    left: 0;
    position: absolute;
    bottom: 0;
    top: 0;
    vertical-align: text-bottom;
    color: #005ea2;
    display: block;
    font-size: 0.75rem;
    height: auto;
    line-height: 1;
    padding: 0;
    text-decoration: none;
    width: auto; }
    @media screen and (max-width: 37.499em) {
      .usajobs-site-header .usa-banner__button {
        width: 100%; }
        .usajobs-site-header .usa-banner__button[aria-expanded=true]::before {
          bottom: 0;
          top: 0;
          position: absolute;
          right: 0;
          background-color: #e6e6e6;
          content: "";
          display: block;
          height: 3rem;
          width: 3rem; }
        .usajobs-site-header .usa-banner__button[aria-expanded=true]::after {
          background: url(../img/close-alt.svg) no-repeat center/1.6rem 1.6rem;
          -webkit-mask: url(../img/close-alt.svg) no-repeat center/1.6rem 1.6rem;
          mask: url(../img/close-alt.svg) no-repeat center/1.6rem 1.6rem;
          display: inline-block;
          height: 3rem;
          width: 3rem;
          content: "";
          vertical-align: middle;
          margin-left: 0;
          background: 0 0;
          background-color: #0071bc;
          position: absolute;
          bottom: 0;
          top: 0;
          right: 0; } }
    @media screen and (min-width: 37.5em) {
      .usajobs-site-header .usa-banner__button {
        color: #005ea2;
        bottom: auto;
        left: auto;
        right: auto;
        top: auto;
        display: inline;
        margin-left: 0.5rem;
        position: relative; } }
    .usajobs-site-header .usa-banner__button[aria-expanded=false], .usajobs-site-header .usa-banner__button[aria-expanded=true] {
      background-image: none; }
    @media screen and (min-width: 37.5em) {
      .usajobs-site-header .usa-banner__button[aria-expanded=true] {
        height: auto;
        padding: 0;
        position: relative; }
        .usajobs-site-header .usa-banner__button[aria-expanded=true]::after {
          background: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.31282ex 1.2ex;
          -webkit-mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.31282ex 1.2ex;
          mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.31282ex 1.2ex;
          display: inline-block;
          height: 1.2ex;
          width: 1.3128205128ex;
          transform: rotate(180deg);
          content: "";
          vertical-align: middle;
          margin-left: 2px;
          background: 0 0;
          background-color: #005ea2; } }
    .usajobs-site-header .usa-banner__button-text {
      position: absolute;
      left: -999em;
      text-decoration: underline;
      line-height: 1.3; }
      @media screen and (min-width: 37.5em) {
        .usajobs-site-header .usa-banner__button-text {
          position: static;
          display: inline; } }
    @media screen and (min-width: 37.5em) {
      .usajobs-site-header .usa-banner__button::after {
        background: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.31282ex 1.2ex;
        -webkit-mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.31282ex 1.2ex;
        mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.31282ex 1.2ex;
        display: inline-block;
        height: 1.2ex;
        width: 1.3128205128ex;
        content: "";
        vertical-align: middle;
        margin-left: 2px;
        background: 0 0;
        background-color: #005ea2; } }
  .usajobs-site-header .usa-banner__guidance {
    display: flex;
    align-items: flex-start;
    padding: 1rem 0.75rem 0 0;
    max-width: 35rem; }
    @media screen and (min-width: 37.5em) {
      .usajobs-site-header .usa-banner__guidance {
        padding-top: 0;
        padding-left: 0.75rem; } }
    @media screen and (min-width: 48em) {
      .usajobs-site-header .usa-banner__guidance:first-child {
        padding-left: 0; } }
  .usajobs-site-header .usa-banner__icon {
    width: 2.5rem; }
  .usajobs-site-header .usa-banner__content {
    background-color: transparent;
    font-size: 0.625rem;
    overflow: hidden;
    padding: 0.25rem 1rem 1rem 0.5rem;
    width: 100%;
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
    line-height: 1.6; }
    @media screen and (min-width: 37.5em) {
      .usajobs-site-header .usa-banner__content {
        padding: 1rem 0 0 0; } }
    .usajobs-site-header .usa-banner__content p:first-child {
      margin-top: 0; }
    @media screen and (min-width: 37.5em) {
      .usajobs-site-header .usa-banner__content .usa-banner-inner {
        display: flex;
        justify-content: flex-start; } }
  .usajobs-site-header .usa-banner-header {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0.75rem; }
    .usajobs-site-header .usa-banner-header p {
      margin-top: 2px;
      margin-bottom: 2px;
      display: inline-block; }
    .usajobs-site-header .usa-banner-header img {
      width: 1rem; }
    .usajobs-site-header .usa-banner-header .icon {
      margin-top: 1px;
      margin-right: 0.5rem;
      width: 1rem;
      flex: 0 1 auto !important; }
    .usajobs-site-header .usa-banner-header .text-wrapper {
      flex: 1 1 0% !important;
      min-width: 1px; }
    .usajobs-site-header .usa-banner-header-text {
      margin-top: 0;
      margin-bottom: 0; }
    .usajobs-site-header .usa-banner-header-action {
      color: #0071bc;
      line-height: 1.1;
      margin-bottom: 0;
      margin-top: 2px;
      text-decoration: underline;
      display: block; }
      @media screen and (min-width: 37.5em) {
        .usajobs-site-header .usa-banner-header-action {
          display: none; } }
      .usajobs-site-header .usa-banner-header-action::after {
        background: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.31282ex 1.2ex;
        -webkit-mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.31282ex 1.2ex;
        mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.31282ex 1.2ex;
        display: inline-block;
        height: 1.2ex;
        width: 1.3128205128ex;
        content: "";
        vertical-align: middle;
        margin-left: 2px;
        background: 0 0;
        background-color: #005ea2; }
    .usajobs-site-header .usa-banner-header .usa-banner-inner {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      display: flex;
      justify-content: flex-start; }
      @media screen and (min-width: 37.5em) {
        .usajobs-site-header .usa-banner-header .usa-banner-inner {
          padding-top: 0.25rem;
          padding-bottom: 0.25rem; } }
      @media screen and (min-width: 48em) {
        .usajobs-site-header .usa-banner-header .usa-banner-inner {
          margin-left: 0;
          margin-right: 0;
          padding-left: 0;
          padding-right: 0; } }

#gov-banner.hidden, .usa-banner-header-action.hidden {
  display: none; }

.icon-lock .fa-lock {
  height: 0.75rem; }

.usa-media-block__img {
  flex-shrink: 0;
  margin-right: 0.25rem; }

.usa-media-block__body {
  flex: 1 1 0%; }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.usajobs-modal {
  opacity: 0;
  visibility: hidden;
  transition: transform 0.3s linear, opacity 0.3s linear;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1061;
  width: auto;
  min-height: 200px;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .usajobs-modal[data-state="is-open"] {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.8s linear;
    overflow-x: hidden;
    overflow-y: auto; }
  .usajobs-modal__canvas-blackout[aria-hidden="true"] {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    z-index: 1060;
    background-color: rgba(0, 0, 0, 0.38);
    transition: opacity 0.8s linear; }
  .usajobs-modal__dialog {
    position: relative;
    width: auto;
    margin: 2rem 1rem; }
    @media screen and (min-width: 48em) {
      .usajobs-modal__dialog {
        width: rem(600px);
        margin: 2rem auto; } }
    @media screen and (min-width: 62em) {
      .usajobs-modal__dialog {
        width: rem(930px); } }
  .usajobs-modal__content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid rgba(70, 70, 70, 0.14);
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29);
    background-clip: padding-box;
    outline: 0; }
  .usajobs-modal__body {
    padding: 1rem; }
    @media screen and (min-width: 48em) {
      .usajobs-modal__body {
        padding: 2rem; } }
    .usajobs-modal__body .check-list {
      display: flex; }
      .usajobs-modal__body .check-list:not(:last-child) {
        margin-bottom: 2rem; }
      .usajobs-modal__body .check-list .check {
        margin-right: 0.75rem;
        color: #2e8540; }
      .usajobs-modal__body .check-list .warning {
        margin-right: 0.75rem;
        color: #fdb81e; }
      .usajobs-modal__body .check-list .times {
        margin-right: 0.75rem;
        color: #cd2026; }
    .usajobs-modal__body .usa-form-group-day,
    .usajobs-modal__body .usa-form-group-month {
      width: 5.5rem; }
  .usajobs-modal__header {
    padding: 2.5rem 1rem 2rem;
    background-color: #f1f1f1;
    border-bottom: 1px solid #aeb0b5;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem; }
    @media screen and (min-width: 48em) {
      .usajobs-modal__header {
        padding: 2.5rem 2rem 2rem; } }
  .usajobs-modal__footer {
    padding: 2rem 1rem;
    border-top: 1px solid #aeb0b5;
    text-align: right; }
    @media screen and (min-width: 48em) {
      .usajobs-modal__footer {
        padding: 2rem; } }
  .usajobs-modal__title {
    margin: 0;
    color: #112e51;
    line-height: 1; }
  .usajobs-modal__subtitle {
    margin-top: 0;
    color: #112e51; }
  .usajobs-modal__close {
    position: absolute;
    top: -1rem;
    right: -1rem;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    color: #ffffff;
    background-color: inherit;
    box-shadow: 0 0 0 2px none inset;
    background-color: #aeb0b5;
    text-decoration: none;
    border-width: 0px; }
    .usajobs-modal__close:after {
      position: relative;
      display: inline-block;
      width: rem(12px);
      height: rem(12px);
      background-size: 12px 12px;
      margin-left: rem(1px);
      content: url("../img/icons/close/times.svg");
      color: #ffffff; }
    .usajobs-modal__close:hover {
      background-color: #323a45; }

.is-open-modal {
  overflow: hidden; }

.usajobs-modal--error .usajobs-modal__header,
.usajobs-modal--info .usajobs-modal__header,
.usajobs-modal--success .usajobs-modal__header,
.usajobs-modal--warning .usajobs-modal__header {
  padding: 0; }
  .usajobs-modal--error .usajobs-modal__header .usa-alert,
  .usajobs-modal--info .usajobs-modal__header .usa-alert,
  .usajobs-modal--success .usajobs-modal__header .usa-alert,
  .usajobs-modal--warning .usajobs-modal__header .usa-alert {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-bottom-left-radius: 0; }
  .usajobs-modal--error .usajobs-modal__header .usajobs-alert__body,
  .usajobs-modal--info .usajobs-modal__header .usajobs-alert__body,
  .usajobs-modal--success .usajobs-modal__header .usajobs-alert__body,
  .usajobs-modal--warning .usajobs-modal__header .usajobs-alert__body {
    padding: 1rem 0.75rem; }
    @media screen and (min-width: 48em) {
      .usajobs-modal--error .usajobs-modal__header .usajobs-alert__body,
      .usajobs-modal--info .usajobs-modal__header .usajobs-alert__body,
      .usajobs-modal--success .usajobs-modal__header .usajobs-alert__body,
      .usajobs-modal--warning .usajobs-modal__header .usajobs-alert__body {
        padding: 1rem 2rem; } }

.usajobs-modal--error .usajobs-modal__header {
  border-bottom: 1px solid #cd2026; }

.usajobs-modal--error .usajobs-alert--error,
.usajobs-modal--error .usa-alert--error {
  border-left: 0.5rem solid !important;
  border-color: #df4309 !important; }

.usajobs-modal--info .usajobs-modal__header {
  border-bottom: 1px solid #205493; }

.usajobs-modal--success .usajobs-modal__header {
  border-bottom: 1px solid #2d8700; }

.usajobs-modal--warning .usajobs-modal__header {
  border-bottom: 1px solid #fdb81e; }

.usajobs-modal .usajobs-modal__footer .usajobs-button-destructive-action {
  background-color: #e31c3d;
  border: 0;
  color: #fff; }

.usa-logo {
  margin-bottom: 0.5rem ;
  margin-top: 0.5rem ;
  font-size: 2.8rem; }

@media all and (min-width: 20em) {
  .usa-header--basic .usa-nav-container {
    align-items: unset; } }

.usa-nav-container {
  padding-left: 1rem;
  padding-right: 0; }

.usa-nav__primary .usa-nav__primary-item a {
  color: #0071bc;
  font-weight: 400;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  .usa-nav__primary .usa-nav__primary-item a.is-active {
    color: #205493;
    position: relative;
    font-weight: 700; }
    .usa-nav__primary .usa-nav__primary-item a.is-active::after {
      background-color: #205493;
      border-radius: 0;
      content: "";
      display: block;
      position: absolute;
      height: 0.25rem;
      left: 1rem;
      right: 1rem;
      bottom: 0; }

.openopps-nav--secondary {
  background-color: #205493; }
  .openopps-nav--secondary .openopps-nav__submenu {
    background-color: #205493;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    padding: 0;
    padding-left: 1rem;
    margin-top: -0.25rem; }
    @media all and (min-width: 40em) {
      .openopps-nav--secondary .openopps-nav__submenu {
        padding-left: 1rem ;
        padding-right: 1rem ; } }
    .openopps-nav--secondary .openopps-nav__submenu-item {
      margin-top: 0;
      position: relative; }
      .openopps-nav--secondary .openopps-nav__submenu-item a {
        text-decoration: none;
        color: #ffffff;
        font-weight: 400; }
        .openopps-nav--secondary .openopps-nav__submenu-item a:hover {
          text-decoration: none;
          position: relative; }
          .openopps-nav--secondary .openopps-nav__submenu-item a:hover::after {
            background-color: #ffffff;
            border-radius: 0;
            content: "";
            display: block;
            position: absolute;
            height: 0.25rem;
            left: 0;
            right: 0;
            bottom: 0; }
        .openopps-nav--secondary .openopps-nav__submenu-item a.is-active {
          color: #ffffff;
          position: relative;
          font-weight: 700; }
          .openopps-nav--secondary .openopps-nav__submenu-item a.is-active::after {
            background-color: #ffffff;
            border-radius: 0;
            content: "";
            display: block;
            position: absolute;
            height: 0.25rem;
            left: 0;
            right: 0;
            bottom: 0; }

.openopps-nav__first_name {
  display: none; }
  @media all and (min-width: 40em) {
    .openopps-nav__first_name {
      display: inline-block;
      max-width: rem(140px);
      text-overflow: ellipsis; } }

.openopps-nav__initials {
  display: inline-block; }
  @media all and (min-width: 40em) {
    .openopps-nav__initials {
      display: none; } }

@media all and (min-width: 30em) {
  .openopps-nav__account_name {
    display: none; } }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.usajobs-nav-secondary {
  position: relative;
  margin-bottom: 2rem;
  background-color: #ffffff; }
  .usajobs-nav-secondary.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  .usajobs-nav-secondary[data-behavior=is-fixed-nav] {
    position: sticky;
    z-index: 900; }
  .usajobs-nav-secondary__body {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem;
    border-bottom: 1px solid #aeb0b5; }
    .usajobs-nav-secondary__body::after {
      clear: both;
      content: "";
      display: block; }
    .usajobs-nav-secondary__body a {
      text-decoration: none; }
  .usajobs-nav-secondary__menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: left; }
  .usajobs-nav-secondary__container {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0; }
    .usajobs-nav-secondary__container::before, .usajobs-nav-secondary__container::after {
      content: none; }
    .usajobs-nav-secondary__container.is-hidden {
      display: none; }
  .usajobs-nav-secondary__item, .usajobs-nav-secondary__more-toggle {
    display: block;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1;
    color: #0071bc;
    text-align: center;
    text-decoration: none; }
    @media screen and (min-width: 48em) {
      .usajobs-nav-secondary__item, .usajobs-nav-secondary__more-toggle {
        padding: 1rem 2rem; } }
    .usajobs-nav-secondary__item:visited, .usajobs-nav-secondary__more-toggle:visited {
      color: #0071bc; }
    .usajobs-nav-secondary__item:hover, .usajobs-nav-secondary__more-toggle:hover {
      color: #205493;
      text-decoration: underline; }
    .usajobs-nav-secondary__item.is-active, .usajobs-nav-secondary__item[data-state="is-active"], .usajobs-nav-secondary__more-toggle.is-active, .usajobs-nav-secondary__more-toggle[data-state="is-active"] {
      font-weight: bold;
      color: #112e51;
      border-bottom: 3px solid #046b99; }
    .usajobs-nav-secondary__item .fa-check, .usajobs-nav-secondary__more-toggle .fa-check {
      color: #2e8540; }
    .usajobs-nav-secondary__item .usajobs-icon, .usajobs-nav-secondary__more-toggle .usajobs-icon {
      width: 1.7rem;
      height: 1.7rem;
      color: #0071bc; }
  .usajobs-nav-secondary__more-toggle {
    border-left: 1px solid #d6d7d9; }
  .usajobs-nav-secondary__more-container {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    margin: 0;
    background-color: #e4e2e0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 1; }
    .usajobs-nav-secondary__more-container[data-state="is-open"] {
      display: block; }
    .usajobs-nav-secondary__more-container li {
      width: 100%; }
      .usajobs-nav-secondary__more-container li a {
        text-align: left;
        white-space: nowrap; }
      .usajobs-nav-secondary__more-container li a:hover {
        background-color: #d6d7d9;
        text-decoration: underline; }

.usajobs-openopps-secondary-nav {
  position: relative;
  background-color: #205493; }
  .usajobs-openopps-secondary-nav.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 900;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
  .usajobs-openopps-secondary-nav__body {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100rem; }
    .usajobs-openopps-secondary-nav__body::after {
      clear: both;
      content: "";
      display: block; }
    @media screen and (min-width: 62em) {
      .usajobs-openopps-secondary-nav__body {
        padding-left: 2rem;
        padding-right: 2rem; } }
    .usajobs-openopps-secondary-nav__body a {
      text-decoration: none; }
  .usajobs-openopps-secondary-nav__menu {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center; }
    @media screen and (min-width: 62em) {
      .usajobs-openopps-secondary-nav__menu {
        text-align: left; } }
    .usajobs-openopps-secondary-nav__menu[aria-expanded="false"] {
      display: none; }
    .usajobs-openopps-secondary-nav__menu :first-child {
      padding-left: 0; }
  .usajobs-openopps-secondary-nav__item {
    display: inline-table;
    text-align: center;
    border-color: #ffffff;
    padding: 0 1rem; }
    @media screen and (min-width: 37.5em) {
      .usajobs-openopps-secondary-nav__item.mobile {
        display: none; } }
  .usajobs-openopps-secondary-nav__link {
    display: block;
    padding: 1rem 0 0.8975rem;
    line-height: 1.25;
    font-size: 1rem;
    border-bottom: .3525rem solid transparent;
    color: #ffffff;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-decoration: none; }
    .usajobs-openopps-secondary-nav__link:visited {
      color: #ffffff; }
    .usajobs-openopps-secondary-nav__link:hover {
      color: #ffffff;
      text-decoration: none;
      border-bottom-color: inherit; }
    .usajobs-openopps-secondary-nav__link.is-active, .usajobs-openopps-secondary-nav__link[data-state="is-active"] {
      font-weight: bold;
      border-bottom-color: inherit; }
  @media screen and (min-width: 30em) {
    .usajobs-openopps-secondary-nav__short-name {
      display: none; } }
  .usajobs-openopps-secondary-nav__long-name {
    display: none; }
    @media screen and (min-width: 30em) {
      .usajobs-openopps-secondary-nav__long-name {
        display: inherit; } }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.openopps-search-pills__fade-out-layer {
  position: absolute;
  top: 0;
  width: 1rem;
  height: 100%;
  z-index: 1; }
  @media screen and (min-width: 37.5em) {
    .openopps-search-pills__fade-out-layer {
      display: none; } }
  .openopps-search-pills__fade-out-layer.is-left {
    left: 0;
    background-image: linear-gradient(270deg, rgba(241, 241, 241, 0), #f1f1f1); }
  .openopps-search-pills__fade-out-layer.is-right {
    right: 0;
    background-image: linear-gradient(90deg, rgba(241, 241, 241, 0), #f1f1f1); }

.openopps-search-pills__list > .openopps-search-pills__item[aria-hidden=true], .openopps-search-pills__remove-all[aria-hidden=true] {
  display: none; }

.openopps-search-pills__list > .openopps-search-pills__item--profile {
  background-color: #94bfa2; }
  .openopps-search-pills__list > .openopps-search-pills__item--profile .openopps-search-pills__pill {
    color: #212121; }

.openopps-search-pills__list .openopps-search-pills__pill:hover, .openopps-search-pills__remove-all:hover {
  cursor: pointer; }

.openopps-search-pills__remove-icon .usajobs-icon,
.openopps-search-pills__remove-icon .usajobs-icon--white {
  width: 1rem;
  height: 1rem;
  vertical-align: middle;
  margin-bottom: .2rem; }

.openopps-pill--application-status {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .openopps-pill--application-status__item {
    display: inline-block;
    width: 100%;
    max-width: 17.5rem;
    margin-bottom: 0.75rem;
    padding: 0 0.75rem;
    background-color: #323a45;
    color: #ffffff;
    border: 1px solid #323a45;
    border-radius: 2rem;
    text-align: center;
    font-weight: bold; }
    .openopps-pill--application-status__item.status-hired, .openopps-pill--application-status__item.status-received, .openopps-pill--application-status__item.status-referred, .openopps-pill--application-status__item.status-reviewed, .openopps-pill--application-status__item.status-selected {
      background-color: #2d8700;
      border-color: #2d8700;
      color: #ffffff; }
    .openopps-pill--application-status__item.status-incomplete, .openopps-pill--application-status__item.status-in-progress {
      background-color: #fdb81e;
      border-color: #fdb81e;
      color: #212121; }
    .openopps-pill--application-status__item.status-canceled, .openopps-pill--application-status__item.status-not-hired, .openopps-pill--application-status__item.status-not-referred, .openopps-pill--application-status__item.status-not-selected {
      background-color: #e31c3d;
      border-color: #e31c3d;
      color: #ffffff; }
    .openopps-pill--application-status__item .grade {
      font-weight: normal; }
    .openopps-pill--application-status__item .grade-all {
      display: none; }

.openopps-pill--opportunity-status, .openopps-pill--application-status {
  padding: 0.25rem ;
  background-color: #adadad ;
  border-radius: 99rem ;
  color: #2e2e2e ;
  text-align: center ;
  font-weight: 700 ;
  display: block ; }
  .openopps-pill--opportunity-status.openopps-pill--radio, .openopps-pill--application-status.openopps-pill--radio {
    padding-left: 2rem ; }

.openopps-pill--opportunity-status {
  max-width: 11.5rem; }
  .openopps-pill--opportunity-status.status-draft {
    background-color: #3d4551 ;
    color: white ; }
  .openopps-pill--opportunity-status.status-open, .openopps-pill--opportunity-status.status-applied, .openopps-pill--opportunity-status.status-assigned, .openopps-pill--opportunity-status.status-complete {
    background-color: #2d8700;
    border-color: #2d8700;
    color: #ffffff; }
  .openopps-pill--opportunity-status.status-not-open {
    background-color: #aeb0b5;
    border-color: #aeb0b5;
    color: #212121; }
  .openopps-pill--opportunity-status.status-submitted {
    background-color: #046b99;
    border-color: #046b99;
    color: #ffffff; }
  .openopps-pill--opportunity-status.status-approved {
    background-color: #4c2c92;
    border-color: #4c2c92;
    color: #ffffff; }
  .openopps-pill--opportunity-status.status-in-progress {
    background-color: #fdb81e;
    border-color: #fdb81e; }
  .openopps-pill--opportunity-status.status-completed {
    background-color: #02bfe7;
    border-color: #02bfe7; }
  .openopps-pill--opportunity-status.status-canceled, .openopps-pill--opportunity-status.status-not-assigned {
    color: #ffffff;
    background-color: #e31c3d;
    border-color: #e31c3d; }
  .openopps-pill--opportunity-status.status-reviewing-applicants {
    background-color: #00A398;
    border-color: #00A398;
    color: #ffffff; }

.openopps-pill--application-status {
  max-width: 10rem ; }
  .openopps-pill--application-status.status-applied, .openopps-pill--application-status.status-selected, .openopps-pill--application-status.status-primary-select, .openopps-pill--application-status.status-alternate-select, .openopps-pill--application-status.status-completed {
    background-color: #2d8700;
    border-color: #2d8700;
    color: #ffffff; }
  .openopps-pill--application-status.status-in-progress, .openopps-pill--application-status.status-application-started {
    background-color: #fdb81e;
    border-color: #fdb81e; }
  .openopps-pill--application-status.status-withdrawn, .openopps-pill--application-status.status-canceled, .openopps-pill--application-status.status-not-selected, .openopps-pill--application-status.status-not-completed {
    color: #ffffff;
    background-color: #e31c3d;
    border-color: #e31c3d; }
  .openopps-pill--application-status.status-offer-accepted {
    background-color: #ecf3ec;
    border: 1px solid #00a91c;
    color: #446443;
    padding: 0.175rem 0.25rem; }
  .openopps-pill--application-status.status-offer-declined {
    background-color: #f4e3db;
    border: 1px solid #8b0a03;
    color: #b50909;
    padding: 0.175rem 0.25rem; }

.usajobs-assistive-text {
  position: absolute !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important; }

.openopps-search-pagination__page, .openopps-search-pagination__page-condensed {
  display: none ; }
  @media all and (min-width: 40em) {
    .openopps-search-pagination__page, .openopps-search-pagination__page-condensed {
      display: inline-block ; } }

.openopps-search-pagination__previous-page-container {
  border-width: 2px;
  border-style: solid;
  border-color: #005ea2 ;
  border-radius: 0.25rem ; }
  @media all and (min-width: 30em) {
    .openopps-search-pagination__previous-page-container {
      float: left ; } }
  @media all and (min-width: 40em) {
    .openopps-search-pagination__previous-page-container {
      float: none ;
      border-width: 0;
      border-style: solid; } }

.openopps-search-pagination__next-page-container {
  border-width: 2px;
  border-style: solid;
  border-color: #005ea2 ;
  border-radius: 0.25rem ; }
  @media all and (min-width: 30em) {
    .openopps-search-pagination__next-page-container {
      float: right ; } }
  @media all and (min-width: 40em) {
    .openopps-search-pagination__next-page-container {
      float: none ;
      border-width: 0;
      border-style: solid; } }

@media all and (min-width: 30em) {
  .openopps-search-pagination__previous-page, .openopps-search-pagination__next-page {
    width: 10rem ; } }

@media all and (min-width: 40em) {
  .openopps-search-pagination__previous-page, .openopps-search-pagination__next-page {
    width: 7.5rem ; } }

.openopps-search-pagination__previous-page[aria-hidden=true], .openopps-search-pagination__next-page[aria-hidden=true] {
  display: none; }

.openopps-search-pagination__previous-page::before {
  color: #005ea2 ;
  vertical-align: top ;
  content: url("../../../img/icons/pagination/chevron-left.svg");
  height: 1rem ;
  width: 1rem ;
  padding-right: 0.5rem ;
  display: inline-block ;
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.13rem; }

.openopps-search-pagination__next-page::after {
  color: #005ea2 ;
  vertical-align: top ;
  content: url("../../../img/icons/pagination/chevron-right.svg");
  height: 1rem ;
  width: 1rem ;
  padding-left: 0.5rem ;
  display: inline-block ;
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.13rem; }

.hide {
  display: none; }

.openopps-search-tab-bar::after {
  clear: both;
  content: "";
  display: block; }

@media all and (min-width: 64em) {
  .openopps-search-tab-bar, .openopps-search-filter-nav {
    display: none; }
  #announcement-form-title, .navigation, #task-filters, .find-people {
    display: block !important; }
  .filter-margin {
    margin-bottom: 0px; } }

/*CUSTOM*/
@media all and (max-width: 63.99em) {
  #task-filters {
    display: none; }
  .edit-view-container {
    display: block !important; }
  .filter-margin {
    margin-bottom: 6rem; }
  #search-main-content {
    order: 0; }
  #search-rightrail {
    order: 2; }
  #main-content {
    order: 1; }
  #rightrail {
    order: 3; } }

.openopps-search-tab-bar__body, .openopps-search-tab-bar__filter-controls {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  align-content: flex-start;
  -ms-flex-line-pack: start;
  text-rendering: optimizeSpeed; }

.openopps-search-tab-bar__filters-default {
  width: 100%; }

.openopps-search-tab-bar__body[aria-hidden=true], .openopps-search-tab-bar__filter-controls[aria-hidden=true],
.openopps-search-tab-bar__filters-default[aria-hidden=true] {
  display: none; }

.openopps-search-tab-bar__filters-default > span {
  vertical-align: middle; }

.openopps-search-tab-bar__body .openopps-search-tab-bar__link:visited {
  color: #ffffff;
  text-decoration: none; }

.openopps-search-tab-bar__body .openopps-search-tab-bar__link[aria-expanded=true],
.openopps-search-tab-bar__body .openopps-search-tab-bar__link[aria-expanded=true]:visited {
  background-color: #d6d7d9;
  color: #212121;
  height: 6.4rem; }

.openopps-search-tab-bar__body .openopps-search-tab-bar__link .fa {
  display: block;
  padding: 0.5rem; }

.openopps-search-tab-bar__filter-count-container[aria-hidden=true],
.openopps-search-filter-nav[aria-hidden=true] {
  display: none; }

.openopps-search-tab-bar__filters-expanded {
  width: 100% ; }

.openopps-search-tab-bar__filters-expanded[aria-expanded=true] {
  display: inline-block; }

.openopps-search-tab-bar__filters-expanded[aria-expanded=false] .openopps-search-filter-nav {
  display: none; }

.openopps-search-tab-bar__filter-controls .usa-button.usa-button-outline,
.openopps-search-tab-bar__filter-controls .usa-button {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 100%; }

@media screen and (min-width: 48em) {
  .usajobs-search-filters {
    margin-top: 1.5rem;
    background-color: inherit; } }

@media screen and (min-width: 62em) {
  .usajobs-search-filters {
    margin-bottom: 0; } }

@media screen and (max-width: 61.999em) {
  .usajobs-search-filters {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 900;
    height: 100%;
    visibility: hidden;
    background-color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0); }
  .usajobs-search-filters__container h3 {
    display: none; }
  .usajobs-search-filters__container .usajobs-opop-section__help {
    margin: -1.5rem -1.5rem 0; } }

.usajobs-search-filters__container {
  position: relative; }
  .usajobs-search-filters__container .grade-max-min-group input::-webkit-outer-spin-button,
  .usajobs-search-filters__container .grade-max-min-group input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */ }

@media screen and (min-width: 62em) {
  .usajobs-search-filters__container {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0); }
  .usajobs-search-filters__container[aria-hidden=true] {
    -webkit-transform: translate3d(0, 0.7rem, 0);
    -moz-transform: translate3d(0, 0.7rem, 0);
    -ms-transform: translate3d(0, 0.7rem, 0);
    -o-transform: translate3d(0, 0.7rem, 0);
    transform: translate3d(0, 0.7rem, 0); } }

.usajobs-search-filters__section-title, .usajobs-search-filters__section-sub-title {
  padding: 0 1.5rem; }

@media screen and (min-width: 62em) {
  .usajobs-search-filters__section-title, .usajobs-search-filters__section-sub-title {
    display: none; } }

.openopps-search-filter-nav::after {
  clear: both;
  content: "";
  display: block; }

.openopps-search-filter-nav__back:visited, .openopps-search-filter-nav__back:active,
.openopps-search-filter-nav__back:hover, .openopps-search-filter-nav__header-back:visited,
.openopps-search-filter-nav__header-back:active, .openopps-search-filter-nav__header-back:hover,
.usajobs-search-save-nav__header-back:visited,
.usajobs-search-save-nav__header-back:active, .usajobs-search-save-nav__header-back:hover {
  color: #ffffff;
  text-decoration: none; }

.openopps-search-filter-nav__back {
  float: right; }

.openopps-search-filter-nav__back, .openopps-search-filter-nav__header-back,
.usajobs-search-save-nav__header-back {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none; }

.fa.fa-w-12 {
  width: .75em; }

.fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em; }

.openopps-search-filter-nav__results {
  font-weight: normal; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.usajobs-alert {
  position: relative;
  margin: 2rem 0;
  padding: 0;
  border: 1px solid;
  border-left-width: 1rem;
  padding: 1.5rem 1.5rem 1rem 1rem;
  -webkit-animation: fadeIn 0.8s;
  -moz-animation: fadeIn 0.8s;
  animation: fadeIn 0.8s; }
  .usajobs-alert__icon {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    height: 5.2rem;
    width: 5.2rem; }
  .usajobs-alert__body {
    min-height: rem(77px);
    padding-left: 0.5rem; }
    .usajobs-alert__body[aria-hidden=true] {
      display: none; }
  .usajobs-alert__text {
    margin: 0; }
  .usajobs-alert__footer {
    margin-top: 1rem;
    text-align: right; }
    .usajobs-alert__footer a.usa-button-primary[href^="mailto:"], .usajobs-alert__footer a#email {
      color: #ffffff; }
  .usajobs-alert__close {
    position: absolute;
    top: -1rem;
    right: -1rem;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: #ffffff;
    background-color: inherit;
    box-shadow: 0 0 0 2px none inset;
    background-color: #aeb0b5;
    text-decoration: none;
    border-width: 0px; }
    .usajobs-alert__close:after {
      position: relative;
      display: inline-block;
      width: rem(12px);
      height: rem(12px);
      background-size: 12px 12px;
      margin-left: rem(1px);
      content: url("../img/icons/close/times.svg");
      color: #ffffff; }
    .usajobs-alert__close:hover {
      background-color: #323a45; }
  .usajobs-alert .usa-alert-text {
    max-width: inherit; }

.usa-alert-text:only-child {
  margin: 0;
  padding: 0; }

.no-flexbox .usajobs-alert {
  display: table; }
  .no-flexbox .usajobs-alert::after {
    clear: both;
    content: "";
    display: block; }
  .no-flexbox .usajobs-alert[aria-hidden=true] {
    display: none; }
  .no-flexbox .usajobs-alert__figure, .no-flexbox .usajobs-alert__body {
    display: table-cell; }
  .no-flexbox .usajobs-alert__body {
    width: -webkit-calc(100% -  rem(40px)1rem2rem);
    width: calc(100% -  rem(40px)1rem2rem); }
  .no-flexbox .usajobs-alert__body .lt-ie9 .no-flexbox .usajobs-alert {
    width: 75%; }

.flexbox .usajobs-alert {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  box-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start; }
  .flexbox .usajobs-alert[aria-hidden=true] {
    display: none; }
  .flexbox .usajobs-alert__figure {
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
    -ms-flex-negative: 0; }
  .flexbox .usajobs-alert__body {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0; }

.usajobs-alert--success {
  background-color: #e7f4e4;
  border-color: #2d8700; }
  .usajobs-alert--success::before {
    background-color: #e7f4e4; }
  .usajobs-alert--success .usajobs-alert__body {
    background-color: #e7f4e4; }
  .usajobs-alert--success .usajobs-alert__icon {
    background-image: url("../img/alerts/success.svg");
    background-color: #e7f4e4; }

.usajobs-alert--info {
  background-color: #e1f3f8;
  border-color: #02bfe7; }
  .usajobs-alert--info::before {
    background-color: #e1f3f8; }
  .usajobs-alert--info .usajobs-alert__body {
    background-color: #e1f3f8; }
  .usajobs-alert--info .usajobs-alert__icon {
    background-image: url("../img/alerts/info.svg");
    background-color: #e1f3f8; }

.usajobs-alert--warning {
  background-color: #fff1d2;
  border-color: #fdb81e; }
  .usajobs-alert--warning::before {
    background-color: #fff1d2; }
  .usajobs-alert--warning .usajobs-alert__body {
    background-color: #fff1d2; }
  .usajobs-alert--warning .usajobs-alert__icon {
    background-image: url("../img/alerts/warning.svg");
    background-color: #fff1d2; }

.usajobs-alert--covid19 {
  background-color: #fdb81e;
  border-color: #fdb81e; }
  .usajobs-alert--covid19::before {
    background-color: #fdb81e; }
  .usajobs-alert--covid19 .usajobs-alert__body {
    background-color: #fdb81e; }
  .usajobs-alert--covid19 .usajobs-alert__icon {
    background-image: url("../img/alerts/info.svg");
    background-color: #fdb81e; }

.usa-alert.openopps-system-alert {
  margin-top: 0;
  margin-bottom: 0.5rem;
  background-color: #FAF3D1;
  border: none; }
  .usa-alert.openopps-system-alert .usajobs-alert__body {
    min-height: 0; }
  .usa-alert.openopps-system-alert .usa-alert__body {
    padding-left: 1rem;
    padding-right: 1rem; }
    @media all and (min-width: 64em) {
      .usa-alert.openopps-system-alert .usa-alert__body {
        padding-left: 0;
        padding-right: 0; } }
  .usa-alert.openopps-system-alert:last-child {
    margin-bottom: 0; }

.usajobs-alert--error {
  background-color: #f9dede;
  border-color: #cd2026; }
  .usajobs-alert--error::before {
    background-color: #f9dede; }
  .usajobs-alert--error .usajobs-alert__body {
    background-color: #f9dede; }
  .usajobs-alert--error .usajobs-alert__icon {
    background-image: url("../img/alerts/error.svg");
    background-color: #f9dede; }

.usajobs-alert--tip {
  background-color: #e1f3f8;
  border-color: #00a6d2; }
  .usajobs-alert--tip::before {
    background-color: #e1f3f8; }
  .usajobs-alert--tip .usajobs-alert__body {
    background-color: #e1f3f8; }
  .usajobs-alert--tip .usajobs-alert__icon {
    background-image: url("../img/alerts/lightbulb.svg");
    background-color: #e1f3f8; }
  .usajobs-alert--tip .usajobs-alert__icon {
    background-size: 75%; }
  .usajobs-alert--tip .usajobs-alert__count {
    margin: 0;
    font-size: 0.875rem; }
  .usajobs-alert--tip .usa-button-primary {
    color: #ffffff; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.profile-photo .initials-color-1 {
  background: #dce4ef; }
  .profile-photo .initials-color-1 div {
    color: #205493; }

.profile-photo .initials-color-2 {
  background: #fff1d2; }
  .profile-photo .initials-color-2 div {
    color: #5b616b; }

.profile-photo .initials-color-3 {
  background: #f9dede; }
  .profile-photo .initials-color-3 div {
    color: #981b1e; }

.profile-photo .initials-color-4 {
  background: #e1f3f8; }
  .profile-photo .initials-color-4 div {
    color: #046b99; }

.profile-photo .initials-color-5 {
  background: #e7f4e4; }
  .profile-photo .initials-color-5 div {
    color: #5b616b; }

.people-search-result__figure.initials-color-1 {
  background: #dce4ef; }
  .people-search-result__figure.initials-color-1 .people-search-result__initials {
    color: #205493; }

.people-search-result__figure.initials-color-2 {
  background: #fff1d2; }
  .people-search-result__figure.initials-color-2 .people-search-result__initials {
    color: #5b616b; }

.people-search-result__figure.initials-color-3 {
  background: #f9dede; }
  .people-search-result__figure.initials-color-3 .people-search-result__initials {
    color: #981b1e; }

.people-search-result__figure.initials-color-4 {
  background: #e1f3f8; }
  .people-search-result__figure.initials-color-4 .people-search-result__initials {
    color: #046b99; }

.people-search-result__figure.initials-color-5 {
  background: #e7f4e4; }
  .people-search-result__figure.initials-color-5 .people-search-result__initials {
    color: #5b616b; }

.markdown-edit .btn-toolbar::after {
  clear: both;
  content: "";
  display: block; }

.markdown-edit .btn-group {
  margin-right: 0.2rem;
  display: inline-block; }

.markdown-edit button {
  margin-right: 0;
  background-color: #dfdfdf;
  color: #505050;
  font-size: 0.75rem;
  padding: 0.75rem 0.75rem;
  float: left;
  border-radius: 0;
  width: auto;
  border: none; }
  .markdown-edit button:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .markdown-edit button:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  .markdown-edit button:hover {
    margin-right: 0;
    background-color: #505050;
    color: #dfdfdf; }
  .markdown-edit button.btn-preview {
    margin-right: 0;
    background-color: #dd361a;
    color: #fff; }

.markdown-edit textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0.1rem solid #5b616b;
  border-radius: 0;
  box-sizing: border-box;
  color: #212121;
  display: block;
  font-size: 1rem;
  line-height: 1.3;
  margin: 0.2em 0;
  max-width: 46rem;
  padding: 1rem 0.7em;
  width: 100%; }

.openopps-profile__name-mobile {
  display: inline-block; }

.openopps-profile__name-desktop {
  display: none; }

@media all and (min-width: 40em) {
  .openopps-profile__name-mobile {
    display: none; }
  .openopps-profile__name-desktop {
    display: inline-block; } }

.profile-edit-badges {
  display: none; }
  @media all and (min-width: 64em) {
    .profile-edit-badges {
      display: block ; } }

.profile-skills-label {
  font-weight: 700 ; }

.profile-badge {
  height: 9rem; }
  .profile-badge p {
    margin-top: 0; }
  .profile-badge .remove-badge {
    cursor: pointer; }

/*****************
= Admin Dashboard
******************/
label[for=creator-survey-url], label[for=first-line-office] {
  margin-top: 0; }

.project-people__remove:after {
  margin-top: 0;
  content: url(../img/icons/close/times.svg);
  position: relative;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-size: 12px 12px;
  content: url(../img/icons/close/times.svg);
  color: #fff; }

.admin-display-checkbox .usa-checkbox__label {
  padding-left: 0; }
  .admin-display-checkbox .usa-checkbox__label::before {
    content: " ";
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.064rem;
    position: relative; }

.enable-internships {
  margin-top: 2rem;
  position: relative; }
  .enable-internships .enable-internships__toggle {
    color: #000;
    text-decoration: none;
    display: flex;
    padding: 1rem; }
    .enable-internships .enable-internships__toggle .enable-internships__toggle-container {
      position: relative;
      width: 86px;
      cursor: pointer; }
      .enable-internships .enable-internships__toggle .enable-internships__toggle-container::after {
        display: inline-block;
        height: 2.4rem;
        width: 27.4375px;
        content: url(../img/toggle-on.svg);
        position: absolute;
        right: 2.8rem; }
      .enable-internships .enable-internships__toggle .enable-internships__toggle-container .enable-internships__toggle-labelon {
        float: right;
        font-weight: 600; }
    .enable-internships .enable-internships__toggle .toggle-off:after {
      content: url(../img/toggle-off.svg); }
    .enable-internships .enable-internships__toggle .toggle-off .enable-internships__toggle-labeloff {
      font-weight: 600; }
    .enable-internships .enable-internships__toggle .toggle-off .enable-internships__toggle-labelon {
      font-weight: normal; }

.label-brief {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem; }

#community-header {
  margin-bottom: 2rem; }
  #community-header .community-header-link {
    vertical-align: middle; }
    #community-header .community-header-link:visited {
      color: #0071bc; }

.capitalize-target {
  text-transform: capitalize; }

#form-community-cycles label {
  margin-top: 0; }

.new-cycle {
  margin-left: 1.5rem; }

.color-button {
  padding: 0 0.5em; }

.display-color-group {
  max-width: 46rem;
  margin-left: 0; }

#community-preview .search__box-search {
  position: relative; }
  #community-preview .search__box-search .community-logo-preview {
    width: 11rem;
    height: 11rem; }
  @media screen and (min-width: 37.5em) {
    #community-preview .search__box-search h1, #community-preview .search__box-search h3, #community-preview .search__box-search p.description, #community-preview .search__box-search div.description {
      width: calc(100% - 13.5rem); }
    #community-preview .search__box-search .community-logo-preview {
      position: absolute;
      top: 0;
      right: 0; } }

#profile-page-banner-background {
  position: relative;
  margin-top: 1rem;
  min-height: 7.25rem; }

#profile-page-banner-background.default-background {
  background: #205493 url(/img/graphic_search.svg) no-repeat 101.5% 10%/auto 113%; }

#profile-page-banner .profile-page-banner-image {
  width: 100%;
  max-height: 7.25rem; }

#profile-page-banner .community-logo-overlay {
  height: 62.5%;
  position: absolute;
  top: 49%;
  -ms-transform: translateY(-49%);
  transform: translateY(-49%);
  left: 7.5%; }

.markdown-edit textarea.usa-input--error {
  border-width: 0.25rem;
  border-color: #b50909; }

.grid-row.grid-gap .usa-form-group--error {
  margin-left: 0.5rem; }
  @media all and (min-width: 64em) {
    .grid-row.grid-gap .usa-form-group--error {
      margin-left: -0.15rem; } }

.select2-container.usa-input--error {
  border-width: 0.25rem;
  border-color: #b50909; }

#discussion-banner-background {
  position: relative;
  margin-top: 1rem;
  min-height: 7.25rem; }

#discussion-banner-background.default-background {
  background: #205493 url(/img/graphic_search.svg) no-repeat 101.5% 10%/auto 113%; }

#discussion-banner .community-logo-overlay {
  position: absolute;
  height: 45%;
  max-height: 10rem;
  top: 9%;
  right: 2%; }

#process-title-banners {
  background-color: #162e51 ; }

.openopps-striped-applicant tbody tr:nth-child(even) td {
  background-color: #F9F9F9;
  color: #1b1b1b; }

.usa-step-indicator {
  padding: 2rem 0;
  margin-bottom: 0; }
  .usa-step-indicator__segment.is-disabled {
    pointer-events: none;
    cursor: default; }

.usajobs-process_flow-banner {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  background-color: #112e51; }
  .usajobs-process_flow-banner-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 86rem; }
    @media screen and (min-width: 48em) {
      .usajobs-process_flow-banner-container {
        display: block; } }
    .usajobs-process_flow-banner-container::after {
      clear: both;
      content: "";
      display: table; }
  .usajobs-process_flow-banner .usajobs-progress_indicator {
    background-color: #112e51; }
    @media screen and (min-width: 62em) {
      .usajobs-process_flow-banner .usajobs-progress_indicator {
        display: block;
        width: 100%;
        padding: 0 2rem; } }
    .usajobs-process_flow-banner .usajobs-progress_indicator__body {
      padding: 0 0.5rem;
      display: flex; }
      @media screen and (min-width: 375px) {
        .usajobs-process_flow-banner .usajobs-progress_indicator__body {
          padding: 0 0.75rem; } }
      @media screen and (min-width: 550px) {
        .usajobs-process_flow-banner .usajobs-progress_indicator__body {
          padding: 0 1rem; } }
      @media screen and (min-width: 62em) {
        .usajobs-process_flow-banner .usajobs-progress_indicator__body {
          padding: 0; } }
      .usajobs-process_flow-banner .usajobs-progress_indicator__body.no-steps {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem; }
    .usajobs-process_flow-banner .usajobs-progress_indicator__step {
      width: 20%;
      height: 100%;
      padding: 1rem 0 0.5rem 0;
      text-decoration: none; }
      @media screen and (min-width: 48em) {
        .usajobs-process_flow-banner .usajobs-progress_indicator__step {
          position: relative; } }
      @media screen and (min-width: 62em) {
        .usajobs-process_flow-banner .usajobs-progress_indicator__step {
          padding: 0.75rem 1rem; }
          .usajobs-process_flow-banner .usajobs-progress_indicator__step:not(:last-child)::after {
            content: "";
            position: absolute;
            top: 3.9rem;
            right: -2.5rem;
            border-bottom: 1px solid #aeb0b5;
            width: 5rem; } }
      .usajobs-process_flow-banner .usajobs-progress_indicator__step.is-disabled {
        pointer-events: none;
        cursor: default; }
      .usajobs-process_flow-banner .usajobs-progress_indicator__step.has-visit .circle {
        color: #ffffff;
        background-color: #2e8540;
        box-shadow: none; }
      .usajobs-process_flow-banner .usajobs-progress_indicator__step.is-current .circle {
        color: #ffffff;
        box-shadow: inset 0 0 0 2px #2e8540; }
      .usajobs-process_flow-banner .usajobs-progress_indicator__step.is-current .usajobs-progress_indicator__step-desc h5 {
        color: #ffffff;
        font-weight: 700; }
      .usajobs-process_flow-banner .usajobs-progress_indicator__step.hidden {
        display: none; }
    .usajobs-process_flow-banner .usajobs-progress_indicator__step-desc {
      display: block; }
      .usajobs-process_flow-banner .usajobs-progress_indicator__step-desc h5 {
        margin-top: 0.5rem;
        margin-bottom: 0.75rem;
        text-align: center;
        font-weight: 400;
        color: #ffffff;
        display: block; }
      .usajobs-process_flow-banner .usajobs-progress_indicator__step-desc .long-desc {
        display: block;
        font-size: 1rem; }
        @media screen and (max-width: 61.999em) {
          .usajobs-process_flow-banner .usajobs-progress_indicator__step-desc .long-desc {
            display: none; } }
      .usajobs-process_flow-banner .usajobs-progress_indicator__step-desc .short-desc {
        font-size: 1rem; }
        @media screen and (min-width: 375px) {
          .usajobs-process_flow-banner .usajobs-progress_indicator__step-desc .short-desc {
            font-size: 0.75rem; } }
        @media screen and (min-width: 450px) {
          .usajobs-process_flow-banner .usajobs-progress_indicator__step-desc .short-desc {
            font-size: 0.875rem; } }
        @media screen and (min-width: 550px) {
          .usajobs-process_flow-banner .usajobs-progress_indicator__step-desc .short-desc {
            font-size: 1rem; } }
        @media screen and (min-width: 62em) {
          .usajobs-process_flow-banner .usajobs-progress_indicator__step-desc .short-desc {
            display: none; } }
    .usajobs-process_flow-banner .usajobs-progress_indicator__number {
      text-align: center; }
      @media screen and (min-width: 48em) {
        .usajobs-process_flow-banner .usajobs-progress_indicator__number {
          display: block;
          font-weight: 700; } }
      @media screen and (min-width: 62em) {
        .usajobs-process_flow-banner .usajobs-progress_indicator__number {
          height: 50%;
          width: 100%; } }
    .usajobs-process_flow-banner .usajobs-progress_indicator .circle {
      display: inline-block;
      width: 3.5rem;
      height: 3.5rem;
      line-height: 3.5rem;
      border-radius: 50%;
      color: #aeb0b5;
      background: none;
      box-shadow: inset 0 0 0 2px #aeb0b5;
      margin: 0.5rem auto 0.25rem;
      text-align: center; }
      @media screen and (min-width: 62em) {
        .usajobs-process_flow-banner .usajobs-progress_indicator .circle {
          display: block;
          width: 2.5rem;
          height: 2.5rem;
          line-height: 2.5rem;
          font-size: 1.2rem;
          text-decoration: none;
          margin-bottom: 0.5rem; } }
  .usajobs-process_flow-banner::after {
    clear: both;
    content: "";
    display: table; }

.usajobs-internship_title-banner {
  max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  background-color: #f9c642; }
  .usajobs-internship_title-banner-container {
    margin-left: auto;
    margin-right: auto;
    padding: 0.5rem 1rem;
    max-width: 90rem;
    font-size: 2.75rem;
    color: #212121;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    @media screen and (min-width: 48em) {
      .usajobs-internship_title-banner-container {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem; } }
    .usajobs-internship_title-banner-container span.logo {
      height: 1.5rem;
      width: 1.5rem;
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; }
      .usajobs-internship_title-banner-container span.logo.dos {
        background-image: url(../../../img/logo/png/dos-student-internship-program-logo.png); }
    .usajobs-internship_title-banner-container span {
      color: #212121;
      margin: 0;
      text-align: left;
      font-weight: bold;
      margin-left: 1rem; }
    .usajobs-internship_title-banner-container:not(.summary) {
      font-size: 1.2rem; }
      @media screen and (min-width: 48em) {
        .usajobs-internship_title-banner-container:not(.summary) {
          padding-top: 0.5rem;
          padding-bottom: 0.5rem; } }
      @media screen and (min-width: 62em) {
        .usajobs-internship_title-banner-container:not(.summary) svg {
          margin-top: 0;
          height: 1.3em !important;
          width: 1.3em !important; } }
      .usajobs-internship_title-banner-container:not(.summary) span {
        margin-left: 0.5rem; }
    .usajobs-internship_title-banner-container::after {
      clear: both;
      content: "";
      display: table; }
  .usajobs-internship_title-banner::after {
    clear: both;
    content: "";
    display: table; }

.usajobs-open-opps-opportunity-progress__container {
  display: flex; }
  .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__step {
    text-align: center;
    width: 9rem;
    margin-bottom: 1rem;
    flex-grow: 1;
    flex-shrink: 1; }
    .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__step .progress-label {
      line-height: 1;
      margin: 0.75rem auto 0 auto;
      max-width: 9rem; }
  .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__assigned {
    background-color: #d6d7d9;
    -webkit-font-smoothing: antialiased;
    margin: 1rem 0 0 0;
    padding: 0;
    display: inline-block;
    width: 6.5rem;
    height: 6.5rem;
    line-height: 6.5rem;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    text-align: center; }
    .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__assigned.has-step {
      background-color: #2e8540; }
    .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__assigned .progress-icon {
      display: inline-flex;
      text-align: center;
      margin-top: 0.6rem;
      margin-left: 0.4rem; }
      .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__assigned .progress-icon svg {
        width: 4.5rem;
        height: 4.5rem; }
  .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__in-progress {
    background-color: #d6d7d9;
    -webkit-font-smoothing: antialiased;
    margin: 1rem 0 0 0;
    padding: 0;
    display: inline-block;
    width: 6.5rem;
    height: 6.5rem;
    line-height: 6.5rem;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    text-align: center; }
    .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__in-progress.has-step {
      background-color: #f9c642; }
    .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__in-progress .progress-icon {
      display: inline-flex;
      text-align: center;
      margin-top: 1.5rem;
      margin-left: 0; }
      .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__in-progress .progress-icon svg {
        width: 3.5rem;
        height: 3.5rem; }
  .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__completed {
    background-color: #d6d7d9;
    -webkit-font-smoothing: antialiased;
    margin: 1rem 0 0 0;
    padding: 0;
    display: inline-block;
    width: 6.5rem;
    height: 6.5rem;
    line-height: 6.5rem;
    border-radius: 50%;
    color: #fff;
    text-decoration: none;
    text-align: center; }
    .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__completed.has-step {
      background-color: #02bfe7; }
    .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__completed .progress-icon {
      display: inline-flex;
      text-align: center;
      margin-top: 1.5rem;
      margin-left: 0; }
      .usajobs-open-opps-opportunity-progress__container .usajobs-open-opps-opportunity-progress__completed .progress-icon svg {
        width: 3.5rem;
        height: 3.5rem; }
  .usajobs-open-opps-opportunity-progress__container .progress-spacer {
    height: 0.3rem;
    width: 7.2rem;
    background-color: #d6d7d9;
    content: ' ';
    margin-bottom: 3rem;
    flex-grow: 8;
    flex-shrink: 8;
    align-self: center; }

.usajobs-landing-fed-app-process__list {
  display: block;
  margin: 2.5rem 0 0 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  overflow: hidden; }
  .usajobs-landing-fed-app-process__list > li {
    display: list-item;
    margin: 0; }
    .usajobs-landing-fed-app-process__list > li::before, .usajobs-landing-fed-app-process__list > li::after {
      display: none; }
  .usajobs-landing-fed-app-process__list .usajobs-landing-fed-app-process__item {
    display: block; }
  .usajobs-landing-fed-app-process__list .usajobs-landing-fed-app-process__step-number {
    padding-top: 0.1rem;
    text-align: center;
    display: inline-block;
    width: 2.975rem;
    height: 2.975rem;
    line-height: 2.975rem;
    border-radius: 50%;
    color: #fff;
    background-color: inherit;
    box-shadow: inset 0 0 0 2px #2e8540;
    color: #2e8540;
    background-color: #ffffff; }
  .usajobs-landing-fed-app-process__list .usajobs-landing-fed-app-process__step-title {
    margin-top: 0;
    padding: 0 1.5rem;
    color: #212121;
    font-weight: bold; }
  .usajobs-landing-fed-app-process__list .usajobs-landing-fed-app-process__text {
    max-width: 62rem;
    margin: 0;
    padding: 0 0 3rem 4.5rem;
    color: #212121; }

.no-flexbox .usajobs-landing-fed-app-process__figure {
  display: table; }
  .no-flexbox .usajobs-landing-fed-app-process__figure::after {
    clear: both;
    content: "";
    display: table; }

.no-flexbox .usajobs-landing-fed-app-process__step-number, .no-flexbox .usajobs-landing-fed-app-process__step-title {
  display: table-cell; }

.no-flexbox .usajobs-landing-fed-app-process__step-title {
  width: -webkit-calc(100% - 4.475rem);
  width: calc(100% - 4.475rem); }

.lt-ie9 .no-flexbox .usajobs-landing-fed-app-process__step-title {
  width: 75%; }

.flexbox .usajobs-landing-fed-app-process__figure {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  box-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center; }

.flexbox .usajobs-landing-fed-app-process__step-number {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  flex-shrink: 0;
  -ms-flex-negative: 0; }

.flexbox .usajobs-landing-fed-app-process__step-title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 0; }

.internship h2 {
  color: #112e51;
  margin-bottom: 0; }

.internship .usa-form-xl {
  max-width: inherit; }

.internship .usajobs-form__label-header {
  margin-top: 2rem; }

.internship a.question, .internship a.question:visited {
  color: #0071bc;
  text-decoration: underline; }

@media screen and (min-width: 48em) {
  .internship .usajobs-alert {
    margin-bottom: 0; } }

.internship .usajobs-open-opps-opportunity.usajobs-open-opps-profile {
  padding: 1rem 1rem 0 1rem; }
  @media screen and (min-width: 48em) {
    .internship .usajobs-open-opps-opportunity.usajobs-open-opps-profile {
      padding: 1rem 2rem 2rem 2rem; } }
  .internship .usajobs-open-opps-opportunity.usajobs-open-opps-profile.confirmation {
    padding: 1rem; }
  .internship .usajobs-open-opps-opportunity.usajobs-open-opps-profile a.question, .internship .usajobs-open-opps-opportunity.usajobs-open-opps-profile a.question:visited {
    color: #0071bc;
    text-decoration: underline; }
  @media screen and (min-width: 48em) {
    .internship .usajobs-open-opps-opportunity.usajobs-open-opps-profile .usajobs-alert {
      margin-bottom: 2rem; } }

.internship .usajobs-open-opps-opportunity.saved-internship-opportunities {
  padding: 1rem 0.75rem;
  background-color: #d6d7d9; }
  @media screen and (max-width: 37.499em) {
    .internship .usajobs-open-opps-opportunity.saved-internship-opportunities {
      padding: 1rem; } }

.internship.opportunity-gutter .usajobs-button_bar--slim .usajobs-button_bar__body {
  border-bottom: 0; }

.internship .usa-fieldset-inputs label {
  max-width: inherit; }

.internship .usajobs-button_bar--slim, .internship .usajobs-button-bar--slim {
  border-top: 0; }

.internship .read-less {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }
  .internship .read-less::before {
    content: '';
    width: 100%;
    height: 9rem;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    text-overflow: ellipsis;
    transition: height .5s; }

.internship .read-applicant-statement-less {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical; }
  .internship .read-applicant-statement-less::before {
    content: '';
    width: 100%;
    height: 9rem;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    text-overflow: ellipsis;
    transition: height .5s; }

.internship .read-more {
  text-decoration: underline;
  display: block;
  width: 100%; }
  .internship .read-more:visited {
    color: #0071bc; }

.internship .usajobs-joa-prev-next__body {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 0.875rem;
  max-width: 160rem;
  margin-left: auto;
  margin-right: auto; }

.internship .usajobs-joa-prev-next__prev {
  display: block;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-decoration: none;
  padding: 1.5rem 0 0.5rem 1.5rem; }
  @media screen and (min-width: 48em) {
    .internship .usajobs-joa-prev-next__prev {
      padding-left: 0; } }
  .internship .usajobs-joa-prev-next__prev:visited {
    color: #0071bc;
    text-decoration: none; }

.internship .program-title-body-container {
  margin-left: 4.5rem; }

.internship .program-choice {
  margin-top: 2rem; }

.internship .program-empty {
  display: block;
  padding: 5rem 4rem;
  border: 2px dashed #aeb0b5;
  text-align: center; }
  @media screen and (min-width: 37.5em) {
    .internship .program-empty {
      margin: 1rem 0; } }
  .internship .program-empty h3 {
    color: #0071bc; }

.internship .usajobs-card--large {
  margin: 1rem -1.5rem; }
  @media screen and (min-width: 37.5em) {
    .internship .usajobs-card--large {
      margin: 1rem 0; } }
  @media screen and (min-width: 62em) {
    .internship .usajobs-card--large {
      padding: 1rem 2rem; } }
  .internship .usajobs-card--large.review-application {
    margin: 0;
    box-shadow: none;
    border-bottom: 0.1rem solid #aeb0b5; }
    .internship .usajobs-card--large.review-application:first-child {
      border-top: 0.1rem solid #aeb0b5; }
    .internship .usajobs-card--large.review-application h4 {
      margin-top: 0; }
  .internship .usajobs-card--large .sorting-container {
    display: block; }
    .internship .usajobs-card--large .sorting-container .sorting-arrows {
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      .internship .usajobs-card--large .sorting-container .sorting-arrows .sorting-arrow {
        cursor: pointer;
        margin: 1rem 0; }
    .internship .usajobs-card--large .sorting-container svg.svg-inline--fa {
      display: block;
      height: 2.5rem;
      width: 1.7rem; }
  .internship .usajobs-card--large .usajobs-card__title {
    width: 75%;
    display: inline-block; }
    @media screen and (min-width: 37.5em) {
      .internship .usajobs-card--large .usajobs-card__title {
        width: 90%; } }
  .internship .usajobs-card--large .program-delete {
    font-size: 0.875rem;
    font-weight: normal;
    float: right;
    color: #e31c3d; }
    .internship .usajobs-card--large .program-delete span {
      margin-left: 0.5rem;
      text-decoration: underline; }
  .internship .usajobs-card--large .usajobs-card__body p:last-child {
    margin: 0; }
  .internship .usajobs-card--large .program-label {
    margin-top: 0.75rem;
    margin-bottom: 0;
    font-size: 1.0rem;
    font-weight: normal;
    color: #5b616b; }

.internship .saved-internships-list {
  overflow-y: scroll;
  height: 33rem;
  padding-right: 0.75rem;
  margin-bottom: 1rem; }
  @media screen and (max-width: 37.499em) {
    .internship .saved-internships-list {
      padding-right: 0; } }
  .internship .saved-internships-list .program-select {
    font-size: 0.875rem;
    font-weight: normal;
    float: right;
    color: #0071bc;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1rem 0.75rem 1rem; }
    .internship .saved-internships-list .program-select span {
      margin-left: 0.5rem;
      text-decoration: underline;
      color: #0071bc; }
  .internship .saved-internships-list .selected {
    font-size: 0.875rem;
    font-weight: normal;
    float: right;
    color: #2e8540;
    position: absolute;
    top: 0.75rem;
    right: 1rem; }
    .internship .saved-internships-list .selected span {
      margin-left: 0.5rem;
      text-decoration: none; }
  @media screen and (max-width: 37.499em) {
    .internship .saved-internships-list .usajobs-card--large {
      margin-left: 0;
      margin-right: 0; } }
  @media screen and (min-width: 62em) {
    .internship .saved-internships-list .usajobs-card--large {
      padding: 1rem 0.75rem; } }
  .internship .saved-internships-list .usajobs-card--large:first-child {
    margin-top: 0.5rem; }
  .internship .saved-internships-list .usajobs-card--large:last-child {
    margin-bottom: 0.5rem; }
  .internship .saved-internships-list .usajobs-card--large a, .internship .saved-internships-list .usajobs-card--large a:visited {
    color: #212121; }
  .internship .saved-internships-list .usajobs-card--large .usajobs-card__title {
    font-size: 1.9rem;
    width: 68%;
    display: inline-block; }
    @media screen and (min-width: 85.375em) {
      .internship .saved-internships-list .usajobs-card--large .usajobs-card__title {
        width: 80%; } }
  .internship .saved-internships-list .usajobs-card--large .program-label {
    margin-top: 0.75rem; }

.internship .usajobs-profile__date-present {
  margin-top: 1rem; }

.internship .select2-container {
  display: block; }

.internship .usajobs-fieldset--horizontal .gpa {
  clear: none;
  display: block;
  float: left;
  margin-right: 1.5rem;
  width: 9rem; }
  .internship .usajobs-fieldset--horizontal .gpa:not(:first-child) {
    width: 12rem; }
  .internship .usajobs-fieldset--horizontal .gpa.usa-input-error input {
    width: 100%; }

.internship .usajobs-fieldset--horizontal .usa-input-error.exp-start-date, .internship .usajobs-fieldset--horizontal .usa-input-error.exp-end-date, .internship .usajobs-fieldset--horizontal .usa-input-error.completionYear {
  clear: none;
  display: block;
  float: left;
  margin-right: 0;
  width: 9rem; }
  .internship .usajobs-fieldset--horizontal .usa-input-error.exp-start-date:not(:first-child), .internship .usajobs-fieldset--horizontal .usa-input-error.exp-end-date:not(:first-child), .internship .usajobs-fieldset--horizontal .usa-input-error.completionYear:not(:first-child) {
    margin-left: 1rem; }
  .internship .usajobs-fieldset--horizontal .usa-input-error.exp-start-date input, .internship .usajobs-fieldset--horizontal .usa-input-error.exp-end-date input, .internship .usajobs-fieldset--horizontal .usa-input-error.completionYear input {
    width: 100%; }

.internship .usajobs-section-header {
  margin-top: 7.5rem;
  margin-bottom: 1rem;
  padding: 0.5em 0;
  border-bottom: 1px solid #0071bc; }

.internship .usajobs-profile-home-section {
  position: relative;
  background-color: #ffffff;
  padding: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 0; }
  @media screen and (min-width: 37.5em) {
    .internship .usajobs-profile-home-section {
      margin: 1rem; } }
  @media screen and (min-width: 62em) {
    .internship .usajobs-profile-home-section {
      padding: 0 0 2rem 0;
      margin: 1rem 0 0 0; }
      .internship .usajobs-profile-home-section:first-child {
        margin: 2rem 0 0 0; }
      .internship .usajobs-profile-home-section:only-child {
        padding-bottom: 0; } }
  .internship .usajobs-profile-home-section .add-record:visited, .internship .usajobs-profile-home-section .transcript-title:visited {
    color: #0071bc; }
  .internship .usajobs-profile-home-section__title {
    margin: 0;
    padding: 1rem 1rem 0; }
    @media screen and (min-width: 62em) {
      .internship .usajobs-profile-home-section__title {
        padding: 2rem 2rem 0; } }
  .internship .usajobs-profile-home-section__sub-section {
    margin-top: 2rem;
    color: #205493;
    border-color: #205493; }
    .internship .usajobs-profile-home-section__sub-section .usa-input-label-helper {
      display: block;
      font-size: 1rem;
      font-weight: normal;
      color: #5b616b; }
      @media screen and (min-width: 62em) {
        .internship .usajobs-profile-home-section__sub-section .usa-input-label-helper {
          display: inline-block; } }
  .internship .usajobs-profile-home-section__sub-edit {
    font-size: 1rem;
    font-weight: normal;
    float: right; }
    .internship .usajobs-profile-home-section__sub-edit:visited {
      color: #0071bc; }
  .internship .usajobs-profile-home-section__status_complete_with_banner {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    color: #5b616b;
    font-size: 1.4rem; }
    @media screen and (min-width: 48em) {
      .internship .usajobs-profile-home-section__status_complete_with_banner {
        font-size: 1.7rem; } }
    @media screen and (min-width: 62em) {
      .internship .usajobs-profile-home-section__status_complete_with_banner {
        top: 1rem;
        right: 2rem; } }
  .internship .usajobs-profile-home-section__status-icon {
    fill: #2e8540;
    vertical-align: middle; }
  .internship .usajobs-profile-home-section__body {
    padding: 0 1rem; }
    @media screen and (min-width: 62em) {
      .internship .usajobs-profile-home-section__body {
        padding: 0 2rem; } }
    .internship .usajobs-profile-home-section__body-has-drawers {
      padding: 1rem 0 0 0; }
      .internship .usajobs-profile-home-section__body-has-drawers.submitted-application a {
        text-decoration: none; }
        .internship .usajobs-profile-home-section__body-has-drawers.submitted-application a:visited {
          color: #0071bc; }
        .internship .usajobs-profile-home-section__body-has-drawers.submitted-application a h4, .internship .usajobs-profile-home-section__body-has-drawers.submitted-application a p {
          color: #000000; }
      .internship .usajobs-profile-home-section__body-has-drawers.submitted-application a:first-child .usajobs-card--large.review-application {
        border-top: 0.1rem solid #aeb0b5; }
      .internship .usajobs-profile-home-section__body-has-drawers.submitted-application a .usajobs-card--large.review-application {
        border-top: none; }
      .internship .usajobs-profile-home-section__body-has-drawers.submitted-application .application-status {
        margin-top: 1rem; }
        .internship .usajobs-profile-home-section__body-has-drawers.submitted-application .application-status .usajobs-form__help-brief {
          margin-bottom: 0; }
        @media screen and (min-width: 62em) {
          .internship .usajobs-profile-home-section__body-has-drawers.submitted-application .application-status {
            text-align: center;
            margin-top: initial; }
            .internship .usajobs-profile-home-section__body-has-drawers.submitted-application .application-status .usajobs-pill--opportunity-status, .internship .usajobs-profile-home-section__body-has-drawers.submitted-application .application-status .usajobs-pill--application-status {
              margin-left: auto;
              margin-right: auto;
              margin-top: 0.5rem; } }
    .internship .usajobs-profile-home-section__body .usa-accordion-bordered {
      margin-top: 1rem; }
    .internship .usajobs-profile-home-section__body p:last-child {
      margin-bottom: 1rem; }
  .internship .usajobs-profile-home-section__field-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-bottom: 1rem; }
    .internship .usajobs-profile-home-section__field-list > li {
      display: list-item;
      margin: 0; }
    .internship .usajobs-profile-home-section__field-list p {
      margin: 0; }
      .internship .usajobs-profile-home-section__field-list p svg {
        color: #2e8540; }
  .internship .usajobs-profile-home-section__field-label {
    margin-top: 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: normal;
    color: #5b616b; }
  .internship .usajobs-profile-home-section__footer {
    display: block;
    padding: 1rem;
    background-color: #0071bc;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    text-decoration: none; }

.internship .consent-to-share {
  background-color: #dce4ef;
  padding: 0.75rem 1rem 1rem 1rem;
  margin-bottom: 0; }
  @media screen and (min-width: 37.5em) {
    .internship .consent-to-share {
      margin: 1rem; } }
  @media screen and (min-width: 62em) {
    .internship .consent-to-share {
      margin: 1rem 0 0 0;
      padding: 0 2rem 1rem 2rem; } }
  .internship .consent-to-share #share-consent {
    margin-top: 0.75rem; }

.internship .usajobs-profile-question--spacer {
  margin-top: 2rem; }

.internship .order-options {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 1rem;
  top: 1rem; }
  @media screen and (min-width: 62em) {
    .internship .order-options {
      right: 2rem; } }

.internship .hidden-svg {
  width: 0;
  height: 0;
  position: absolute;
  top: -9999rem; }

.internship .usajobs-profile-help {
  max-width: 62em;
  background-color: #ffffff;
  padding: 1rem; }
  @media screen and (max-width: 47.999em) {
    .internship .usajobs-profile-help {
      border-top: 1px solid #aeb0b5; } }
  @media screen and (min-width: 48em) {
    .internship .usajobs-profile-help {
      position: relative;
      margin: 1rem 0;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } }
  @media screen and (min-width: 62em) {
    .internship .usajobs-profile-help {
      margin: 2rem 0; } }
  .internship .usajobs-profile-help--warning {
    padding: 1rem 0;
    border-top: 1px solid #d6d7d9;
    border-bottom: 1px solid #d6d7d9;
    background: #ffffff; }
    @media screen and (min-width: 48em) {
      .internship .usajobs-profile-help--warning {
        padding: 1rem; } }
    .internship .usajobs-profile-help--warning .usa-grid p {
      padding-left: 2rem; }
      @media screen and (min-width: 48em) {
        .internship .usajobs-profile-help--warning .usa-grid p {
          padding-left: 0; } }
  .internship .usajobs-profile-help__warning-icon {
    color: #fdb81e;
    position: absolute;
    margin-top: 0.75rem;
    margin-left: 1rem; }
    @media screen and (min-width: 48em) {
      .internship .usajobs-profile-help__warning-icon {
        margin-left: 0; } }
  .internship .usajobs-profile-help__title {
    color: #205493; }
  .internship .usajobs-profile-help-drawers {
    margin-left: -1rem;
    margin-right: -1rem; }

.internship .transcript-card-buttons {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .internship .transcript-card-buttons .transcript-card-button {
    position: relative;
    background-color: #ffffff;
    margin: 1.5rem 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
    @media screen and (min-width: 62em) {
      .internship .transcript-card-buttons .transcript-card-button {
        width: 46rem; } }
    .internship .transcript-card-buttons .transcript-card-button label {
      width: 100%;
      height: 100%;
      max-width: inherit;
      margin: 0;
      padding: 1.2rem;
      font-size: 1.9rem;
      position: relative; }
      .internship .transcript-card-buttons .transcript-card-button label::before {
        vertical-align: baseline;
        float: left;
        margin-top: 2.8rem;
        margin-right: 4rem;
        display: none; }
      .internship .transcript-card-buttons .transcript-card-button label .radio-button {
        text-align: center;
        margin-top: 1.7rem; }
        @media screen and (max-width: 61.999em) {
          .internship .transcript-card-buttons .transcript-card-button label .radio-button {
            width: 100%;
            margin-bottom: 1rem; } }
        @media screen and (min-width: 62em) {
          .internship .transcript-card-buttons .transcript-card-button label .radio-button {
            text-align: left; } }
        .internship .transcript-card-buttons .transcript-card-button label .radio-button::before {
          text-indent: 0.15em;
          content: ' ';
          display: inline-block;
          border-radius: 100%;
          box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #757575;
          height: 1.4rem;
          line-height: 1.4rem;
          width: 1.4rem; }
      .internship .transcript-card-buttons .transcript-card-button label .transcript-info {
        word-break: break-all;
        width: 100%;
        float: left;
        font-size: 1.7rem; }
        @media screen and (max-width: 37.499em) {
          .internship .transcript-card-buttons .transcript-card-button label .transcript-info {
            margin-bottom: 1rem;
            text-align: center; } }
        @media screen and (min-width: 37.5em) {
          .internship .transcript-card-buttons .transcript-card-button label .transcript-info {
            width: 52%; } }
        @media screen and (min-width: 62em) {
          .internship .transcript-card-buttons .transcript-card-button label .transcript-info {
            width: 68%;
            margin-top: 0.7rem; } }
      .internship .transcript-card-buttons .transcript-card-button label .transcript-card-button__sub-text {
        display: block;
        font-size: 1.4rem; }
    .internship .transcript-card-buttons .transcript-card-button .transcript-icon {
      width: 8rem;
      display: block;
      margin-left: auto;
      text-align: center;
      color: #aeb0b5; }
      @media screen and (max-width: 37.499em) {
        .internship .transcript-card-buttons .transcript-card-button .transcript-icon {
          margin-right: auto; } }
      @media screen and (min-width: 37.5em) {
        .internship .transcript-card-buttons .transcript-card-button .transcript-icon {
          right: 2rem; } }
      .internship .transcript-card-buttons .transcript-card-button .transcript-icon::before {
        display: inline-block;
        background-size: 3rem 4rem;
        height: 4rem;
        width: 3rem;
        content: url(../../img/icons/document/file-alt.svg);
        color: #aeb0b5;
        font-size: 4rem;
        vertical-align: middle;
        margin: 0 auto; }
      .internship .transcript-card-buttons .transcript-card-button .transcript-icon.doc::before, .internship .transcript-card-buttons .transcript-card-button .transcript-icon.docx::before, .internship .transcript-card-buttons .transcript-card-button .transcript-icon.rtf::before {
        display: inline-block;
        background-size: 3rem 4rem;
        height: 4rem;
        width: 3rem;
        content: url(../../img/icons/document/file-word.svg);
        color: #aeb0b5;
        font-size: 4rem;
        vertical-align: middle; }
      .internship .transcript-card-buttons .transcript-card-button .transcript-icon.pdf::before {
        display: inline-block;
        background-size: 3rem 4rem;
        height: 4rem;
        width: 3rem;
        content: url(../../img/icons/document/file-pdf.svg);
        color: #aeb0b5;
        font-size: 4rem;
        vertical-align: middle; }
      .internship .transcript-card-buttons .transcript-card-button .transcript-icon.jpg::before, .internship .transcript-card-buttons .transcript-card-button .transcript-icon.jpeg::before, .internship .transcript-card-buttons .transcript-card-button .transcript-icon.png::before, .internship .transcript-card-buttons .transcript-card-button .transcript-icon.gif::before {
        display: inline-block;
        background-size: 3rem 4rem;
        height: 4rem;
        width: 3rem;
        content: url(../../img/icons/document/file-image.svg);
        color: #aeb0b5;
        font-size: 4rem;
        vertical-align: middle; }
      .internship .transcript-card-buttons .transcript-card-button .transcript-icon h6 {
        margin-top: 0.7rem;
        margin-bottom: 0;
        line-height: 1; }
    .internship .transcript-card-buttons .transcript-card-button [type=radio]:checked + label {
      border: 1px inset #2e8540;
      background-color: #e7f4e4;
      margin: -2px 0; }
      .internship .transcript-card-buttons .transcript-card-button [type=radio]:checked + label .radio-button::before {
        background-color: #0071bc;
        box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #0071bc; }

.internship .usa-unstyled-list [type=radio] + label,
.internship .usa-unstyled-list [type=checkbox] + label {
  margin: 0px 2px 6px; }

.internship .skill-list {
  margin-top: 1rem; }
  @media screen and (max-width: 61.999em) {
    .internship .skill-list {
      margin-bottom: 2rem; } }

.internship .usajobs-button_bar--slim.submit-application {
  margin: 0; }
  @media screen and (max-width: 61.999em) {
    .internship .usajobs-button_bar--slim.submit-application {
      margin: 0 1rem; } }

.internship #refreshing-transcripts .fa-circle-notch {
  margin-right: 0.5rem;
  color: #02bfe7; }

.internship .statement-of-interest, .internship .overseas-length-text-area, .internship .overseas-other-text-area {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.internship .update-application {
  margin-right: 2.5rem; }

.internship .usa-button-secondary-alert-outline {
  background-color: #ffffff;
  box-shadow: inset 0 0 0 2px #e31c3d;
  color: #e31c3d; }

.internship .submitted-application-last {
  padding: 1.25rem; }

.internship .application-messages .usa-accordion__content:not([aria-hidden]) {
  position: absolute;
  top: -99999em; }

.internships-applied .openopps-search-controls__div, .internships-saved .openopps-search-controls__div, .internship-participated .openopps-search-controls__div {
  justify-content: flex-start ; }
  @media all and (min-width: 40em) {
    .internships-applied .openopps-search-controls__div, .internships-saved .openopps-search-controls__div, .internship-participated .openopps-search-controls__div {
      justify-content: flex-end ; } }

.internships-applied .openopps-search-controls__sort-control, .internships-saved .openopps-search-controls__sort-control, .internship-participated .openopps-search-controls__sort-control {
  width: auto ;
  margin-top: 0.75rem; }

.open-opps-opportunity-requestor {
  display: flex;
  margin-top: 0;
  flex-wrap: wrap;
  flex-direction: column; }
  @media all and (min-width: 75em) {
    .open-opps-opportunity-requestor {
      align-items: flex-end; } }
  .open-opps-opportunity-requestor__figure.dos {
    background-image: url("../img/logo/png/dos-student-internship-program-logo.png");
    background-size: 4rem;
    background-repeat: no-repeat; }

.usajobs-documents__outer-container::after {
  clear: both;
  content: "";
  display: block; }

.usajobs-documents__container,
.usajobs-documents__add-container {
  float: left;
  margin-right: 4.8291579146%;
  min-width: 12rem; }

.usajobs-document {
  position: relative;
  width: 12rem;
  margin: 1.5rem 0 3rem;
  border: 1px solid #d6d7d9; }
  .usajobs-document[data-state="is-selected"] {
    border-color: #2d8700; }
  .usajobs-document__body {
    padding: 3rem 1.5rem; }
  .usajobs-document__figure {
    position: relative;
    padding: 1rem 0.5rem 0;
    height: 12rem;
    overflow: hidden;
    background-color: #ffffff; }
    .usajobs-document__figure:hover {
      cursor: pointer; }
  .usajobs-document__details {
    padding: 1.5rem 1rem 0;
    background-color: #ffffff;
    text-align: center;
    border-top: 1px solid #d6d7d9;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07); }
  .usajobs-document__title, .usajobs-document__type, .usajobs-document__date {
    margin: 0; }
  .usajobs-document__type, .usajobs-document__date, .usajobs-document__searchable {
    font-size: 0.9rem; }
  .usajobs-document__date {
    font-style: italic; }
  .usajobs-document__type, .usajobs-document__searchable {
    display: block;
    margin-left: -1rem;
    margin-right: -1rem;
    text-align: left;
    background-color: #f1f1f1; }
  .usajobs-document__type {
    padding: 0.5rem;
    font-weight: bold; }
  .usajobs-document__searchable {
    padding: 0.8rem 1.5rem 0.8rem 3.3rem;
    min-height: 2.9rem; }
    .usajobs-document__searchable .usajobs-document__searchable-label {
      margin: 0; }
    .usajobs-document__searchable-date {
      margin: 0;
      padding-left: 4.5rem; }
    .usajobs-document__searchable-extend {
      font-style: normal;
      display: block; }
  .usajobs-document__controls {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding-bottom: 1rem; }
    .usajobs-document__controls > li {
      display: list-item;
      margin: 0; }
      .usajobs-document__controls > li:before, .usajobs-document__controls > li:after {
        display: none; }
    .usajobs-document__controls .ctrl {
      font-size: 1rem; }
    .usajobs-document__controls .view, .usajobs-document__controls .reupload, .usajobs-document__controls .edit, .usajobs-document__controls .duplicate {
      display: block;
      padding: 0.5rem 3rem;
      text-decoration: none; }
      .usajobs-document__controls .view:visited, .usajobs-document__controls .reupload:visited, .usajobs-document__controls .edit:visited, .usajobs-document__controls .duplicate:visited {
        color: #0071bc; }
    .usajobs-document__controls .delete {
      display: block;
      padding: 0.5rem 3rem;
      text-decoration: none;
      color: #e31c3d; }
      .usajobs-document__controls .delete:visited {
        color: #e31c3d; }
    .usajobs-document__controls .pipe {
      width: 1px;
      padding: 0; }
  .usajobs-document__toggle {
    position: absolute;
    top: -1rem;
    right: -1.5rem;
    margin: 0;
    padding: 0; }
  .usajobs-document__attached {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3.98333rem;
    background-color: #2d8700;
    color: #ffffff; }
    .usajobs-document__attached-msg {
      margin: 0;
      padding: 1rem 0.5rem;
      color: #ffffff; }
  .usajobs-document--add {
    width: 17.9rem;
    height: 25.9rem;
    overflow: hidden;
    border: 2px dashed #aeb0b5;
    border-radius: 1rem;
    background-color: #f1f1f1;
    text-align: center;
    color: #0071bc; }
    .usajobs-document--add .usajobs-document__trigger {
      width: 17.9rem;
      height: 25.9rem;
      margin: 0;
      border-radius: 0;
      background-color: transparent;
      color: #0071bc; }
      .usajobs-document--add .usajobs-document__trigger:hover {
        background-color: rgba(0, 0, 0, 0.2);
        transition: all 0.3s; }
    .usajobs-document--add .usajobs-document__add-icon {
      display: block;
      padding-bottom: 1rem;
      font-size: 5.9rem; }
  .usajobs-document--placeholder .usajobs-document__figure, .usajobs-document--placeholder-resume .usajobs-document__figure {
    display: block;
    padding: 0;
    background-color: #205493;
    text-align: center;
    text-decoration: none; }
    .usajobs-document--placeholder .usajobs-document__figure:hover, .usajobs-document--placeholder-resume .usajobs-document__figure:hover {
      background-color: #0e243f; }
  .usajobs-document--placeholder__icon, .usajobs-document--placeholder-resume__icon {
    line-height: 6.7rem;
    display: inline-block;
    margin-top: 2.5rem;
    background-size: 6.7rem 5rem;
    height: 6.7rem;
    width: 5rem;
    background-color: #fff;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url("../img/icons/document/file-alt.svg");
    mask-image: url("../img/icons/document/file-alt.svg"); }
    .usajobs-document--placeholder__icon.pdf, .usajobs-document--placeholder-resume__icon.pdf {
      -webkit-mask-image: url("../img/icons/document/file-pdf.svg");
      mask-image: url("../img/icons/document/file-pdf.svg"); }
    .usajobs-document--placeholder__icon.jpg, .usajobs-document--placeholder__icon.jpeg, .usajobs-document--placeholder__icon.png, .usajobs-document--placeholder__icon.gif, .usajobs-document--placeholder-resume__icon.jpg, .usajobs-document--placeholder-resume__icon.jpeg, .usajobs-document--placeholder-resume__icon.png, .usajobs-document--placeholder-resume__icon.gif {
      -webkit-mask-image: url("../img/icons/document/file-image.svg");
      mask-image: url("../img/icons/document/file-image.svg"); }
    .usajobs-document--placeholder__icon.doc, .usajobs-document--placeholder__icon.docx, .usajobs-document--placeholder__icon.rtf, .usajobs-document--placeholder-resume__icon.doc, .usajobs-document--placeholder-resume__icon.docx, .usajobs-document--placeholder-resume__icon.rtf {
      -webkit-mask-image: url("../img/icons/document/file-word.svg");
      mask-image: url("../img/icons/document/file-word.svg"); }
    .usajobs-document--placeholder__icon.text, .usajobs-document--placeholder-resume__icon.text {
      -webkit-mask-image: url("../img/icons/document/file-pdf.svg");
      mask-image: url("../img/icons/document/file-pdf.svg"); }
    .usajobs-document--placeholder__icon.builder, .usajobs-document--placeholder-resume__icon.builder {
      -webkit-mask-image: url("../img/icons/document/file-alt.svg");
      mask-image: url("../img/icons/document/file-alt.svg"); }
  .usajobs-document--placeholder__view, .usajobs-document--placeholder-resume__view {
    padding: 0.5rem;
    background-color: #5b616b;
    color: #ffffff; }
  .usajobs-document--placeholder-resume .usajobs-document__controls {
    min-height: 10.3rem; }
  .usajobs-document--placeholder-resume.is-not-searchable .usajobs-document__searchable p {
    margin: 0; }
  .usajobs-document--thumbnail .usajobs-document__figure {
    position: relative; }
  .usajobs-document a.usajobs-document__view, .usajobs-document a.usajobs-document__reupload {
    display: block;
    padding: 0.5rem 0;
    color: #ffffff;
    font-weight: bold;
    background-color: #0071bc;
    text-decoration: none;
    text-align: center;
    border-top: 1px solid #ffffff; }
    .usajobs-document a.usajobs-document__view:hover, .usajobs-document a.usajobs-document__view:visited, .usajobs-document a.usajobs-document__reupload:hover, .usajobs-document a.usajobs-document__reupload:visited {
      color: #ffffff; }

.internship-status-display {
  flex: 0 0 1.25rem; }
  .internship-status-display--circle {
    flex: 0 0 1.25rem; }

.internship-disabled-link {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  color: white;
  background-color: #c9c9c9; }

.usajobs-document input[type="radio"].usajobs-document__input + label.usajobs-document__selector,
.usajobs-document input[type="checkbox"].usajobs-document__input + label.usajobs-document__selector {
  margin: 0; }

.usajobs-document input[type="radio"].usajobs-document__input + label.usajobs-document__selector::before,
.usajobs-document input[type="checkbox"].usajobs-document__input + label.usajobs-document__selector::before {
  background-image: none;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #205493;
  height: 2rem;
  width: 2rem; }

.usajobs-document input[type="radio"].usajobs-document__input:checked + label::before,
.usajobs-document input[type="checkbox"].usajobs-document__input:checked + label::before {
  background-color: #2d8700;
  box-shadow: 0 0 0 4px #2d8700;
  background-image: url("../img/correct8.png");
  background-image: url("../img/correct8.svg"); }

.usajobs-document input[type="radio"].usajobs-document__input:disabled + label::before,
.usajobs-document input[type="checkbox"].usajobs-document__input:disabled + label::before {
  background: #d6d7d9;
  box-shadow: 0 0 0 2px #ffffff, 0 0 0 3px #aeb0b5;
  cursor: not-allowed; }

.usajobs-document input[type="radio"].usajobs-document__input:focus + label::before,
.usajobs-document input[type="checkbox"].usajobs-document__input:focus + label::before {
  box-shadow: 0 0 0 4px #2d8700, 0 0 3px 4px #3e94cf, 0 0 7px 4px #3e94cf; }

.applicant-line-clamp {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.applicant-name-location {
  width: 15%; }

.applicant-major-minor {
  width: 15%; }

.applicant-skills {
  width: 20%; }

.openopps-drawers.internship-instructions,
.openopps-drawers.internship-instructions * {
  background-color: #d9e8f6 ;
  border-width: 0;
  border-style: solid; }
  .openopps-drawers.internship-instructions ul,
  .openopps-drawers.internship-instructions * ul {
    list-style-type: disc; }
    .openopps-drawers.internship-instructions ul li,
    .openopps-drawers.internship-instructions * ul li {
      max-width: max-content; }

html {
  scroll-behavior: smooth;
  line-height: 1.54; }

.bg-contain {
  background-size: contain; }

.bg-no-repeat {
  background-repeat: no-repeat; }

.bg-position-center {
  background-position: center center; }

.usa-table th.text-center {
  text-align: center ; }

.usa-checkbox,
.usa-radio {
  background: unset; }

.usa-input--error + .select2-container {
  border-color: #b50909;
  border-width: 0.25rem;
  border-style: solid; }

.select2-container .select2-selection--single {
  background-image: url(../img/usa-icons/unfold_more.svg), linear-gradient(#0000, #0000);
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: right 0.5rem center; }

.usa-alert {
  margin-top: 2rem ; }
  .usa-alert--error::before {
    -webkit-mask: url(../img/usa-icons/error.svg) no-repeat center/2rem 2rem;
    mask: url(../img/usa-icons/error.svg) no-repeat center/2rem 2rem; }
  .usa-alert--info::before {
    -webkit-mask: url(../img/usa-icons/info.svg) no-repeat center/2rem 2rem;
    mask: url(../img/usa-icons/info.svg) no-repeat center/2rem 2rem; }
  .usa-alert--info.usa-alert--slim:before {
    -webkit-mask-size: 1.5rem;
    mask-size: 1.5rem;
    background-size: 1.5rem;
    width: 1.5rem;
    height: 3rem; }
  .usa-alert--success::before {
    -webkit-mask: url(../img/usa-icons/check_circle.svg) no-repeat center/2rem 2rem;
    mask: url(../img/usa-icons/check_circle.svg) no-repeat center/2rem 2rem; }
  .usa-alert--warning::before {
    -webkit-mask: url(../img/usa-icons/warning.svg) no-repeat center/2rem 2rem;
    mask: url(../img/usa-icons/warning.svg) no-repeat center/2rem 2rem; }
  .usa-alert__footer {
    margin-top: 1rem ;
    text-align: right ; }

a, .usa-alert__text a:visited {
  color: #005ea2 ; }
  a:visited:not(.no-visit), .usa-alert__text a:visited:visited:not(.no-visit) {
    color: #54278f ; }

.cursor {
  cursor: default; }
  .cursor-pointer {
    cursor: pointer; }
  .cursor-not-allowed {
    cursor: not-allowed; }

.input--toggle {
  position: absolute;
  left: -999em; }
  .input--toggle + label:before {
    height: 1.5rem ;
    width: 2rem ;
    content: '';
    background-color: transparent;
    box-shadow: none;
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(../img/toggle-off-solid.svg); }
  .input--toggle:checked + label:before {
    background-image: url(../img/toggle-on-solid.svg); }
  .input--toggle:focus + label:before {
    outline-width: 0.25rem;
    outline-style: solid;
    outline-color: #2491ff ; }

/* slider track */
.input--switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 14px;
  background-color: #bdbdbd;
  border-radius: 14px;
  top: 5px;
  /* slider thumb */
  /* Hide the checkbox */ }
  .input--switch::after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fafafa;
    top: -3px;
    left: 0px;
    transition: left 0.5s;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border: 1px solid #c9c9c9; }
  .input--switch-checkbox {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    /* slider track checked */ }
    .input--switch-checkbox:checked + .input--switch {
      background-color: #73b3e7;
      /* slider thumb checked */ }
      .input--switch-checkbox:checked + .input--switch::after {
        left: 16px;
        background-color: #005ea2;
        border: none; }

.grid-container {
  padding-left: 0  !important;
  padding-right: 0  !important; }
  @media all and (min-width: 64em) {
    .grid-container {
      padding-left: 1rem  !important;
      padding-right: 1rem  !important; } }

.openopps-card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .openopps-card__owner {
    height: 6.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden; }

.description-fade {
  overflow-wrap: break-word; }
  .description-fade::before {
    content: "";
    width: 100%;
    height: 6.75em;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    background: linear-gradient(rgba(255, 255, 255, 0), white); }

.highlights-fade {
  overflow-wrap: break-word; }
  .highlights-fade::before {
    content: "";
    height: 6.75em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3rem;
    display: block;
    background: linear-gradient(rgba(255, 255, 255, 0), white); }

@media all and (max-width: 39.99em) {
  .usa-banner__button[aria-expanded="true"]::after {
    -webkit-mask: url(../../img/close-alt.svg) no-repeat center/1rem 1rem; } }

.usa-banner__button::after, .usa-banner__header-action::after {
  -webkit-mask: url(../../img/chevron.svg) no-repeat center/1.31282ex 0.8ex; }

.usa-banner__content {
  padding-left: 1rem; }

@media all and (min-width: 40em) {
  .usa-banner__inner {
    padding-left: 1rem;
    padding-right: 1rem; } }

.graph {
  width: calc(100% - 5rem); }
  .graph--horizontal .bar .value {
    left: calc(100% + 1rem); }

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* Firefox */
input[type=number] {
  -moz-appearance: textfield; }

.usa-tooltip__body {
  width: 250px;
  white-space: normal; }

#newsletter-input-section.usa-form-group--error {
  border-left-color: #fa9441; }

#newsletter-input-section .usa-error-message {
  color: #fa9441; }

@media (min-width: 64rem) {
  .desktop\:display-none {
    display: none !important; } }

.callout {
  position: relative ;
  z-index: 100 ; }
  .callout.callout--your-network {
    top: 4.5rem; }
    @media all and (min-width: 55em) {
      .callout.callout--your-network {
        position: absolute ;
        top: 5rem;
        left: 32.7rem; } }
    @media all and (min-width: 64em) {
      .callout.callout--your-network {
        left: 37.9rem; } }
    @media all and (min-width: 75em) {
      .callout.callout--your-network {
        left: 43.1rem; } }
  .callout.callout--networking {
    top: 4.5rem;
    right: calc(100% + 13px); }
    @media (min-width: 23rem) and (max-width: 29.625rem) {
      .callout.callout--networking {
        right: 0; } }
    @media (min-width: 29.6875rem) {
      .callout.callout--networking {
        right: calc(100% + 130px); } }
    @media (min-width: 40rem) {
      .callout.callout--networking.tablet\:arrow-left {
        position: absolute ;
        top: -30%;
        right: -10px; } }
    @media (min-width: 53.125rem) {
      .callout.callout--networking.tablet-lg\:arrow-left {
        position: absolute ;
        top: -50%;
        right: -10px; } }
  .callout .callout__bubble {
    width: 20.5rem ;
    height: auto ;
    background-color: #ffbe2e ;
    display: block ;
    border-radius: 0.5rem ;
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.1 ;
    padding: 1rem 1.5rem 1rem 1rem;
    color: #1b1b1b ;
    text-align: left ;
    margin-top: 0 ;
    position: relative ; }
    @media (max-width: 23.375rem) {
      .callout .callout__bubble {
        width: 18rem ; } }
    .callout .callout__bubble h4 {
      margin-bottom: 0 ;
      margin-top: 0 ; }
    .callout .callout__bubble p {
      font-weight: normal ;
      margin-bottom: 0 ;
      margin-top: 0 ; }
    .callout .callout__bubble .callout__dismiss {
      position: absolute ;
      top: 0.2rem;
      right: 0.2rem;
      margin: 0;
      padding: 0;
      display: block;
      width: 24px;
      height: 24px;
      text-decoration: none;
      background: url(../img/icons/close/times-base.svg) no-repeat 50% 50%; }
      .callout .callout__bubble .callout__dismiss:hover {
        position: absolute ; }
        .callout .callout__bubble .callout__dismiss:hover::after {
          content: none; }
  .callout .callout__arrow {
    margin-bottom: 15px ; }
    .callout .callout__arrow-up-left {
      position: absolute ;
      width: 0 ;
      height: 0 ;
      left: 2.5rem;
      top: -30px;
      border-top: none;
      border-right: 13px solid transparent;
      border-bottom: 30px solid #ffbe2e;
      border-left: 13px solid transparent; }
      @media (max-width: 23.375rem) {
        .callout .callout__arrow-up-left {
          left: 1.75rem; } }
      @media (min-width: 23.1875rem) {
        .callout .callout__arrow-up-left.mobile-md\:callout__arrow-up-right {
          position: absolute ;
          width: 0 ;
          height: 0 ;
          top: -30px;
          left: calc(100% - 4rem);
          border-top: none;
          border-right: 13px solid transparent;
          border-bottom: 30px solid #ffbe2e;
          border-left: 13px solid transparent; } }
      @media (min-width: 40rem) {
        .callout .callout__arrow-up-left.tablet\:callout__arrow-left {
          position: absolute ;
          width: 0 ;
          height: 0 ;
          top: calc(50% - 13px);
          left: -30px;
          border-top: 13px solid transparent;
          border-right: 30px solid #ffbe2e;
          border-bottom: 13px solid transparent;
          border-left: 0; } }
      @media (min-width: 50rem) {
        .callout .callout__arrow-up-left.tablet-lg\:callout__arrow-left {
          position: absolute ;
          width: 0 ;
          height: 0 ;
          top: calc(50% - 13px);
          left: -30px;
          border-top: 13px solid transparent;
          border-right: 30px solid #ffbe2e;
          border-bottom: 13px solid transparent;
          border-left: 0; } }
      @media (min-width: 65rem) {
        .callout .callout__arrow-up-left.desktop\:callout__arrow-left {
          position: absolute ;
          width: 0 ;
          height: 0 ;
          top: calc(50% - 13px);
          left: -30px;
          border-top: 13px solid transparent;
          border-right: 30px solid #ffbe2e;
          border-bottom: 13px solid transparent;
          border-left: 0; } }
    .callout .callout__arrow-up-middle {
      position: absolute ;
      width: 0 ;
      height: 0 ;
      left: 50%;
      top: -30px;
      border-top: none;
      border-right: 13px solid transparent;
      border-bottom: 30px solid #ffbe2e;
      border-left: 13px solid transparent; }
      @media (min-width: 23rem) {
        .callout .callout__arrow-up-middle.mobile-md\:callout__arrow-up-left {
          position: absolute ;
          width: 0 ;
          height: 0 ;
          top: -30px;
          left: 2rem;
          border-top: none;
          border-right: 13px solid transparent;
          border-bottom: 30px solid #ffbe2e;
          border-left: 13px solid transparent; } }
      @media (min-width: 29.6875rem) {
        .callout .callout__arrow-up-middle.mobile-lg\:callout__arrow-up-right {
          position: absolute ;
          width: 0 ;
          height: 0 ;
          top: -30px;
          left: calc(100% - 4rem);
          border-top: none;
          border-right: 13px solid transparent;
          border-bottom: 30px solid #ffbe2e;
          border-left: 13px solid transparent; } }
      @media (min-width: 53.125rem) {
        .callout .callout__arrow-up-middle.tablet-lg\:callout__arrow-left {
          position: absolute ;
          width: 0 ;
          height: 0 ;
          top: calc(50% - 13px);
          left: -30px;
          border-top: 13px solid transparent;
          border-right: 30px solid #ffbe2e;
          border-bottom: 13px solid transparent;
          border-left: 0; } }
    .callout .callout__arrow-up-right {
      position: absolute ;
      width: 0 ;
      height: 0 ;
      right: 2.5rem;
      top: -30px;
      border-top: none;
      border-right: 13px solid transparent;
      border-bottom: 30px solid #ffbe2e;
      border-left: 13px solid transparent; }
      @media (min-width: 40rem) {
        .callout .callout__arrow-up-right.tablet\:callout__arrow-left {
          position: absolute ;
          width: 0 ;
          height: 0 ;
          top: calc(50% - 13px);
          left: -30px;
          border-top: 13px solid transparent;
          border-right: 30px solid #ffbe2e;
          border-bottom: 13px solid transparent;
          border-left: 0; } }
      @media (min-width: 50rem) {
        .callout .callout__arrow-up-right.tablet-lg\:callout__arrow-left {
          position: absolute ;
          width: 0 ;
          height: 0 ;
          top: calc(50% - 13px);
          left: -30px;
          border-top: 13px solid transparent;
          border-right: 30px solid #ffbe2e;
          border-bottom: 13px solid transparent;
          border-left: 0; } }
      @media (min-width: 65rem) {
        .callout .callout__arrow-up-right.desktop\:callout__arrow-left {
          position: absolute ;
          width: 0 ;
          height: 0 ;
          top: calc(50% - 13px);
          left: -30px;
          border-top: 13px solid transparent;
          border-right: 30px solid #ffbe2e;
          border-bottom: 13px solid transparent;
          border-left: 0; } }
    .callout .callout__arrow-right {
      position: absolute ;
      width: 0 ;
      height: 0 ;
      top: calc(50% - 13px);
      right: -30px;
      border-top: 13px solid transparent;
      border-right: none;
      border-bottom: 13px solid transparent;
      border-left: 30px solid #ffbe2e; }
    .callout .callout__arrow-down-left {
      position: absolute ;
      width: 0 ;
      height: 0 ;
      left: 2.5rem;
      bottom: -30px;
      border-top: 30px solid #ffbe2e;
      border-right: 13px solid transparent;
      border-bottom: none;
      border-left: 13px solid transparent; }
    .callout .callout__arrow-down-right {
      position: absolute ;
      width: 0 ;
      height: 0 ;
      right: 2.5rem;
      bottom: -30px;
      border-top: 30px solid #ffbe2e;
      border-right: 13px solid transparent;
      border-bottom: none;
      border-left: 13px solid transparent; }
    .callout .callout__arrow-left {
      position: absolute ;
      width: 0 ;
      height: 0 ;
      top: calc(50% - 13px);
      left: -30px;
      border-top: 13px solid transparent;
      border-right: 30px solid #ffbe2e;
      border-bottom: 13px solid transparent;
      border-left: none; }

.usa-button.usa-button--big.disabled {
  display: block;
  margin-right: 0;
  background-color: #d6d7d9;
  color: #ffffff;
  cursor: default; }

.usa-button.usa-button--big.display-block {
  display: block;
  margin-right: 0; }

.usa-select.usa-input--error {
  height: 2.9rem; }

.usa-label, .usa-legend, .usa-fieldset, .usa-hint, .usa-checkbox__label, .usa-radio__label,
.usa-select, .usa-range, .usa-input, .usa-textarea, .usa-input-group, .usa-combo-box__input,
.usa-combo-box__list, .markdown-edit textarea, .usa-accordion {
  line-height: 1.54; }

/* Modified usa-step-indicator where steps are clickable links
-------------------------------------------------------------------*/
.openopps-step-indicator {
  font-family: 'Source Sans Pro Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.1;
  background-color: #162e51;
  margin-bottom: 2rem;
  margin-left: -1px;
  margin-right: -1px; }
  @media all and (min-width: 40em) {
    .openopps-step-indicator {
      margin-left: 0;
      margin-right: 0; } }
  .openopps-step-indicator__segments {
    counter-reset: openopps-step-indicator;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0; }
  .openopps-step-indicator__segment {
    flex: 1 1 0%;
    counter-increment: openopps-step-indicator;
    margin-left: 1px;
    margin-right: 1px;
    max-width: 15rem;
    min-height: 0.5rem;
    position: relative; }
    .openopps-step-indicator__segment a {
      max-width: 15rem;
      min-height: 0.5rem;
      height: 2.5rem;
      margin-top: -1rem;
      padding-top: 1rem;
      width: 100%; }
      @media all and (min-width: 40em) {
        .openopps-step-indicator__segment a {
          height: 0.5rem;
          display: inline-table; } }
      .openopps-step-indicator__segment a::after {
        background-color: #dfe1e2;
        content: "";
        display: block;
        height: 0.5rem;
        left: 0;
        position: absolute;
        right: 0;
        top: 0; }
        @media all and (min-width: 40em) {
          .openopps-step-indicator__segment a::after {
            height: 0.5rem; } }
    .openopps-step-indicator__segment--complete a::after {
      background-color: #a1d3ff; }
    .openopps-step-indicator__segment--complete .openopps-step-indicator__segment-label {
      color: #a1d3ff; }
    .openopps-step-indicator__segment--current a::after {
      background-color: #face00; }
    .openopps-step-indicator__segment--current .openopps-step-indicator__segment-label {
      color: #face00;
      font-weight: 700; }
    .openopps-step-indicator__segment-label {
      display: none; }
      @media all and (min-width: 40em) {
        .openopps-step-indicator__segment-label {
          color: #dfe1e2;
          display: block;
          font-size: 1.06rem;
          margin-top: calc( 0.5rem + 0.5rem);
          padding-right: 2rem;
          text-align: left; } }
  .openopps-step-indicator__header {
    align-items: baseline;
    display: flex; }
    @media all and (min-width: 40em) {
      .openopps-step-indicator__header {
        display: none; } }
  .openopps-step-indicator__heading {
    color: #dfe1e2;
    font-family: 'Source Sans Pro Web', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.13rem;
    font-weight: 700;
    margin: 1rem 0 0; }
    @media all and (min-width: 40em) {
      .openopps-step-indicator__heading {
        font-size: 1.46rem;
        margin-top: 2rem; } }
  .openopps-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: #face00;
    color: #162e51;
    display: inline-block;
    padding: calc( (2.5rem - (2ex * 1.1)) * 0.5);
    text-align: center; }
  .openopps-step-indicator__total-steps {
    font-weight: normal;
    font-feature-settings: "tnum" 1, "kern" 1;
    color: #face00;
    margin-right: 0.5rem; }
  @media all and (min-width: 40em) {
    .openopps-step-indicator--counters .openopps-step-indicator__segment, .openopps-step-indicator--counters-sm .openopps-step-indicator__segment {
      margin-left: 0;
      margin-right: 0;
      margin-top: calc( ( ( 2.5rem - 0.5rem ) / 2 ) + 0.25rem); }
      .openopps-step-indicator--counters .openopps-step-indicator__segment a:before, .openopps-step-indicator--counters-sm .openopps-step-indicator__segment a:before {
        height: 2.5rem;
        border-radius: 99rem;
        width: 2.5rem;
        font-feature-settings: "tnum" 1, "kern" 1;
        background-color: #162e51;
        box-shadow: inset 0 0 0 0.25rem #dfe1e2, 0 0 0 0.25rem #162e51;
        color: #dfe1e2;
        content: counter(openopps-step-indicator);
        display: block;
        font-weight: 700;
        left: 0;
        line-height: 0.9;
        padding: calc( (2.5rem - (2ex * 0.9)) * 0.5);
        position: absolute;
        text-align: center;
        top: calc( ( 2.5rem - 0.5rem ) / -2);
        z-index: 100; }
      .openopps-step-indicator--counters .openopps-step-indicator__segment:last-child a:after, .openopps-step-indicator--counters-sm .openopps-step-indicator__segment:last-child a:after {
        display: none; }
      .openopps-step-indicator--counters .openopps-step-indicator__segment-label, .openopps-step-indicator--counters-sm .openopps-step-indicator__segment-label {
        margin-top: calc( ( ( 2.5rem + 0.5rem ) / 2 ) + 0.5rem); }
    .openopps-step-indicator--counters-sm .openopps-step-indicator__segment {
      margin-top: calc( ( ( 1.5rem - 0.5rem ) / 2 ) + 0.25rem); }
      .openopps-step-indicator--counters-sm .openopps-step-indicator__segment a:before {
        height: 1.5rem;
        border-radius: 99rem;
        width: 1.5rem;
        font-size: 0.93rem;
        padding: calc(0.25rem + 1px);
        top: calc( ( 1.5rem - 0.5rem ) / -2); }
      .openopps-step-indicator--counters-sm .openopps-step-indicator__segment:last-child a:after {
        display: none; }
      .openopps-step-indicator--counters-sm .openopps-step-indicator__segment-label {
        margin-top: calc( ( ( 1.5rem + 0.5rem ) / 2 ) + 0.5rem); }
    .openopps-step-indicator--counters.openopps-step-indicator--center .openopps-step-indicator__segment:first-child a:after, .openopps-step-indicator--counters-sm.openopps-step-indicator--center .openopps-step-indicator__segment:first-child a:after {
      left: 50%;
      right: 0;
      width: auto; }
    .openopps-step-indicator--counters.openopps-step-indicator--center .openopps-step-indicator__segment:last-child a:after, .openopps-step-indicator--counters-sm.openopps-step-indicator--center .openopps-step-indicator__segment:last-child a:after {
      display: block;
      left: 0;
      right: 50%;
      width: auto; } }
  .openopps-step-indicator--counters .openopps-step-indicator__segment--complete a::before, .openopps-step-indicator--counters-sm .openopps-step-indicator__segment--complete a::before {
    background-color: #a1d3ff;
    box-shadow: 0 0 0 0.25rem #162e51;
    color: #162e51; }
  .openopps-step-indicator--counters .openopps-step-indicator__segment--current a::before, .openopps-step-indicator--counters-sm .openopps-step-indicator__segment--current a::before {
    background-color: #face00;
    box-shadow: 0 0 0 0.25rem #162e51;
    color: #162e51; }
  .openopps-step-indicator--no-labels {
    margin-left: -1px;
    margin-right: -1px; }
    .openopps-step-indicator--no-labels .openopps-step-indicator__segment {
      margin-top: 0;
      margin-left: 1px;
      margin-right: 1px; }
      .openopps-step-indicator--no-labels .openopps-step-indicator__segment a:before {
        display: none; }
      .openopps-step-indicator--no-labels .openopps-step-indicator__segment:last-child a:after {
        display: block; }
      .openopps-step-indicator--no-labels .openopps-step-indicator__segment-label {
        display: none; }
    .openopps-step-indicator--no-labels .openopps-step-indicator__heading {
      margin-top: 1rem; }
  .openopps-step-indicator--center {
    margin-left: -1px;
    margin-right: -1px; }
    .openopps-step-indicator--center .openopps-step-indicator__segment {
      margin-left: 1px;
      margin-right: 1px; }
      .openopps-step-indicator--center .openopps-step-indicator__segment a:before {
        left: calc( 50% - ( ( 2.5rem + 0.25rem ) / 2 )); }
      .openopps-step-indicator--center .openopps-step-indicator__segment-label {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        text-align: center; }
    .openopps-step-indicator--center.openopps-step-indicator--no-labels .openopps-step-indicator__segment:first-child a:after {
      left: 0; }
    .openopps-step-indicator--center.openopps-step-indicator--no-labels .openopps-step-indicator__segment:last-child a:after {
      right: 0; }
    .openopps-step-indicator--center.openopps-step-indicator--no-labels .openopps-step-indicator__segment a:before {
      left: calc( 50% - ( ( 1.5rem + 0.25rem ) / 2 )); }

/* Snack bar
-----------------*/
.snackbar {
  position: fixed;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 76px;
  z-index: 101;
  width: 75%; }
  .snackbar.snackbar--hidden {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute; }
  .snackbar:focus:not(a) {
    outline: none; }

@keyframes snackbarfadeout {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }

body {
  background-color: #f1f1f1; }
  body.modal-is-open {
    overflow-y: hidden; }

@media screen and (min-width: 120em) {
  .usajobs-nav--full_bleed__banner-inner, .usajobs-nav--core-v2__banner-inner, .usajobs-nav--open-opps__banner-inner {
    padding-left: 2rem; } }

h1, h2 {
  color: #205493; }

h3 {
  color: #212121; }

p {
  line-height: 1.54; }

.usa-input-optional:after {
  font-size: 1rem;
  font-weight: normal;
  color: #757575;
  content: ' (optional)'; }

.usa-input-optional-recommended:after {
  font-size: 1rem;
  font-weight: normal;
  color: #757575;
  content: ' (Optional, but highly recommended)'; }

@media screen and (min-width: 62em) {
  .usajobs-content-well {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 65.8807826589%; }
  .usajobs-content-well:last-child {
    margin-right: 0; } }

@media screen and (min-width: 75em) {
  .usajobs-content-well {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 65.8807826589%; }
  .usajobs-content-well:last-child {
    margin-right: 0; } }

@media screen and (min-width: 48em) {
  .usajobs-content-gutter {
    padding-left: 3rem;
    padding-right: 3rem; } }

@media screen and (min-width: 62em) {
  .usajobs-rightrail {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 31.7615653177%; }
  .usajobs-rightrail:last-child {
    margin-right: 0; } }

@media screen and (min-width: 75em) {
  .usajobs-rightrail {
    float: left;
    display: block;
    margin-right: 2.3576520234%;
    width: 31.7615653177%; }
  .usajobs-rightrail:last-child {
    margin-right: 0; } }

@media screen and (min-width: 62em) {
  .usajobs-rightrail .usajobs-content-gutter {
    padding-left: 0; } }

input::-ms-clear {
  display: none; }

.usajobs-form--narrow .usajobs-form__legend,
.usajobs-content-well .usajobs-form--narrow .usajobs-form__legend {
  margin-bottom: 0; }

.fullwidth.text-center {
  padding-top: 3rem;
  text-align: center; }

.word-break {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }
  .word-break--no-hyphen {
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none; }

.usa-form-group-day,
.usa-form-group-month {
  width: 5.5rem; }

.usa-select {
  -webkit-appearance: none; }

.usa-search [type="submit"] {
  background-image: none; }

.usa-search__submit-icon {
  width: 24px;
  height: 24px;
  display: inline-block;
  -webkit-mask: url(../img/usa-icons-bg/search--white.svg) no-repeat 50% 50%;
  mask: url(../img/usa-icons-bg/search--white.svg) no-repeat 50% 50%;
  -webkit-mask-size: cover;
  mask-size: cover;
  background-color: black; }
  @media (min-width: 30em) {
    .usa-search__submit-icon {
      position: absolute;
      left: -999em;
      right: auto; } }
