@charset "UTF-8";
/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS 2.14.0
----------------------------------------
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.14.0
----------------------------------------
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.14.0
----------------------------------------
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.14.0
----------------------------------------
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.14.0
----------------------------------------
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.14.0
----------------------------------------
COMPONENT SETTINGS
----------------------------------------
Read more about settings and
USWDS style tokens in the documentation:
https://designsystem.digital.gov/design-tokens
----------------------------------------
*/
/*
========================================
Functions
----------------------------------------
*/
/*
========================================
General-purpose functions
----------------------------------------
*/
/*
----------------------------------------
divide()
----------------------------------------
Divides one number by another, to a
specified precision.
----------------------------------------
*/
/*
----------------------------------------
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
----------------------------------------
*/
/*
----------------------------------------
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.
----------------------------------------
*/
/*
----------------------------------------
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
----------------------------------------
*/
/*
----------------------------------------
Luminance color component values
----------------------------------------
*/
/*
----------------------------------------
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;
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable selector-class-pattern */
}
.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: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, .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: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, .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: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, .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: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, .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 {
  /* stylelint-disable selector-class-pattern */
  /* stylelint-enable selector-class-pattern */
}
.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-combo-box__list, .usa-combo-box__input, .usa-input-group, .usa-input,
.usa-textarea, .usa-range, .usa-select, .usa-checkbox__label,
.usa-radio__label, .usa-fieldset,
.usa-hint {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.3;
}

.usa-combo-box__input, .usa-input-group, .usa-input,
.usa-textarea, .usa-range, .usa-select {
  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-combo-box__input, .usa-input--success.usa-input-group, .usa-input--success.usa-input,
.usa-input--success.usa-textarea, .usa-input--success.usa-range, .usa-input--success.usa-select {
  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;
}
@media (forced-colors: active) {
  .usa-checkbox__label::before,
  .usa-radio__label::before {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}

.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);
}
@media (forced-colors: active) {
  .usa-checkbox__input:disabled + [class*=__label],
  .usa-radio__input:disabled + [class*=__label] {
    color: GrayText;
  }
}
.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;
}
@media (forced-colors: active) {
  .usa-checkbox__input--tile:checked + [class*=__label],
  .usa-radio__input--tile:checked + [class*=__label] {
    border: ButtonText solid 0.25rem;
  }
}
.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;
}
@media (forced-colors: active) {
  .usa-checkbox__input:checked + [class*=__label]::before, .usa-checkbox__input:checked:disabled + [class*=__label]::before {
    background-image: url("../img/correct8-alt.svg"), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
  }
}
.usa-checkbox__input:checked:disabled + [class*=__label]::before {
  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;
}
@media (forced-colors: active) {
  .usa-radio__input:checked + [class*=__label]::before {
    background-color: ButtonText;
  }
}
.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: "✔";
    text-align: center;
  }
}
@media (forced-colors: active) {
  .usa-checkbox__input:checked + [class*=__label]::before, .usa-checkbox__input:checked:disabled + [class*=__label]::before {
    background-color: ButtonText;
  }
  .usa-checkbox__input:checked + [class*=__label]::before--tile, .usa-checkbox__input:checked:disabled + [class*=__label]::before--tile {
    background-color: ButtonText;
  }
}

.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;
}
@media (forced-colors: active) {
  .usa-select {
    appearance: listbox;
    background-image: none;
    padding-right: 0;
  }
}

[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;
}
@media (forced-colors: active) {
  .usa-range::-webkit-slider-thumb {
    outline: 2px solid transparent;
  }
}
.usa-range::-moz-range-thumb {
  height: 1.25rem;
  border-radius: 99rem;
  width: 1.25rem;
  background: #f0f0f0;
  border: none;
  box-shadow: 0 0 0 2px #71767a;
  cursor: pointer;
}
@media (forced-colors: active) {
  .usa-range::-moz-range-thumb {
    outline: 2px solid transparent;
  }
}
.usa-range::-ms-thumb {
  height: 1.25rem;
  border-radius: 99rem;
  width: 1.25rem;
  background: #f0f0f0;
  border: none;
  box-shadow: 0 0 0 2px #71767a;
  cursor: pointer;
}
@media (forced-colors: active) {
  .usa-range::-ms-thumb {
    outline: 2px solid transparent;
  }
}
.usa-range::-ms-fill-lower {
  background-color: #f0f0f0;
  border-radius: 99rem;
  border: 1px solid #71767a;
}
.usa-range::-ms-fill-upper {
  background-color: #f0f0f0;
  border-radius: 99rem;
  border: 1px solid #71767a;
}

.usa-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;
}
@media (forced-colors: active) {
  .usa-combo-box--pristine .usa-combo-box__clear-input {
    background: url("../img/usa-icons/close.svg") no-repeat center/contain;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    height: 1.5rem;
    width: auto;
    top: 0.5rem;
  }
  @supports (mask: url("")) {
    .usa-combo-box--pristine .usa-combo-box__clear-input {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/close.svg") no-repeat center/contain;
    }
  }
}

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

/* stylelint-disable selector-class-pattern */
.usa-combo-box__toggle-list__wrapper:focus,
.usa-combo-box__clear-input__wrapper:focus {
  outline: 0;
}

/* stylelint-enable selector-class-pattern */
.usa-combo-box__toggle-list,
.usa-combo-box__clear-input {
  background-color: transparent;
  background-position: center;
  background-size: auto 1.5rem;
  border: 0;
  bottom: 1px;
  cursor: pointer;
  margin-bottom: 0;
  opacity: 0.6;
  padding-right: 2rem;
  position: absolute;
  top: 1px;
  z-index: 100;
}

.usa-combo-box__clear-input {
  background-image: url("../img/usa-icons/close.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  display: none;
  right: calc(2.5em + 3px);
}

.usa-combo-box__toggle-list {
  background-image: url("../img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  background-size: auto 2rem;
  right: 1px;
}
@media (forced-colors: active) {
  .usa-combo-box__toggle-list {
    background: url("../img/usa-icons/expand_more.svg") no-repeat center/contain;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    height: auto;
    width: auto;
  }
  @supports (mask: url("")) {
    .usa-combo-box__toggle-list {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/expand_more.svg") no-repeat center/contain;
    }
  }
}

.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;
}
@media (forced-colors: active) {
  .usa-combo-box__input-button-separator {
    background-color: ButtonText;
  }
}

.usa-combo-box__list {
  border-width: 1px;
  border-color: #565c65;
  border-style: solid;
  background-color: white;
  border-radius: 0;
  border-top: 0;
  margin: 0;
  max-height: 12.1em;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0;
  position: absolute;
  width: 100%;
  z-index: 300;
}
.usa-combo-box__list:focus {
  outline: 0;
}

.usa-combo-box__list-option {
  border-bottom: 1px solid #dfe1e2;
  cursor: pointer;
  display: block;
  padding: 0.5rem;
}
.usa-combo-box__list-option--focused {
  outline: 2px solid #162e51;
  outline-offset: -2px;
  position: relative;
  z-index: 100;
}
.usa-combo-box__list-option--focused:focus {
  outline-offset: -4px;
}
.usa-combo-box__list-option--selected {
  background-color: #005ea2;
  border-color: #005ea2;
  color: white;
}

.usa-combo-box__list-option--no-results {
  cursor: not-allowed;
  display: block;
  padding: 0.5rem;
}

.usa-date-picker__wrapper {
  display: none;
  position: relative;
  max-width: 30rem;
}
.usa-date-picker__wrapper:focus {
  outline: 0;
}

.usa-date-picker__calendar__year, .usa-date-picker__calendar__previous-year-chunk,
.usa-date-picker__calendar__next-year-chunk, .usa-date-picker__calendar__month, .usa-date-picker__calendar__year-selection,
.usa-date-picker__calendar__month-selection, .usa-date-picker__calendar__date, .usa-date-picker__calendar__previous-year,
.usa-date-picker__calendar__previous-month,
.usa-date-picker__calendar__next-year,
.usa-date-picker__calendar__next-month, .usa-date-picker__button {
  background-color: #f0f0f0;
  border: 0;
  width: 100%;
}
.usa-date-picker__calendar__year:not([disabled]), .usa-date-picker__calendar__previous-year-chunk:not([disabled]),
.usa-date-picker__calendar__next-year-chunk:not([disabled]), .usa-date-picker__calendar__month:not([disabled]), .usa-date-picker__calendar__year-selection:not([disabled]),
.usa-date-picker__calendar__month-selection:not([disabled]), .usa-date-picker__calendar__date:not([disabled]), .usa-date-picker__calendar__previous-year:not([disabled]),
.usa-date-picker__calendar__previous-month:not([disabled]),
.usa-date-picker__calendar__next-year:not([disabled]),
.usa-date-picker__calendar__next-month:not([disabled]), .usa-date-picker__button:not([disabled]) {
  cursor: pointer;
}
.usa-date-picker__calendar__year:not([disabled]):focus, .usa-date-picker__calendar__previous-year-chunk:not([disabled]):focus,
.usa-date-picker__calendar__next-year-chunk:not([disabled]):focus, .usa-date-picker__calendar__month:not([disabled]):focus, .usa-date-picker__calendar__year-selection:not([disabled]):focus,
.usa-date-picker__calendar__month-selection:not([disabled]):focus, .usa-date-picker__calendar__date:not([disabled]):focus, .usa-date-picker__calendar__previous-year:not([disabled]):focus,
.usa-date-picker__calendar__previous-month:not([disabled]):focus,
.usa-date-picker__calendar__next-year:not([disabled]):focus,
.usa-date-picker__calendar__next-month:not([disabled]):focus, .usa-date-picker__button:not([disabled]):focus {
  outline-offset: -4px;
}
.usa-date-picker__calendar__year:not([disabled]):hover, .usa-date-picker__calendar__previous-year-chunk:not([disabled]):hover,
.usa-date-picker__calendar__next-year-chunk:not([disabled]):hover, .usa-date-picker__calendar__month:not([disabled]):hover, .usa-date-picker__calendar__year-selection:not([disabled]):hover,
.usa-date-picker__calendar__month-selection:not([disabled]):hover, .usa-date-picker__calendar__date:not([disabled]):hover, .usa-date-picker__calendar__previous-year:not([disabled]):hover,
.usa-date-picker__calendar__previous-month:not([disabled]):hover,
.usa-date-picker__calendar__next-year:not([disabled]):hover,
.usa-date-picker__calendar__next-month:not([disabled]):hover, .usa-date-picker__button:not([disabled]):hover {
  background-color: #dfe1e2;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__year:not([disabled]):hover, .usa-date-picker__calendar__previous-year-chunk:not([disabled]):hover,
  .usa-date-picker__calendar__next-year-chunk:not([disabled]):hover, .usa-date-picker__calendar__month:not([disabled]):hover, .usa-date-picker__calendar__year-selection:not([disabled]):hover,
  .usa-date-picker__calendar__month-selection:not([disabled]):hover, .usa-date-picker__calendar__date:not([disabled]):hover, .usa-date-picker__calendar__previous-year:not([disabled]):hover,
  .usa-date-picker__calendar__previous-month:not([disabled]):hover,
  .usa-date-picker__calendar__next-year:not([disabled]):hover,
  .usa-date-picker__calendar__next-month:not([disabled]):hover, .usa-date-picker__button:not([disabled]):hover {
    background-color: buttontext;
  }
}
.usa-date-picker__calendar__year:not([disabled]):active, .usa-date-picker__calendar__previous-year-chunk:not([disabled]):active,
.usa-date-picker__calendar__next-year-chunk:not([disabled]):active, .usa-date-picker__calendar__month:not([disabled]):active, .usa-date-picker__calendar__year-selection:not([disabled]):active,
.usa-date-picker__calendar__month-selection:not([disabled]):active, .usa-date-picker__calendar__date:not([disabled]):active, .usa-date-picker__calendar__previous-year:not([disabled]):active,
.usa-date-picker__calendar__previous-month:not([disabled]):active,
.usa-date-picker__calendar__next-year:not([disabled]):active,
.usa-date-picker__calendar__next-month:not([disabled]):active, .usa-date-picker__button:not([disabled]):active {
  background-color: #a9aeb1;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__year:not([disabled]):active, .usa-date-picker__calendar__previous-year-chunk:not([disabled]):active,
  .usa-date-picker__calendar__next-year-chunk:not([disabled]):active, .usa-date-picker__calendar__month:not([disabled]):active, .usa-date-picker__calendar__year-selection:not([disabled]):active,
  .usa-date-picker__calendar__month-selection:not([disabled]):active, .usa-date-picker__calendar__date:not([disabled]):active, .usa-date-picker__calendar__previous-year:not([disabled]):active,
  .usa-date-picker__calendar__previous-month:not([disabled]):active,
  .usa-date-picker__calendar__next-year:not([disabled]):active,
  .usa-date-picker__calendar__next-month:not([disabled]):active, .usa-date-picker__button:not([disabled]):active {
    background-color: buttontext;
  }
}

.usa-date-picker--active .usa-date-picker__button {
  background-color: #f0f0f0;
}
@media (forced-colors: active) {
  .usa-date-picker--active .usa-date-picker__button {
    background-color: buttontext;
  }
}
.usa-date-picker--active .usa-date-picker__calendar {
  z-index: 400;
}

.usa-date-picker__button {
  background-image: url("../img/usa-icons/calendar_today.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
  align-self: stretch;
  background-color: transparent;
  background-position: center;
  background-size: 1.5rem;
  margin-top: 0.5em;
  width: 3em;
}
@media (forced-colors: active) {
  .usa-date-picker__button {
    background: url("../img/usa-icons/calendar_today.svg") no-repeat center/contain;
    display: inline-block;
    height: 2.5rem;
    width: 3rem;
    mask-size: 1.5rem !important;
    position: relative;
  }
  @supports (mask: url("")) {
    .usa-date-picker__button {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/calendar_today.svg") no-repeat center/contain;
    }
  }
  .usa-date-picker__button:not([disabled]):hover {
    background-color: Highlight;
  }
}

.usa-date-picker--initialized .usa-date-picker__wrapper {
  display: flex;
}

.usa-date-picker__calendar {
  background-color: #f0f0f0;
  left: auto;
  max-width: 20rem;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 100;
}

/* stylelint-disable selector-class-pattern */
.usa-date-picker__calendar__table {
  border-spacing: 0;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
.usa-date-picker__calendar__table th {
  font-weight: normal;
}
.usa-date-picker__calendar__table td {
  padding: 0;
}

.usa-date-picker__calendar__row {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
}

.usa-date-picker__calendar__cell {
  background-color: #f0f0f0;
  flex: 1;
}

.usa-date-picker__calendar__cell--center-items {
  display: flex;
  justify-content: center;
  align-items: center;
}

.usa-date-picker__calendar__previous-year,
.usa-date-picker__calendar__previous-month,
.usa-date-picker__calendar__next-year,
.usa-date-picker__calendar__next-month {
  background-position: center;
  background-size: auto 1.5rem;
  height: 1.5rem;
  padding: 20px 10px;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__previous-year,
  .usa-date-picker__calendar__previous-month,
  .usa-date-picker__calendar__next-year,
  .usa-date-picker__calendar__next-month {
    mask-size: 1.5rem !important;
  }
}

.usa-date-picker__calendar__previous-year:not([disabled]) {
  background-image: url("../img/usa-icons/navigate_far_before.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__previous-year:not([disabled]) {
    background: url("../img/usa-icons/navigate_far_before.svg") no-repeat center/contain;
    display: inline-block;
    height: 2.5rem;
    width: 3rem;
    background-color: buttonText;
  }
  @supports (mask: url("")) {
    .usa-date-picker__calendar__previous-year:not([disabled]) {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/navigate_far_before.svg") no-repeat center/contain;
    }
  }
}

.usa-date-picker__calendar__previous-month:not([disabled]) {
  background-image: url("../img/usa-icons/navigate_before.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__previous-month:not([disabled]) {
    background: url("../img/usa-icons/navigate_before.svg") no-repeat center/contain;
    display: inline-block;
    height: 2.5rem;
    width: 3rem;
    background-color: buttonText;
  }
  @supports (mask: url("")) {
    .usa-date-picker__calendar__previous-month:not([disabled]) {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/navigate_before.svg") no-repeat center/contain;
    }
  }
}

.usa-date-picker__calendar__next-year:not([disabled]) {
  background-image: url("../img/usa-icons/navigate_far_next.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__next-year:not([disabled]) {
    background: url("../img/usa-icons/navigate_far_next.svg") no-repeat center/contain;
    display: inline-block;
    height: 2.5rem;
    width: 3rem;
    background-color: buttonText;
  }
  @supports (mask: url("")) {
    .usa-date-picker__calendar__next-year:not([disabled]) {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/navigate_far_next.svg") no-repeat center/contain;
    }
  }
}

.usa-date-picker__calendar__next-month:not([disabled]) {
  background-image: url("../img/usa-icons/navigate_next.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__next-month:not([disabled]) {
    background: url("../img/usa-icons/navigate_next.svg") no-repeat center/contain;
    display: inline-block;
    height: 2.5rem;
    width: 3rem;
    background-color: buttonText;
  }
  @supports (mask: url("")) {
    .usa-date-picker__calendar__next-month:not([disabled]) {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/navigate_next.svg") no-repeat center/contain;
    }
  }
}

.usa-date-picker__calendar__day-of-week {
  padding: 6px 0px;
}

.usa-date-picker__calendar__date {
  padding: 10px 0px;
}
.usa-date-picker__calendar__date--focused {
  outline: 2px solid #162e51;
  outline-offset: -2px;
  position: relative;
  z-index: 100;
}
.usa-date-picker__calendar__date--next-month:not([disabled]), .usa-date-picker__calendar__date--previous-month:not([disabled]) {
  color: #5d5d52;
}
.usa-date-picker__calendar__date--selected, .usa-date-picker__calendar__date--range-date {
  background-color: #0050d8;
  color: #f9f9f9;
}
.usa-date-picker__calendar__date--selected:not([disabled]), .usa-date-picker__calendar__date--range-date:not([disabled]) {
  background-color: #0050d8;
  color: #f9f9f9;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__date--selected:not([disabled]), .usa-date-picker__calendar__date--range-date:not([disabled]) {
    border: ActiveText 2px solid;
  }
}
.usa-date-picker__calendar__date--selected:not([disabled]):hover, .usa-date-picker__calendar__date--range-date:not([disabled]):hover {
  background-color: #0050d8;
  color: #e6e6e6;
}
.usa-date-picker__calendar__date--selected:not([disabled]):focus, .usa-date-picker__calendar__date--range-date:not([disabled]):focus {
  background-color: #0050d8;
  color: #f9f9f9;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__date--selected:not([disabled]):focus, .usa-date-picker__calendar__date--range-date:not([disabled]):focus {
    border: ActiveText 2px solid;
  }
}
.usa-date-picker__calendar__date--selected:not([disabled]):active, .usa-date-picker__calendar__date--range-date:not([disabled]):active {
  background-color: #1a4480;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__date--selected:not([disabled]):active, .usa-date-picker__calendar__date--range-date:not([disabled]):active {
    background-color: Highlight;
  }
}
.usa-date-picker__calendar__date--range-date-start {
  border-top-left-radius: 10%;
  border-bottom-left-radius: 10%;
}
.usa-date-picker__calendar__date--range-date-end {
  border-top-right-radius: 10%;
  border-bottom-right-radius: 10%;
}
.usa-date-picker__calendar__date--within-range {
  background-color: #cfe8ff;
}
.usa-date-picker__calendar__date--within-range:not([disabled]) {
  background-color: #cfe8ff;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__date--within-range:not([disabled]) {
    border: Highlight 2px solid;
  }
}
.usa-date-picker__calendar__date--within-range:not([disabled]):hover {
  background-color: #cfe8ff;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__date--within-range:not([disabled]):hover {
    border: Highlight 2px solid;
  }
}
.usa-date-picker__calendar__date--within-range:not([disabled]):focus {
  background-color: #cfe8ff;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__date--within-range:not([disabled]):focus {
    border: Highlight 2px solid;
  }
}
.usa-date-picker__calendar__date--within-range:not([disabled]):active {
  background-color: #cfe8ff;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__date--within-range:not([disabled]):active {
    background-color: Highlight;
  }
}

.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;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__previous-year-chunk,
  .usa-date-picker__calendar__next-year-chunk {
    mask-size: 1.5rem !important;
  }
}

.usa-date-picker__calendar__previous-year-chunk:not([disabled]) {
  background-image: url("../img/usa-icons/navigate_before.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__previous-year-chunk:not([disabled]) {
    background-image: none;
  }
  .usa-date-picker__calendar__previous-year-chunk:not([disabled])::after {
    background: url("../img/usa-icons/navigate_before.svg") no-repeat center/contain;
    display: inline-block;
    height: 2.5rem;
    width: 3rem;
    content: "";
    vertical-align: middle;
    margin-left: auto;
  }
  @supports (mask: url("")) {
    .usa-date-picker__calendar__previous-year-chunk:not([disabled])::after {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/navigate_before.svg") no-repeat center/contain;
    }
  }
  .usa-date-picker__calendar__previous-year-chunk:not([disabled]):hover {
    outline: 2px solid transparent;
    background-color: transparent;
  }
}

.usa-date-picker__calendar__next-year-chunk:not([disabled]) {
  background-image: url("../img/usa-icons/navigate_next.svg"), linear-gradient(transparent, transparent);
  background-repeat: no-repeat;
}
@media (forced-colors: active) {
  .usa-date-picker__calendar__next-year-chunk:not([disabled]) {
    background-image: none;
  }
  .usa-date-picker__calendar__next-year-chunk:not([disabled])::after {
    background: url("../img/usa-icons/navigate_next.svg") no-repeat center/contain;
    display: inline-block;
    height: 2.5rem;
    width: 3rem;
    content: "";
    vertical-align: middle;
    margin-left: auto;
  }
  @supports (mask: url("")) {
    .usa-date-picker__calendar__next-year-chunk:not([disabled])::after {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/navigate_next.svg") no-repeat center/contain;
    }
  }
  .usa-date-picker__calendar__next-year-chunk:not([disabled]):hover {
    outline: 2px solid transparent;
    background-color: transparent;
  }
}

.usa-date-picker__calendar__year {
  padding: 10px 0;
}
.usa-date-picker__calendar__year--focused {
  outline: 2px solid #162e51;
  outline-offset: -2px;
  position: relative;
  z-index: 100;
}
.usa-date-picker__calendar__year--selected {
  background-color: #0050d8;
  color: #f9f9f9;
}
.usa-date-picker__calendar__year--selected:not([disabled]) {
  background-color: #0050d8;
  color: #f9f9f9;
}
.usa-date-picker__calendar__year--selected:not([disabled]):hover {
  background-color: #0050d8;
  color: #e6e6e6;
}
.usa-date-picker__calendar__year--selected:not([disabled]):focus {
  background-color: #0050d8;
  color: #f9f9f9;
}
.usa-date-picker__calendar__year--selected:not([disabled]):active {
  background-color: #1a4480;
}

/* stylelint-enable selector-class-pattern */
.usa-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.3333333333%;
}

.grid-col-2 {
  flex: 0 1 auto;
  width: 16.6666666667%;
}

.grid-col-3 {
  flex: 0 1 auto;
  width: 25%;
}

.grid-col-4 {
  flex: 0 1 auto;
  width: 33.3333333333%;
}

.grid-col-5 {
  flex: 0 1 auto;
  width: 41.6666666667%;
}

.grid-col-6 {
  flex: 0 1 auto;
  width: 50%;
}

.grid-col-7 {
  flex: 0 1 auto;
  width: 58.3333333333%;
}

.grid-col-8 {
  flex: 0 1 auto;
  width: 66.6666666667%;
}

.grid-col-9 {
  flex: 0 1 auto;
  width: 75%;
}

.grid-col-10 {
  flex: 0 1 auto;
  width: 83.3333333333%;
}

.grid-col-11 {
  flex: 0 1 auto;
  width: 91.6666666667%;
}

.grid-col-12 {
  flex: 0 1 auto;
  width: 100%;
}

@media all and (min-width: 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.3333333333%;
  }
  .mobile\:grid-col-2 {
    flex: 0 1 auto;
    width: 16.6666666667%;
  }
  .mobile\:grid-col-3 {
    flex: 0 1 auto;
    width: 25%;
  }
  .mobile\:grid-col-4 {
    flex: 0 1 auto;
    width: 33.3333333333%;
  }
  .mobile\:grid-col-5 {
    flex: 0 1 auto;
    width: 41.6666666667%;
  }
  .mobile\:grid-col-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .mobile\:grid-col-7 {
    flex: 0 1 auto;
    width: 58.3333333333%;
  }
  .mobile\:grid-col-8 {
    flex: 0 1 auto;
    width: 66.6666666667%;
  }
  .mobile\:grid-col-9 {
    flex: 0 1 auto;
    width: 75%;
  }
  .mobile\:grid-col-10 {
    flex: 0 1 auto;
    width: 83.3333333333%;
  }
  .mobile\:grid-col-11 {
    flex: 0 1 auto;
    width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .mobile-lg\:grid-col-2 {
    flex: 0 1 auto;
    width: 16.6666666667%;
  }
  .mobile-lg\:grid-col-3 {
    flex: 0 1 auto;
    width: 25%;
  }
  .mobile-lg\:grid-col-4 {
    flex: 0 1 auto;
    width: 33.3333333333%;
  }
  .mobile-lg\:grid-col-5 {
    flex: 0 1 auto;
    width: 41.6666666667%;
  }
  .mobile-lg\:grid-col-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .mobile-lg\:grid-col-7 {
    flex: 0 1 auto;
    width: 58.3333333333%;
  }
  .mobile-lg\:grid-col-8 {
    flex: 0 1 auto;
    width: 66.6666666667%;
  }
  .mobile-lg\:grid-col-9 {
    flex: 0 1 auto;
    width: 75%;
  }
  .mobile-lg\:grid-col-10 {
    flex: 0 1 auto;
    width: 83.3333333333%;
  }
  .mobile-lg\:grid-col-11 {
    flex: 0 1 auto;
    width: 91.6666666667%;
  }
  .mobile-lg\:grid-col-12 {
    flex: 0 1 auto;
    width: 100%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-col {
    flex: 1 1 0%;
    width: auto;
    max-width: 100%;
    min-width: 1px;
  }
  .tablet\:grid-col-fill {
    flex: 1 1 0%;
    width: auto;
    max-width: 100%;
    min-width: 1px;
  }
  .tablet\:grid-col-auto {
    flex: 0 1 auto;
    width: auto;
    max-width: 100%;
  }
  .tablet\:grid-col-1 {
    flex: 0 1 auto;
    width: 8.3333333333%;
  }
  .tablet\:grid-col-2 {
    flex: 0 1 auto;
    width: 16.6666666667%;
  }
  .tablet\:grid-col-3 {
    flex: 0 1 auto;
    width: 25%;
  }
  .tablet\:grid-col-4 {
    flex: 0 1 auto;
    width: 33.3333333333%;
  }
  .tablet\:grid-col-5 {
    flex: 0 1 auto;
    width: 41.6666666667%;
  }
  .tablet\:grid-col-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .tablet\:grid-col-7 {
    flex: 0 1 auto;
    width: 58.3333333333%;
  }
  .tablet\:grid-col-8 {
    flex: 0 1 auto;
    width: 66.6666666667%;
  }
  .tablet\:grid-col-9 {
    flex: 0 1 auto;
    width: 75%;
  }
  .tablet\:grid-col-10 {
    flex: 0 1 auto;
    width: 83.3333333333%;
  }
  .tablet\:grid-col-11 {
    flex: 0 1 auto;
    width: 91.6666666667%;
  }
  .tablet\:grid-col-12 {
    flex: 0 1 auto;
    width: 100%;
  }
}
@media all and (min-width: 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.3333333333%;
  }
  .tablet-lg\:grid-col-2 {
    flex: 0 1 auto;
    width: 16.6666666667%;
  }
  .tablet-lg\:grid-col-3 {
    flex: 0 1 auto;
    width: 25%;
  }
  .tablet-lg\:grid-col-4 {
    flex: 0 1 auto;
    width: 33.3333333333%;
  }
  .tablet-lg\:grid-col-5 {
    flex: 0 1 auto;
    width: 41.6666666667%;
  }
  .tablet-lg\:grid-col-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .tablet-lg\:grid-col-7 {
    flex: 0 1 auto;
    width: 58.3333333333%;
  }
  .tablet-lg\:grid-col-8 {
    flex: 0 1 auto;
    width: 66.6666666667%;
  }
  .tablet-lg\:grid-col-9 {
    flex: 0 1 auto;
    width: 75%;
  }
  .tablet-lg\:grid-col-10 {
    flex: 0 1 auto;
    width: 83.3333333333%;
  }
  .tablet-lg\:grid-col-11 {
    flex: 0 1 auto;
    width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .desktop\:grid-col-2 {
    flex: 0 1 auto;
    width: 16.6666666667%;
  }
  .desktop\:grid-col-3 {
    flex: 0 1 auto;
    width: 25%;
  }
  .desktop\:grid-col-4 {
    flex: 0 1 auto;
    width: 33.3333333333%;
  }
  .desktop\:grid-col-5 {
    flex: 0 1 auto;
    width: 41.6666666667%;
  }
  .desktop\:grid-col-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .desktop\:grid-col-7 {
    flex: 0 1 auto;
    width: 58.3333333333%;
  }
  .desktop\:grid-col-8 {
    flex: 0 1 auto;
    width: 66.6666666667%;
  }
  .desktop\:grid-col-9 {
    flex: 0 1 auto;
    width: 75%;
  }
  .desktop\:grid-col-10 {
    flex: 0 1 auto;
    width: 83.3333333333%;
  }
  .desktop\:grid-col-11 {
    flex: 0 1 auto;
    width: 91.6666666667%;
  }
  .desktop\:grid-col-12 {
    flex: 0 1 auto;
    width: 100%;
  }
}
@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.3333333333%;
  }
  .desktop-lg\:grid-col-2 {
    flex: 0 1 auto;
    width: 16.6666666667%;
  }
  .desktop-lg\:grid-col-3 {
    flex: 0 1 auto;
    width: 25%;
  }
  .desktop-lg\:grid-col-4 {
    flex: 0 1 auto;
    width: 33.3333333333%;
  }
  .desktop-lg\:grid-col-5 {
    flex: 0 1 auto;
    width: 41.6666666667%;
  }
  .desktop-lg\:grid-col-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .desktop-lg\:grid-col-7 {
    flex: 0 1 auto;
    width: 58.3333333333%;
  }
  .desktop-lg\:grid-col-8 {
    flex: 0 1 auto;
    width: 66.6666666667%;
  }
  .desktop-lg\:grid-col-9 {
    flex: 0 1 auto;
    width: 75%;
  }
  .desktop-lg\:grid-col-10 {
    flex: 0 1 auto;
    width: 83.3333333333%;
  }
  .desktop-lg\:grid-col-11 {
    flex: 0 1 auto;
    width: 91.6666666667%;
  }
  .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.3333333333%;
  }
  .widescreen\:grid-col-2 {
    flex: 0 1 auto;
    width: 16.6666666667%;
  }
  .widescreen\:grid-col-3 {
    flex: 0 1 auto;
    width: 25%;
  }
  .widescreen\:grid-col-4 {
    flex: 0 1 auto;
    width: 33.3333333333%;
  }
  .widescreen\:grid-col-5 {
    flex: 0 1 auto;
    width: 41.6666666667%;
  }
  .widescreen\:grid-col-6 {
    flex: 0 1 auto;
    width: 50%;
  }
  .widescreen\:grid-col-7 {
    flex: 0 1 auto;
    width: 58.3333333333%;
  }
  .widescreen\:grid-col-8 {
    flex: 0 1 auto;
    width: 66.6666666667%;
  }
  .widescreen\:grid-col-9 {
    flex: 0 1 auto;
    width: 75%;
  }
  .widescreen\:grid-col-10 {
    flex: 0 1 auto;
    width: 83.3333333333%;
  }
  .widescreen\:grid-col-11 {
    flex: 0 1 auto;
    width: 91.6666666667%;
  }
  .widescreen\:grid-col-12 {
    flex: 0 1 auto;
    width: 100%;
  }
}
.grid-offset-1 {
  margin-left: 8.3333333333%;
}

.grid-offset-2 {
  margin-left: 16.6666666667%;
}

.grid-offset-3 {
  margin-left: 25%;
}

.grid-offset-4 {
  margin-left: 33.3333333333%;
}

.grid-offset-5 {
  margin-left: 41.6666666667%;
}

.grid-offset-6 {
  margin-left: 50%;
}

.grid-offset-7 {
  margin-left: 58.3333333333%;
}

.grid-offset-8 {
  margin-left: 66.6666666667%;
}

.grid-offset-9 {
  margin-left: 75%;
}

.grid-offset-10 {
  margin-left: 83.3333333333%;
}

.grid-offset-11 {
  margin-left: 91.6666666667%;
}

.grid-offset-12 {
  margin-left: 100%;
}

.grid-offset-none {
  margin-left: 0;
}

@media all and (min-width: 20em) {
  .mobile\:grid-offset-1 {
    margin-left: 8.3333333333%;
  }
}
@media all and (min-width: 20em) {
  .mobile\:grid-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 20em) {
  .mobile\:grid-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 20em) {
  .mobile\:grid-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 20em) {
  .mobile\:grid-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-3 {
    margin-left: 25%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-4 {
    margin-left: 33.3333333333%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-6 {
    margin-left: 50%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-7 {
    margin-left: 58.3333333333%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-9 {
    margin-left: 75%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-10 {
    margin-left: 83.3333333333%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-12 {
    margin-left: 100%;
  }
}
@media all and (min-width: 30em) {
  .mobile-lg\:grid-offset-none {
    margin-left: 0;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-1 {
    margin-left: 8.3333333333%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-3 {
    margin-left: 25%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-4 {
    margin-left: 33.3333333333%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-6 {
    margin-left: 50%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-7 {
    margin-left: 58.3333333333%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-9 {
    margin-left: 75%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-10 {
    margin-left: 83.3333333333%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-12 {
    margin-left: 100%;
  }
}
@media all and (min-width: 40em) {
  .tablet\:grid-offset-none {
    margin-left: 0;
  }
}
@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-1 {
    margin-left: 8.3333333333%;
  }
}
@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 55em) {
  .tablet-lg\:grid-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-3 {
    margin-left: 25%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-4 {
    margin-left: 33.3333333333%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-6 {
    margin-left: 50%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-7 {
    margin-left: 58.3333333333%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-9 {
    margin-left: 75%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-10 {
    margin-left: 83.3333333333%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-12 {
    margin-left: 100%;
  }
}
@media all and (min-width: 64em) {
  .desktop\:grid-offset-none {
    margin-left: 0;
  }
}
@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-1 {
    margin-left: 8.3333333333%;
  }
}
@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 75em) {
  .desktop-lg\:grid-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-2 {
    margin-left: 16.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-5 {
    margin-left: 41.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-8 {
    margin-left: 66.6666666667%;
  }
}
@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.3333333333%;
  }
}
@media all and (min-width: 87.5em) {
  .widescreen\:grid-offset-11 {
    margin-left: 91.6666666667%;
  }
}
@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;
}
@media (forced-colors: active) {
  .usa-accordion__button {
    forced-color-adjust: 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/contain;
  display: inline-block;
  height: 2rem;
  width: 2rem;
  content: "";
  display: block;
  height: 3.5rem;
  left: 0.9166666667rem;
  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/contain;
  }
}
.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.8333333334rem;
}

.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/contain;
  display: inline-block;
  height: 2rem;
  width: 2rem;
  content: "";
  display: block;
  height: 3.5rem;
  left: 0.9166666667rem;
  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/contain;
  }
}
.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.8333333334rem;
}

.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/contain;
  display: inline-block;
  height: 2rem;
  width: 2rem;
  content: "";
  display: block;
  height: 3.5rem;
  left: 0.9166666667rem;
  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/contain;
  }
}
.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.8333333334rem;
}

.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/contain;
  display: inline-block;
  height: 2rem;
  width: 2rem;
  content: "";
  display: block;
  height: 3.5rem;
  left: 0.9166666667rem;
  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/contain;
  }
}
.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.8333333334rem;
}

.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/contain;
  display: inline-block;
  height: 2rem;
  width: 2rem;
  content: "";
  display: block;
  height: 3.5rem;
  left: 0.9166666667rem;
  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/contain;
  }
}
.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.8333333334rem;
}

.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.3333333334rem;
}

.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;
}
@media (forced-colors: active) {
  .usa-banner__lock-image path {
    fill: CanvasText;
  }
}

.usa-banner__inner {
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 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/contain;
  display: inline-block;
  height: 1rem;
  width: 1rem;
  content: "";
  vertical-align: middle;
  margin-left: auto;
}
@supports (mask: url("")) {
  .usa-banner__header-action::after {
    background: none;
    background-color: #005ea2;
    mask: url("../img/usa-icons/expand_more.svg") no-repeat center/contain;
  }
  .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;
  }
}
@media (forced-colors: active) {
  .usa-banner__header-action {
    color: LinkText;
  }
  .usa-banner__header-action::after {
    background-color: ButtonText;
  }
}

.usa-banner__header-flag {
  float: left;
  margin-right: 0.5rem;
  width: 1rem;
}
@media all and (min-width: 40em) {
  .usa-banner__header-flag {
    margin-right: 0.5rem;
    padding-top: 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/contain;
    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/contain;
    }
    .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, .usa-banner__button:hover::after {
    position: absolute;
  }
}
@media (min-width: 40em) and (forced-colors: active) {
  .usa-banner__button::after, .usa-banner__button:hover::after {
    background-color: ButtonText;
  }
}
@media all and (min-width: 40em) {
  .usa-banner__button:hover {
    text-decoration: none;
  }
}
.usa-banner__button[aria-expanded=false] {
  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/contain;
    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/contain;
    }
  }
  .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/contain;
    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/contain;
    }
    .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, .usa-banner__button[aria-expanded=true]:hover::after {
    position: absolute;
  }
}
@media (min-width: 40em) and (forced-colors: active) {
  .usa-banner__button[aria-expanded=true]::after, .usa-banner__button[aria-expanded=true]:hover::after {
    background-color: ButtonText;
  }
}

.usa-banner__button-text {
  position: absolute;
  left: -999em;
  right: auto;
  text-decoration: underline;
}
@media all and (min-width: 40em) {
  .usa-banner__button-text {
    position: static;
    display: inline;
  }
}
@media (forced-colors: active) {
  .usa-banner__button-text {
    color: LinkText;
  }
}

.usa-banner__icon {
  width: 2.5rem;
}

.usa-js-loading .usa-banner__content {
  position: absolute;
  left: -999em;
  right: auto;
}

.usa-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;
  }
}
@media (min-width: 20em) and (forced-colors: active) {
  .usa-header--basic .usa-nav__primary-item > .usa-current::after,
  .usa-header--basic .usa-nav__link:hover::after {
    background-color: ButtonText;
  }
}
@media all and (min-width: 20em) {
  .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;
  }
}
@media (min-width: 20em) and (forced-colors: active) {
  .usa-header--extended .usa-nav__primary-item > .usa-current::after,
  .usa-header--extended .usa-nav__primary-item > .usa-nav__link:hover::after {
    background-color: ButtonText;
  }
}
@media all and (min-width: 20em) {
  .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 (max-width: 19.99em) and (forced-colors: active) {
  .usa-nav__primary .usa-current::after {
    background-color: ButtonText;
  }
}
@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 (max-width: 19.99em) and (min-width: 40em) and (forced-colors: active) {
  .usa-nav__primary .usa-current::after {
    background-color: ButtonText;
  }
}
@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;
  position: relative;
  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;
  }
}
@media (forced-colors: active) {
  .usa-nav__primary button {
    forced-color-adjust: auto;
  }
}
.usa-nav__primary button:hover {
  color: #005ea2;
  background-color: #f0f0f0;
  text-decoration: none;
}
@media all and (min-width: 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: none;
}
.usa-nav__primary button[aria-expanded=false] span::after {
  background: url("../img/usa-icons/add.svg") no-repeat center/contain;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  content: "";
  vertical-align: middle;
  margin-left: auto;
}
@supports (mask: url("")) {
  .usa-nav__primary button[aria-expanded=false] span::after {
    background: none;
    background-color: ButtonText;
    mask: url("../img/usa-icons/add.svg") no-repeat center/contain;
  }
}
.usa-nav__primary button[aria-expanded=false] span::after {
  position: absolute;
  right: 0;
}
.usa-nav__primary button[aria-expanded=false] span::after:hover {
  background-color: buttonText;
}
@media all and (min-width: 20em) {
  .usa-nav__primary button[aria-expanded=false] span::after {
    background: url("../img/usa-icons/expand_more.svg") no-repeat center/contain;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    content: "";
    vertical-align: middle;
    margin-left: auto;
  }
  @supports (mask: url("")) {
    .usa-nav__primary button[aria-expanded=false] span::after {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/expand_more.svg") no-repeat center/contain;
    }
  }
  .usa-nav__primary button[aria-expanded=false] span::after {
    right: 0.75rem;
  }
}
@media all and (min-width: 20em) {
  .usa-nav__primary button[aria-expanded=false]:hover span::after {
    background-color: #1a4480;
  }
}
@media (min-width: 20em) and (forced-colors: active) {
  .usa-nav__primary button[aria-expanded=false]:hover span::after {
    background-color: ButtonText;
  }
}
.usa-nav__primary button[aria-expanded=true] {
  /* stylelint-disable-line selector-no-qualifying-type */
  background-image: none;
}
.usa-nav__primary button[aria-expanded=true] span::after {
  background: url("../img/usa-icons/remove.svg") no-repeat center/contain;
  display: inline-block;
  height: 1.25rem;
  width: 1.25rem;
  content: "";
  vertical-align: middle;
  margin-left: auto;
}
@supports (mask: url("")) {
  .usa-nav__primary button[aria-expanded=true] span::after {
    background: none;
    background-color: ButtonText;
    mask: url("../img/usa-icons/remove.svg") no-repeat center/contain;
  }
}
.usa-nav__primary button[aria-expanded=true] span::after {
  position: absolute;
  right: 0;
}
@media (forced-colors: active) {
  .usa-nav__primary button[aria-expanded=true] span::after {
    background-color: ButtonText;
  }
}
@media all and (min-width: 20em) {
  .usa-nav__primary button[aria-expanded=true] {
    background-image: none;
    background-color: #162e51;
    color: white;
  }
}
@media all and (min-width: 20em) and (min-width: 20em) {
  .usa-nav__primary button[aria-expanded=true] span::after {
    background: url("../img/usa-icons/expand_less.svg") no-repeat center/contain;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    content: "";
    vertical-align: middle;
    margin-left: auto;
  }
  @supports (mask: url("")) {
    .usa-nav__primary button[aria-expanded=true] span::after {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/expand_less.svg") no-repeat center/contain;
    }
  }
  .usa-nav__primary button[aria-expanded=true] span::after {
    right: 0.75rem;
    background-color: white;
  }
}
@media (min-width: 20em) and (min-width: 20em) and (forced-colors: active) {
  .usa-nav__primary button[aria-expanded=true] span::after {
    background-color: ButtonText;
  }
}
@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;
  background-image: none;
}
.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;
}
@media (forced-colors: active) {
  .usa-nav__close::before {
    background: url("../img/usa-icons/close.svg") no-repeat center/contain;
    display: inline-block;
    height: 1.25rem;
    width: 1.25rem;
    content: "";
    vertical-align: middle;
    margin-right: auto;
  }
  @supports (mask: url("")) {
    .usa-nav__close::before {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/close.svg") no-repeat center/contain;
    }
  }
  .usa-nav__close::before {
    background-color: buttonText;
  }
}
.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;
}
@media (forced-colors: active) {
  .usa-nav__close img {
    display: none;
  }
}
.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] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  height: 2rem;
  margin: 0;
  padding: 0;
  width: 3rem;
}
@media all and (min-width: 30em) {
  .usa-search [type=submit] {
    padding-left: 1rem;
    padding-right: 1rem;
    width: auto;
  }
}
@media (forced-colors: active) {
  .usa-search [type=submit] {
    border: 2px solid transparent;
  }
  .usa-search [type=submit]::before {
    background: url("../img/usa-icons/search.svg") no-repeat center/contain;
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    content: "";
    vertical-align: middle;
    margin-right: auto;
  }
  @supports (mask: url("")) {
    .usa-search [type=submit]::before {
      background: none;
      background-color: ButtonText;
      mask: url("../img/usa-icons/search.svg") no-repeat center/contain;
    }
  }
}
@media (forced-colors: active) and (min-width: 30em) {
  .usa-search [type=submit]::before {
    content: none;
  }
}
@media all and (min-width: 30em) {
  .usa-search__submit-icon {
    display: none;
  }
}
@media (forced-colors: active) {
  .usa-search__submit-icon {
    display: none;
  }
}

@media all and (min-width: 30em) {
  .usa-search--big [type=search],
  .usa-search--big .usa-search__input {
    font-size: 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 (forced-colors: active) and (min-width: 30em) {
  .usa-search--small [type=submit]::before {
    content: "";
  }
}
.usa-search--small [type=submit],
.usa-search--small .usa-search__submit {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  min-width: 3rem;
}
.usa-search--small .usa-search__submit-icon {
  height: 1.5rem;
  width: 1.5rem;
  display: block;
}
@media (forced-colors: active) {
  .usa-search--small .usa-search__submit-icon {
    display: none;
  }
}

input[type=search] {
  /* stylelint-disable-line selector-no-qualifying-type */
  box-sizing: border-box;
  appearance: none;
}

[type=search],
.usa-search__input {
  padding-bottom: 0;
  padding-top: 0;
  border-bottom-right-radius: 0;
  border-right: none;
  border-top-right-radius: 0;
  box-sizing: border-box;
  float: left;
  font-size: 1rem;
  height: 2rem;
  margin: 0;
}

.usa-search__submit-text {
  display: none;
}
@media all and (min-width: 30em) {
  .usa-search__submit-text {
    display: block;
  }
}

.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: 50vw;
}

.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(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  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;
  display: inline-block;
  width: calc(100% - 36px);
}

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

.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: 0.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: 4.688rem;
  width: 4.688rem;
  background-image: url("../img/logo/png/dos-student-internship-program-logo.png");
  background-size: 4.688rem;
  background-repeat: no-repeat;
}
@media screen and (min-width: 48em) {
  .logo {
    background-size: 5.313rem;
    height: 5.313rem;
    width: 5.313rem;
  }
}

@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 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: 0.5rem 3rem 0.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: 0.5rem;
  margin-top: 1rem;
  font-size: 16px;
  font-size: 1rem;
  margin: 0;
  padding: 0.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: 6.25rem;
  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: 4.688rem;
  width: 4.688rem;
  background-image: url("../img/logo/png/dos-student-internship-program-logo.png");
  background-size: 4.688rem;
  background-repeat: no-repeat;
}
@media screen and (min-width: 48em) {
  #internship-preview .logo {
    background-size: 5.313rem;
    height: 5.313rem;
    width: 5.313rem;
  }
}

.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, #join-closed-community {
  width: 100%;
}
@media all and (max-width: 63.99em) {
  #join, #create-discussion, #join-discussion, #join-closed-community {
    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, .events-show-all:visited,
.related-communities-show-all, .related-communities-show-all:hover, .related-communities-show-all:visited {
  display: block;
  color: #005ea2;
  background-color: white;
  width: 100%;
  width: 100%;
}
.events-show-all::after, .events-show-all:hover::after, .events-show-all:visited::after,
.related-communities-show-all::after, .related-communities-show-all:hover::after, .related-communities-show-all:visited::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;
}

.related-communities-filter div:nth-child(n+5) {
  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: 400px;
}

.community-card-line-clamp--description {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.community-card-line-clamp--related-community {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -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: 7rem;
  }
}
.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;
  }
}

.agreement-page {
  background: #ffffff;
  margin: 60px;
}
.agreement-page body {
  background-color: #ffffff;
}
.agreement-page .fill-in-text {
  margin-bottom: 0.25rem;
}
.agreement-page .fill-in-text-block {
  border-bottom: 1px solid #000000;
}
.agreement-page .fill-in-text-label {
  margin-top: 0;
}

@media print {
  .usajobs-site-header, .navigation, #footer {
    display: none;
  }
  @page {
    width: 8.5in;
    height: 11in;
    size: letter portrait;
    margin: 0;
  }
  body {
    background-color: #ffffff;
    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 .great-seal-united-states img {
    width: 10rem;
  }
  .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 h3.presented-to {
    margin-top: 1.5rem;
  }
  .completion-certificate .border .inner-border .fill-in-text {
    font-size: 2.2rem;
  }
  .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: 17rem;
  }
  .completion-certificate .border .inner-border .fill-in-text .two-line-text__vsfs {
    height: 11rem;
  }
  .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 2.3rem 0;
  }
  .agreement-page {
    margin: 0.75in;
  }
  .agreement-page body {
    background-color: #ffffff;
  }
}
.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: 0.2rem;
  box-shadow: 0 0 0 1px #757575;
  content: " ";
  display: inline-block;
  height: 1.125rem;
  line-height: 0.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.saved-searches {
    left: 10.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .usa-accordion .home-tabs__trigger.saved-searches-student {
    left: 10.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .usa-accordion .home-tabs__trigger.saved-people {
    left: 21rem;
  }
  .usa-accordion .home-tabs__trigger.whats-new {
    left: 31.5rem;
  }
}
@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.saved-searches {
    left: 12rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .usa-accordion .home-tabs__trigger.saved-searches-student {
    left: 12rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .usa-accordion .home-tabs__trigger.saved-people {
    left: 24rem;
  }
  .usa-accordion .home-tabs__trigger.whats-new {
    left: 36rem;
  }
}
@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.saved-searches {
    left: 13.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .usa-accordion .home-tabs__trigger.saved-searches-student {
    left: 13.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
  .usa-accordion .home-tabs__trigger.saved-people {
    left: 27rem;
  }
  .usa-accordion .home-tabs__trigger.whats-new {
    left: 40.5rem;
  }
}

.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[aria-expanded=true] + .openopps-drawer-face.community-settings {
  padding-bottom: 0;
}
.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;
  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-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, .openopps-drawers .openopps-drawer-button-hollow.opportunity-applicants {
  padding-bottom: 2rem;
  background-position: 0.75rem 2.25rem;
}
@media screen and (min-width: 62em) {
  .openopps-drawers .openopps-drawer-button-hollow.community-settings, .openopps-drawers .openopps-drawer-button-hollow.opportunity-applicants {
    background-position: 2rem 2.25rem;
  }
}
.openopps-drawers .openopps-drawer-button-hollow.community-settings {
  padding-top: 2rem;
}
.openopps-drawers .openopps-drawer-button-hollow.opportunity-applicants {
  height: fit-content;
  padding-top: 2rem;
  padding-bottom: 0.5rem;
}
@media all and (min-width: 40em) {
  .openopps-drawers .openopps-drawer-button-hollow.opportunity-applicants {
    padding-bottom: 2rem;
  }
}
@media all and (min-width: 64em) {
  .openopps-drawers .openopps-drawer-button-hollow.opportunity-applicants {
    padding-left: 3.75rem;
  }
}
.openopps-drawers .openopps-drawer-button-actions {
  padding: 0 1rem;
}
@media all and (min-width: 40em) {
  .openopps-drawers .openopps-drawer-button-actions {
    padding: 2rem 1rem;
  }
}
@media screen and (min-width: 62em) {
  .openopps-drawers .openopps-drawer-button-actions {
    padding: 2rem 2rem;
  }
}
@media all and (min-width: 40em) {
  .openopps-drawers .openopps-drawer-button-actions .email-button, .openopps-drawers .openopps-drawer-button-actions .invite-apply-button {
    margin-top: 0.25rem;
  }
}
.openopps-drawers .openopps-drawer-button-actions .email-button:last-child, .openopps-drawers .openopps-drawer-button-actions .invite-apply-button:last-child {
  margin-right: 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.community-settings {
  margin-top: 1rem;
  padding-bottom: 2rem;
  padding-left: 3.75rem;
}
.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.state-inprogress, .openopps-drawers .openopps-drawer-content.state-completed {
  padding-top: 0;
}
.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, #internship-tab-open .internships-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, #internship-tab-open .internships-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, .internship-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, .available-student-search .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, .internship-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, .available-student-search .openopps-search-controls__div {
    justify-content: flex-end;
  }
}
.opportunity-participated .openopps-search-controls__sort-control, .opportunity-created .openopps-search-controls__sort-control, .internship-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, .available-student-search .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), rgb(255, 255, 255) 40%);
  transition: height 0.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: 10rem;
  width: 12%;
}

.open-opps-title {
  width: 40%;
  min-width: 11rem;
}

.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-40 {
  width: 40%;
  min-width: 9rem;
}

.open-opps-title-33 {
  width: 33%;
  min-width: 11rem;
}

.open-opps-title-30 {
  width: 30%;
  min-width: 6.75rem;
}

.open-opps-title-15 {
  width: 15%;
  min-width: 3.375rem;
}

.open-opps-title-12 {
  width: 12%;
  min-width: 2.7rem;
}

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

#applicant-content #sort-applicants, #applicant-content #filter-applicants {
  width: 160px;
}
@media all and (min-width: 40em) {
  #applicant-content #sort-applicants, #applicant-content #filter-applicants {
    width: 200px;
  }
}

.usajobs-openopps-help-center {
  background-color: #fff;
}

/* Banner
----------------------------------- */
.usajobs-openopps-help-center-banner {
  padding: 1.875rem 1.875rem 2.813rem 1.875rem;
  background: #046b99;
}

.openopps-help-center-banner__link,
.openopps-help-center-banner__link:visited {
  color: #fff;
  text-decoration: none;
}

/* Main Help Center navigation
----------------------------------- */
.usajobs-openopps-help-center-nav-secondary {
  margin-bottom: 1rem;
  background-color: #f1f1f1;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.usajobs-openopps-help-center-nav-secondary__body {
  max-width: 160rem;
  margin-left: auto;
  margin-right: auto;
}

.usajobs-openopps-help-center-nav-secondary__body a {
  text-decoration: none;
}

.usajobs-openopps-help-center-nav-secondary__menu {
  list-style-type: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
}

.usajobs-openopps-help-center-nav-secondary__container {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.usajobs-openopps-help-center-nav-secondary__container:before, .usajobs-openopps-help-center-nav-secondary__container:after {
  content: none;
}

.usajobs-openopps-help-center-nav-secondary__container.is-active .usajobs-openopps-help-center-nav-secondary__item {
  font-weight: bold;
  color: #212121;
  border-bottom: 3px solid #009688;
}

.usajobs-openopps-help-center-nav-secondary__item {
  display: block;
  padding: 0.938rem 1.875rem;
  font-size: 1.063rem;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  color: #323a45;
}

.usajobs-openopps-help-center-nav-secondary__item:after {
  content: "";
  display: table;
  clear: both;
}

@media (min-width: 30em) {
  .usajobs-openopps-help-center-nav-secondary__item {
    padding: 0.938rem 1.875rem;
  }
}
.usajobs-openopps-help-center-nav-secondary__item:hover {
  color: #205493;
}

.usajobs-openopps-help-center-nav-secondary__item:visited {
  color: #323a45;
}

.usajobs-openopps-help-center-nav-secondary__item:visited:hover {
  color: #205493;
}

.usajobs-openopps-help-center-nav-secondary__text {
  display: block;
}

@media (min-width: 37.5em) {
  .usajobs-openopps-help-center-nav-secondary__text {
    display: inline-block;
  }
}
.usajobs-openopps-help-center-nav-secondary__text-long {
  display: none;
}

@media (min-width: 37.5em) {
  .usajobs-openopps-help-center-nav-secondary__text-long {
    display: inline-block;
  }
  .usajobs-openopps-help-center-nav-secondary__text-long:hover {
    text-decoration: none;
  }
}
/* Side navigation
----------------------------------- */
.usa-nav__submenu-list > li, .usa-process-list > li,
.usa-prose .usa-process-list > li, .usa-sidenav > li,
.usa-sidenav__sublist > li {
  margin-bottom: 0;
  max-width: unset;
}

.usa-sidenav {
  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.3;
  border-bottom: 1px solid #e6e6e6;
}

.usa-sidenav__item {
  border-top: 1px solid #e6e6e6;
}

.usa-sidenav a:not(.usa-button) {
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
}

.usa-sidenav a:not(.usa-button):hover {
  background-color: #f0f0f0;
  text-decoration: none;
}

.usa-sidenav a:not(.usa-button):not(.usa-current) {
  color: #5c5c5c;
}

.usa-sidenav a:not(.usa-button):not(.usa-current):hover {
  color: #005ea2;
}

.usa-sidenav a:not(.usa-button):not(.usa-current):focus {
  outline-offset: 0;
}

.usa-sidenav .usa-current {
  position: relative;
  color: #212121;
  font-weight: 700;
}

@media (min-width: 40em) {
  .usa-sidenav .usa-current {
    position: relative;
  }
}
.usa-sidenav .usa-current::after {
  background-color: #009688;
  border-radius: 99rem;
  content: "";
  display: block;
  position: absolute;
  bottom: 0.25rem;
  top: 0.25rem;
  width: 0.25rem;
  left: 0.25rem;
}

@media (min-width: 40em) {
  .usa-sidenav .usa-current::after {
    background-color: #009688;
    border-radius: 99rem;
    content: "";
    display: block;
    position: absolute;
    bottom: 0.25rem;
    top: 0.25rem;
    width: 0.25rem;
    left: 0;
  }
}
/* Unsorted
----------------------------------- */
.usajobs-openopps-help-center--home {
  padding: 4.5rem 1.5rem;
  min-height: 68vh;
}

.usajobs-openopps-help-center--home__container::after {
  clear: both;
  content: "";
  display: block;
}

.usajobs-openopps-help-center--home__section {
  margin-bottom: 1.5rem;
  padding: 3rem 1.5rem;
  background-color: #ffffff;
}

@media (min-width: 48em) {
  .usajobs-openopps-help-center--home__section {
    width: calc(50% - 4.5rem);
    float: left;
    margin-left: 3rem;
  }
}
.usajobs-openopps-help-center--home__figure {
  display: block;
  width: 40%;
  margin: 0 auto 1.5rem;
}

.usajobs-openopps-help-center--home__body {
  text-align: center;
}

.usajobs-openopps-help-center--home__title {
  color: #112e51;
}

@media (min-width: 48em) {
  .usajobs-openopps-help-center--home__desc {
    min-height: 5rem;
  }
}
.usajobs-openopps-help-center-article:after {
  content: "";
  display: table;
  clear: both;
}

.usajobs-openopps-help-center-article ul, .usajobs-openopps-help-center-article ol {
  margin-bottom: 1rem;
}

.usajobs-openopps-help-center-article blockquote {
  padding: 0 1.5rem;
  color: #5b616b;
  border-left: 4px solid #aeb0b5;
}

.usajobs-openopps-help-center-article__container {
  max-width: 60rem;
}

.usajobs-openopps-help-center-article__title {
  color: #205493;
}

.usajobs-openopps-help-center-article h3 {
  color: #112e51;
}

@media only screen and (min-width: 62em) {
  .usajobs-openopps-help-center-article .usajobs-content-well {
    min-height: 50vh;
  }
}
.usajobs-openopps-help-center-article .usajobs-content-well ul {
  list-style: none;
  padding-left: 0;
  display: table;
}

.usajobs-openopps-help-center-article .usajobs-content-well ul > li {
  display: table-row;
}

.usajobs-openopps-help-center-article .usajobs-content-well ul > li:before {
  content: "•";
  display: table-cell;
  padding-right: 0.4em;
}

.usajobs-openopps-help-center-article .usajobs-content-well ul > li:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}

.usajobs-openopps-help-center-article .usajobs-content-well ol > li {
  line-height: 1.5;
  margin-bottom: 0.5em;
}

.usajobs-openopps-help-center-article .usajobs-content-well ul, .usajobs-openopps-help-center-article .usajobs-content-well ol {
  margin-left: 0.9em;
  margin-bottom: 1rem;
  padding-left: 0;
}

.usajobs-openopps-help-center-article .usajobs-content-well ul ul, .usajobs-openopps-help-center-article .usajobs-content-well ul ol, .usajobs-openopps-help-center-article .usajobs-content-well ol ul, .usajobs-openopps-help-center-article .usajobs-content-well ol ol {
  margin-left: 0.5rem;
}

.usajobs-openopps-help-center-article .usajobs-content-well a {
  text-decoration: underline;
}

.usajobs-openopps-help-center-article__callout {
  max-width: 17.7rem;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 37.5em) {
  .usajobs-openopps-help-center-article__callout {
    float: right;
    padding: 3rem;
  }
}
.usajobs-openopps-help-center-article__callout-link {
  display: block;
  padding: 0.5rem;
  color: #0071bc;
}

.usajobs-openopps-help-center-article__callout-link svg {
  fill: #0071bc;
  height: 20px;
  width: 20px;
  padding-top: 0.5rem;
  padding-right: 0.5rem;
}

.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;
}
.message-wrapper pre {
  font-size: inherit;
  font-family: inherit;
}

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

.available-student-name {
  width: calc(100% - 2rem);
}
.available-student-major {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 2rem);
}

.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 0.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: 0.875rem;
  opacity: 0.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: 0.5;
}

.multi-wrapper .non-selected-wrapper .item.disabled, .multi-wrapper .selected-wrapper .item.disabled {
  opacity: 0.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: 0.6666666667;
  }
}
.usajobs-card__footer-item {
  margin-bottom: 0;
}
@media screen and (min-width: 48em) {
  .usajobs-card__footer-item {
    display: table-cell;
    width: 0.5;
  }
}
@media screen and (min-width: 62em) {
  .usajobs-card__footer-item {
    display: table-cell;
    width: 0.6666666667;
  }
}
@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: 0.3333333333;
    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;
}

@media all and (min-width: 64em) {
  .career-field-card {
    margin-bottom: 6rem;
  }
}
#continue-create-opp.disabled {
  background-color: #f1f1f1;
  color: #aeb0b5;
  cursor: not-allowed;
  pointer-events: none;
}
#continue-create-opp.hidden {
  display: none;
}

#opportunity-selected-applicants .applicant-skills, #opportunity-rejected-applicants .applicant-skills, #opportunity-applicants .applicant-skills {
  width: 30%;
}
#opportunity-selected-applicants .applicant-skills div, #opportunity-rejected-applicants .applicant-skills div, #opportunity-applicants .applicant-skills div {
  min-width: 200px;
}

.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: 95px;
}
.usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .continue-accepting-applicants__toggle-container .continue-accepting-applicants__toggle-labeloff,
.usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .continue-accepting-applicants__toggle-container .continue-accepting-applicants__toggle-labelon {
  width: 21px;
}
.usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .continue-accepting-applicants__toggle-container .continue-accepting-applicants__toggle-labeloff {
  float: left;
  font-weight: normal;
}
.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 .continue-accepting-applicants__toggle-labeloff,
.usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .toggle-off .continue-accepting-applicants__toggle-labelon {
  width: 21px;
}
.usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .toggle-off .continue-accepting-applicants__toggle-labeloff {
  float: left;
  font-weight: 700;
}
.usajobs-rightrail .continue-accepting-applicants .continue-accepting-applicants__toggle .toggle-off .continue-accepting-applicants__toggle-labelon {
  float: right;
  font-weight: normal;
}
.usajobs-rightrail .opportunity-status-display {
  flex: 0 0 1.25rem;
}
.usajobs-rightrail .opportunity-status-display--circle {
  flex: 0 0 1.25rem;
}
.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 0.5rem 0;
  margin-top: 2rem;
  text-align: right;
  color: #e31c3d;
}

.read-more {
  text-decoration: underline;
  display: block;
  width: 100%;
}
.read-more:visited {
  color: #0071bc;
}

.read-applicant-statement-less {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.read-applicant-statement-less::before {
  content: "";
  width: 100%;
  height: 9rem;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  text-overflow: ellipsis;
  transition: height 0.5s;
}

#add-comment {
  margin-right: 0;
}

.applicant-checkbox .usa-checkbox__label {
  padding-left: 0;
}
.applicant-checkbox .usa-checkbox__label::before {
  content: " ";
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.064rem;
  position: relative;
}

.mark-reviewed {
  width: 175px;
}

.bookmark-section {
  min-width: 155px;
}

.applicants-table th {
  vertical-align: top;
}

.usa-form-group--error .usa-checkbox__label::before {
  box-shadow: 0 0 0 0.175rem #b50909;
}

@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: 1rem 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.3128205128ex 1.2ex;
    -webkit-mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.3128205128ex 1.2ex;
    mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.3128205128ex 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.3128205128ex 1.2ex;
    -webkit-mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.3128205128ex 1.2ex;
    mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.3128205128ex 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.3128205128ex 1.2ex;
  -webkit-mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.3128205128ex 1.2ex;
  mask: url(../../img/angle-arrow-down-primary.svg) no-repeat center/1.3128205128ex 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: 37.5rem;
    margin: 2rem auto;
  }
}
@media screen and (min-width: 62em) {
  .usajobs-modal__dialog {
    width: 58.125rem;
  }
}
.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: 0.75rem;
  height: 0.75rem;
  background-size: 12px 12px;
  margin-left: 0.063rem;
  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-js-no-click {
  pointer-events: none;
  user-select: none;
}
.usa-js-no-click .usa-modal,
.usa-js-no-click .usa-modal * {
  pointer-events: auto;
  user-select: text;
}

[data-open-modal] * {
  pointer-events: none;
}

.usa-modal-wrapper {
  text-align: center;
  transition: opacity 0.15s ease-in-out;
}
.usa-modal-wrapper.is-hidden {
  visibility: hidden;
  opacity: 0;
  position: fixed;
}
.usa-modal-wrapper.is-visible {
  visibility: visible;
  opacity: 1;
  position: fixed;
  z-index: 1061;
}

.usa-modal-overlay {
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: scroll;
  overflow-x: hidden;
  padding: 1.5rem;
  position: fixed;
  scroll-behavior: smooth;
  top: 0;
  width: 100%;
}
.usa-modal-overlay:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.usa-modal-overlay[data-force-action=true] {
  pointer-events: none;
}
.usa-modal-overlay[data-force-action=true] * {
  pointer-events: auto;
}
.usa-modal-overlay--no-background {
  background: transparent;
}

.usa-js-loading .usa-modal-wrapper {
  position: absolute;
  left: -999em;
  right: auto;
}
.usa-js-loading .usa-modal-wrapper:target {
  position: static;
}

.usa-modal {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.06rem;
  line-height: 1.5;
  border-radius: 0.5rem;
  background: white;
  color: #1b1b1b;
  display: inline-block;
  margin: 1.25rem auto;
  max-width: 30rem;
  position: relative;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}
.usa-modal:focus {
  outline: none;
}
.usa-modal .usa-button {
  display: inline-flex;
}
.usa-modal .usa-button--unstyled {
  padding: 0.75rem;
  text-align: center;
}

.usa-modal__content {
  display: flex;
  flex-direction: column-reverse;
  padding-top: 2rem;
  width: 100%;
}

.usa-modal__main {
  margin: 0 auto;
  padding: 0.5rem 2rem 2rem;
}

.usa-modal-wrapper [data-close-modal] > .usa-icon,
.usa-modal-wrapper [data-close-modal] > .usa-icon use {
  pointer-events: none !important;
}

.usa-modal__close {
  align-items: center;
  align-self: flex-end;
  background-color: transparent;
  color: #71767a;
  display: flex;
  flex-shrink: 0;
  font-size: 0.93rem;
  margin: -2rem 0 0 auto;
  padding: 0.25rem 0.25rem;
  width: auto;
}
.usa-modal__close:hover, .usa-modal__close:active {
  background-color: transparent;
  color: #1b1b1b;
}
.usa-modal__close:focus {
  outline-offset: 0;
}
.usa-modal__close .usa-icon {
  height: 2rem;
  margin: 2px 2px 0 0;
  width: 2rem;
}

.usa-modal__heading {
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 1.46rem;
  line-height: 1.3;
  margin-top: 0;
  color: #1b1b1b;
}

.usa-modal__footer {
  margin-top: 1.5rem;
}
.usa-modal__footer .button-destructive-action {
  background-color: #e41d3d;
  border: 0;
  color: white;
}

.usa-modal--lg {
  max-width: 55rem;
  width: 100%;
}
.usa-modal--lg .usa-modal__main {
  padding-bottom: 4rem;
  padding-top: 1.25rem;
  width: 100%;
  max-width: 40rem;
}
@media all and (min-width: 40em) {
  .usa-modal--lg .usa-modal__heading {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 2.13rem;
  }
}

.usa-js-modal--active {
  overflow: hidden;
}

#login-wrapper .usa-modal-wrapper {
  z-index: 1101;
}

.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-header--basic .usa-nav {
  padding: 0 0 0 0.5rem;
}
.usa-header--basic .usa-nav__link:hover::after {
  bottom: 0;
}

.usa-nav-container {
  padding-left: 1rem;
  padding-right: 0;
}
.usa-nav__primary .usa-nav__primary-item a {
  color: #0071bc;
  font-weight: 400;
  padding: 10px;
}
.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;
}
@media all and (min-width: 30em) {
  .usa-nav__primary .usa-nav__primary-item a {
    padding: 1.5rem 1rem;
  }
}

.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;
}
@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--secondary .openopps-nav__submenu-item a#create-opportunity {
  margin-right: 0;
}
.openopps-nav--secondary .openopps-nav__submenu-item a#create-opportunity:hover::after {
  content: none;
}

.openopps-nav__first_name {
  display: none;
}
@media all and (min-width: 40em) {
  .openopps-nav__first_name {
    display: inline-block;
    max-width: 8.75rem;
    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;
  }
}
.openopps-nav__home {
  display: none;
}
@media all and (min-width: 30em) {
  .openopps-nav__home {
    display: inline-block;
    max-width: 8.75rem;
    text-overflow: ellipsis;
  }
}
.openopps-nav__messages {
  display: none;
}
@media all and (min-width: 30em) {
  .openopps-nav__messages {
    display: inline-block;
    max-width: 8.75rem;
    text-overflow: ellipsis;
  }
}
.openopps-nav__sign-out {
  display: none;
}
@media all and (min-width: 30em) {
  .openopps-nav__sign-out {
    display: inline-block;
    max-width: 8.75rem;
    text-overflow: ellipsis;
  }
}
.openopps-nav__admin {
  display: none;
}
@media all and (min-width: 30em) {
  .openopps-nav__admin {
    display: inline-block;
    max-width: 8.75rem;
    text-overflow: ellipsis;
  }
}
.openopps-nav__help {
  display: none;
}
@media all and (min-width: 30em) {
  .openopps-nav__help {
    display: inline-block;
    max-width: 8.75rem;
    text-overflow: ellipsis;
  }
}

.message-alert-badge {
  position: relative;
  background: #E41D3D;
  height: 0.5rem;
  top: 0.35rem;
  left: 0.5rem;
  width: 0.5rem;
  text-align: center;
  line-height: 2rem;
  border-radius: 50%;
  border: 1px solid white;
  margin-top: -0.5rem;
  z-index: 10;
}
@media all and (min-width: 30em) {
  .message-alert-badge {
    height: 0.625rem;
    top: 0.45rem;
    left: 0.75rem;
    width: 0.625rem;
    margin-top: -0.625rem;
  }
}

.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: 0.3525rem solid transparent;
  color: #ffffff;
  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: 0.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-left: 2.5rem;
  padding-right: 2.5rem;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: #adadad;
  border-radius: 99rem;
  color: #2e2e2e;
  text-align: center;
  font-weight: 700;
  display: block;
  font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
  font-size: 0.93rem;
}
.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: #f0f0f0;
  border: 1px solid #71767a;
  color: #3d4551;
}
.openopps-pill--opportunity-status.status-submitted {
  background-color: #e1f3f8;
  border: 1px solid #07648d;
  color: #07648d;
}
.openopps-pill--opportunity-status.status-open {
  background-color: #ecf3ec;
  border: 1px solid #00a91c;
  color: #216e1f;
}
.openopps-pill--opportunity-status.status-not-open {
  background-color: white;
  border: 1px solid #71767a;
  color: #3d4551;
}
.openopps-pill--opportunity-status.status-reviewing-applicants {
  background-color: #e0f7f6;
  border: 1px solid #008659;
  color: #0f6460;
}
.openopps-pill--opportunity-status.status-in-progress {
  background-color: #faf3d1;
  border: 1px solid #face00;
  color: #504332;
}
.openopps-pill--opportunity-status.status-complete, .openopps-pill--opportunity-status.status-completed {
  background-color: #e8f5ff;
  border: 1px solid #0076d6;
  color: #274863;
}
.openopps-pill--opportunity-status.status-canceled {
  background-color: #f4e3db;
  border: 1px solid #8b0a03;
  color: #b50909;
}
.openopps-pill--opportunity-status.status-inactive {
  background-color: white;
  border: 1px solid #71767a;
  color: #3d4551;
}
.openopps-pill--opportunity-status.status-applied {
  background-color: #e0f7f6;
  border: 1px solid #008659;
  color: #0f6460;
}
.openopps-pill--opportunity-status.status-not-selected {
  background-color: #f0f0f0;
  border: 1px solid #71767a;
  color: #3d4551;
}
.openopps-pill--opportunity-status.status-selected {
  background-color: #ecf3ec;
  border: 1px solid #00a91c;
  color: #446443;
}

.openopps-pill--application-status {
  max-width: 10rem;
}
.openopps-pill--application-status.status-application-started {
  background-color: #faf3d1;
  border: 1px solid #face00;
  color: #504332;
}
.openopps-pill--application-status.status-not-submitted {
  background-color: #f0f0ff;
  border: 1px solid #4d52af;
  color: #3d4076;
}
.openopps-pill--application-status.status-applied {
  background-color: #e0f7f6;
  border: 1px solid #008659;
  color: #0f6460;
}
.openopps-pill--application-status.status-in-progress {
  background-color: #fdb81e;
  border-color: #fdb81e;
}
.openopps-pill--application-status.status-withdrawn, .openopps-pill--application-status.status-application-withdrawn {
  background-color: white;
  border: 1px solid #71767a;
  color: #3d4551;
  padding-left: 0;
  padding-right: 0;
}
.openopps-pill--application-status.status-canceled, .openopps-pill--application-status.status-not-completed {
  background-color: #f4e3db;
  border: 1px solid #8b0a03;
  color: #b50909;
}
.openopps-pill--application-status.status-not-selected {
  background-color: #f0f0f0;
  border: 1px solid #71767a;
  color: #3d4551;
}
.openopps-pill--application-status.status-selected {
  background-color: #ecf3ec;
  border: 1px solid #00a91c;
  color: #446443;
}
.openopps-pill--application-status.status-offer-accepted {
  background-color: #ecf3ec;
  border: 1px solid #00a91c;
  color: #446443;
}
.openopps-pill--application-status.status-offer-declined {
  background-color: #f4e3db;
  border: 1px solid #8b0a03;
  color: #b50909;
}
.openopps-pill--application-status.status-complete, .openopps-pill--application-status.status-completed {
  background-color: #e8f5ff;
  border: 1px solid #0076d6;
  color: #274863;
}

.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__page span {
  line-height: 2.3;
}
.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 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);
    -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: 0.75em;
}

.fa {
  display: inline-block;
  font-size: inherit;
  height: 1em;
  overflow: visible;
  vertical-align: -0.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;
  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: 4.813rem;
  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: 0.75rem;
  height: 0.75rem;
  background-size: 12px 12px;
  margin-left: 0.063rem;
  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: calc(100% - 5.5rem);
}
.no-flexbox .usajobs-alert__body .lt-ie9 .no-flexbox .usajobs-alert {
  width: 75%;
}

.flexbox .usajobs-alert {
  display: flex;
  align-items: flex-start;
}
.flexbox .usajobs-alert[aria-hidden=true] {
  display: none;
}
.flexbox .usajobs-alert__figure {
  flex-shrink: 0;
}
.flexbox .usajobs-alert__body {
  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;
}

@media screen and (max-width: 61.999em) {
  #task-table .metrics-table__title, #internship-table .metrics-table__title {
    width: 60%;
    min-width: 13.5rem;
  }
}
#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;
}
.openopps-striped-applicant tbody tr.highlight td {
  background-color: #e1f3f8;
}

.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 0.5s;
}
.internship .read-applicant-statement-less {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -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 0.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: 1rem;
  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;
}

.openopps-disabled-link {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  color: #757575;
}

.internship-disabled-link {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  color: white;
  background-color: #c9c9c9;
}

#unselect-applicant.disabled, #reject-applicant.disabled, #undo-reject.disabled, #select-applicant.disabled, #reject-applicant.disabled {
  color: #c9c9c9;
  cursor: default;
  pointer-events: none;
  text-decoration: none;
}
#unselect-applicant.hidden, #reject-applicant.hidden, #undo-reject.hidden, #select-applicant.hidden, #reject-applicant.hidden {
  display: none;
}

#select-applicant-view-btn.disabled, #reject-applicant-view-btn.disabled, #undo-reject-view-btn.disabled, #unselect-view-applicant-btn.disabled {
  cursor: default;
  pointer-events: none;
  text-decoration: none;
  color: white;
  background-color: #c9c9c9;
  box-shadow: none;
}
#select-applicant-view-btn.disabled .usa-icon, #reject-applicant-view-btn.disabled .usa-icon, #undo-reject-view-btn.disabled .usa-icon, #unselect-view-applicant-btn.disabled .usa-icon {
  text-decoration: none;
  color: white;
  filter: brightness(0) invert(1);
}

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

#add-language:disabled:hover {
  box-shadow: inset 0 0 0 2px #c9c9c9;
  cursor: initial;
}

.read-about-less {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.read-about-less::before {
  content: "";
  width: 100%;
  height: 9rem;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  text-overflow: ellipsis;
  transition: height 0.5s;
}

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(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: right 0.5rem center;
}

.usa-alert {
  margin-top: 2rem;
}
.usa-alert--no-top-margin {
  margin-top: 0;
}
.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;
}
.cursor-disabled {
  pointer-events: none;
}

.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;
  margin-bottom: 0.75rem;
  /* 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.3128205128ex 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: 1rem;
    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 - 2.2ex) * 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: 1.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 - 1.8ex) * 0.5);
    position: absolute;
    text-align: center;
    top: -1rem;
    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: 2rem;
  }
  .openopps-step-indicator--counters-sm .openopps-step-indicator__segment {
    margin-top: 0.75rem;
  }
  .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: -0.5rem;
  }
  .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: 1.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% - 1.375rem);
}
.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% - 0.875rem);
}

/* 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;
  }
}
.icon-align-bottom {
  vertical-align: bottom;
}

.single-line {
  white-space: nowrap;
}

@media all and (min-width: 64em) {
  .info-banner {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(100%, 17%);
    width: 75%;
  }
}
.info-banner .info-banner__inner {
  margin-top: 0;
  margin-left: 0;
}
@media all and (min-width: 64em) {
  .info-banner .info-banner__inner {
    margin-left: 3rem;
  }
}

.opportunity-statuses .usa-checkbox__label-description {
  margin-top: 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;
  }
}