@import url(https://fonts.googleapis.com/css?family=Roboto);

.display-inline,.ember-basic-dropdown-content-wormhole-origin{
  display:inline
}

.ember-basic-dropdown,.ember-basic-dropdown-content,.ember-basic-dropdown-content *,.ember-power-select-dropdown *{
  box-sizing:border-box
}

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

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #dae1e7; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

a{
  color:#337ab7;
  --text-opacity:1;
  color:#1A61A1;
  color:rgba(26, 97, 161, var(--text-opacity));
}

.ui-panel-dark{
  --bg-opacity:1;
  background-color:#1A61A1;
  background-color:rgba(26, 97, 161, var(--bg-opacity));
  padding:1rem;
  border-style:solid;
  --border-opacity:1;
  border-color:#dae1e7;
  border-color:rgba(218, 225, 231, var(--border-opacity));
  border-bottom-width:1px;
  font-size:1.5rem;
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity));
  font-weight:500;
}

.ui-panel-light{
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity));
  padding-top:1.25rem;
  padding-bottom:1.25rem;
  border-style:solid;
  --border-opacity:1;
  border-color:#dae1e7;
  border-color:rgba(218, 225, 231, var(--border-opacity));
  border-bottom-width:1px;
  font-size:1.5rem;
  --text-opacity:1;
  color:#2779bd;
  color:rgba(39, 121, 189, var(--text-opacity));
  font-weight:500;
  text-transform:uppercase;
  text-align:center;
}

.ui-table-light-header{
  font-weight:400;
  --text-opacity:1;
  color:#606f7b;
  color:rgba(96, 111, 123, var(--text-opacity));
  --bg-opacity:1;
  background-color:#f1f5f8;
  background-color:rgba(241, 245, 248, var(--bg-opacity));
}

.space-y-0 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(0px * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(0px * var(--space-y-reverse))
}

.space-x-0 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(0px * var(--space-x-reverse));
  margin-left:calc(0px * calc(1 - var(--space-x-reverse)))
}

.space-y-1 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(0.25rem * var(--space-y-reverse))
}

.space-x-1 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(0.25rem * var(--space-x-reverse));
  margin-left:calc(0.25rem * calc(1 - var(--space-x-reverse)))
}

.space-y-2 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(0.5rem * var(--space-y-reverse))
}

.space-x-2 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(0.5rem * var(--space-x-reverse));
  margin-left:calc(0.5rem * calc(1 - var(--space-x-reverse)))
}

.space-y-3 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(0.75rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(0.75rem * var(--space-y-reverse))
}

.space-x-3 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(0.75rem * var(--space-x-reverse));
  margin-left:calc(0.75rem * calc(1 - var(--space-x-reverse)))
}

.space-y-4 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(1rem * var(--space-y-reverse))
}

.space-x-4 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(1rem * var(--space-x-reverse));
  margin-left:calc(1rem * calc(1 - var(--space-x-reverse)))
}

.space-y-5 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(1.25rem * var(--space-y-reverse))
}

.space-x-5 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(1.25rem * var(--space-x-reverse));
  margin-left:calc(1.25rem * calc(1 - var(--space-x-reverse)))
}

.space-y-6 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(1.5rem * var(--space-y-reverse))
}

.space-x-6 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(1.5rem * var(--space-x-reverse));
  margin-left:calc(1.5rem * calc(1 - var(--space-x-reverse)))
}

.space-y-8 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(2rem * var(--space-y-reverse))
}

.space-x-8 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(2rem * var(--space-x-reverse));
  margin-left:calc(2rem * calc(1 - var(--space-x-reverse)))
}

.space-y-10 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(2.5rem * var(--space-y-reverse))
}

.space-x-10 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(2.5rem * var(--space-x-reverse));
  margin-left:calc(2.5rem * calc(1 - var(--space-x-reverse)))
}

.space-y-12 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(3rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(3rem * var(--space-y-reverse))
}

.space-x-12 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(3rem * var(--space-x-reverse));
  margin-left:calc(3rem * calc(1 - var(--space-x-reverse)))
}

.space-y-16 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(4rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(4rem * var(--space-y-reverse))
}

.space-x-16 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(4rem * var(--space-x-reverse));
  margin-left:calc(4rem * calc(1 - var(--space-x-reverse)))
}

.space-y-20 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(5rem * var(--space-y-reverse))
}

.space-x-20 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(5rem * var(--space-x-reverse));
  margin-left:calc(5rem * calc(1 - var(--space-x-reverse)))
}

.space-y-24 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(6rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(6rem * var(--space-y-reverse))
}

.space-x-24 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(6rem * var(--space-x-reverse));
  margin-left:calc(6rem * calc(1 - var(--space-x-reverse)))
}

.space-y-32 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(8rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(8rem * var(--space-y-reverse))
}

.space-x-32 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(8rem * var(--space-x-reverse));
  margin-left:calc(8rem * calc(1 - var(--space-x-reverse)))
}

.space-y-40 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(10rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(10rem * var(--space-y-reverse))
}

.space-x-40 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(10rem * var(--space-x-reverse));
  margin-left:calc(10rem * calc(1 - var(--space-x-reverse)))
}

.space-y-48 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(12rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(12rem * var(--space-y-reverse))
}

.space-x-48 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(12rem * var(--space-x-reverse));
  margin-left:calc(12rem * calc(1 - var(--space-x-reverse)))
}

.space-y-56 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(14rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(14rem * var(--space-y-reverse))
}

.space-x-56 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(14rem * var(--space-x-reverse));
  margin-left:calc(14rem * calc(1 - var(--space-x-reverse)))
}

.space-y-64 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(16rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(16rem * var(--space-y-reverse))
}

.space-x-64 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(16rem * var(--space-x-reverse));
  margin-left:calc(16rem * calc(1 - var(--space-x-reverse)))
}

.space-y-px > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(1px * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(1px * var(--space-y-reverse))
}

.space-x-px > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(1px * var(--space-x-reverse));
  margin-left:calc(1px * calc(1 - var(--space-x-reverse)))
}

.-space-y-1 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-0.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-0.25rem * var(--space-y-reverse))
}

.-space-x-1 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-0.25rem * var(--space-x-reverse));
  margin-left:calc(-0.25rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-2 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-0.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-0.5rem * var(--space-y-reverse))
}

.-space-x-2 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-0.5rem * var(--space-x-reverse));
  margin-left:calc(-0.5rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-3 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-0.75rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-0.75rem * var(--space-y-reverse))
}

.-space-x-3 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-0.75rem * var(--space-x-reverse));
  margin-left:calc(-0.75rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-4 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-1rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-1rem * var(--space-y-reverse))
}

.-space-x-4 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-1rem * var(--space-x-reverse));
  margin-left:calc(-1rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-5 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-1.25rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-1.25rem * var(--space-y-reverse))
}

.-space-x-5 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-1.25rem * var(--space-x-reverse));
  margin-left:calc(-1.25rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-6 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-1.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-1.5rem * var(--space-y-reverse))
}

.-space-x-6 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-1.5rem * var(--space-x-reverse));
  margin-left:calc(-1.5rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-8 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-2rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-2rem * var(--space-y-reverse))
}

.-space-x-8 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-2rem * var(--space-x-reverse));
  margin-left:calc(-2rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-10 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-2.5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-2.5rem * var(--space-y-reverse))
}

.-space-x-10 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-2.5rem * var(--space-x-reverse));
  margin-left:calc(-2.5rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-12 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-3rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-3rem * var(--space-y-reverse))
}

.-space-x-12 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-3rem * var(--space-x-reverse));
  margin-left:calc(-3rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-16 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-4rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-4rem * var(--space-y-reverse))
}

.-space-x-16 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-4rem * var(--space-x-reverse));
  margin-left:calc(-4rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-20 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-5rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-5rem * var(--space-y-reverse))
}

.-space-x-20 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-5rem * var(--space-x-reverse));
  margin-left:calc(-5rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-24 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-6rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-6rem * var(--space-y-reverse))
}

.-space-x-24 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-6rem * var(--space-x-reverse));
  margin-left:calc(-6rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-32 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-8rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-8rem * var(--space-y-reverse))
}

.-space-x-32 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-8rem * var(--space-x-reverse));
  margin-left:calc(-8rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-40 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-10rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-10rem * var(--space-y-reverse))
}

.-space-x-40 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-10rem * var(--space-x-reverse));
  margin-left:calc(-10rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-48 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-12rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-12rem * var(--space-y-reverse))
}

.-space-x-48 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-12rem * var(--space-x-reverse));
  margin-left:calc(-12rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-56 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-14rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-14rem * var(--space-y-reverse))
}

.-space-x-56 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-14rem * var(--space-x-reverse));
  margin-left:calc(-14rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-64 > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-16rem * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-16rem * var(--space-y-reverse))
}

.-space-x-64 > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-16rem * var(--space-x-reverse));
  margin-left:calc(-16rem * calc(1 - var(--space-x-reverse)))
}

.-space-y-px > :not(template) ~ :not(template){
  --space-y-reverse:0;
  margin-top:calc(-1px * calc(1 - var(--space-y-reverse)));
  margin-bottom:calc(-1px * var(--space-y-reverse))
}

.-space-x-px > :not(template) ~ :not(template){
  --space-x-reverse:0;
  margin-right:calc(-1px * var(--space-x-reverse));
  margin-left:calc(-1px * calc(1 - var(--space-x-reverse)))
}

.space-y-reverse > :not(template) ~ :not(template){
  --space-y-reverse:1
}

.space-x-reverse > :not(template) ~ :not(template){
  --space-x-reverse:1
}

.divide-y-0 > :not(template) ~ :not(template){
  --divide-y-reverse:0;
  border-top-width:calc(0px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width:calc(0px * var(--divide-y-reverse))
}

.divide-x-0 > :not(template) ~ :not(template){
  --divide-x-reverse:0;
  border-right-width:calc(0px * var(--divide-x-reverse));
  border-left-width:calc(0px * calc(1 - var(--divide-x-reverse)))
}

.divide-y-2 > :not(template) ~ :not(template){
  --divide-y-reverse:0;
  border-top-width:calc(2px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width:calc(2px * var(--divide-y-reverse))
}

.divide-x-2 > :not(template) ~ :not(template){
  --divide-x-reverse:0;
  border-right-width:calc(2px * var(--divide-x-reverse));
  border-left-width:calc(2px * calc(1 - var(--divide-x-reverse)))
}

.divide-y-4 > :not(template) ~ :not(template){
  --divide-y-reverse:0;
  border-top-width:calc(4px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width:calc(4px * var(--divide-y-reverse))
}

.divide-x-4 > :not(template) ~ :not(template){
  --divide-x-reverse:0;
  border-right-width:calc(4px * var(--divide-x-reverse));
  border-left-width:calc(4px * calc(1 - var(--divide-x-reverse)))
}

.divide-y-8 > :not(template) ~ :not(template){
  --divide-y-reverse:0;
  border-top-width:calc(8px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width:calc(8px * var(--divide-y-reverse))
}

.divide-x-8 > :not(template) ~ :not(template){
  --divide-x-reverse:0;
  border-right-width:calc(8px * var(--divide-x-reverse));
  border-left-width:calc(8px * calc(1 - var(--divide-x-reverse)))
}

.divide-y > :not(template) ~ :not(template){
  --divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--divide-y-reverse)));
  border-bottom-width:calc(1px * var(--divide-y-reverse))
}

.divide-x > :not(template) ~ :not(template){
  --divide-x-reverse:0;
  border-right-width:calc(1px * var(--divide-x-reverse));
  border-left-width:calc(1px * calc(1 - var(--divide-x-reverse)))
}

.divide-y-reverse > :not(template) ~ :not(template){
  --divide-y-reverse:1
}

.divide-x-reverse > :not(template) ~ :not(template){
  --divide-x-reverse:1
}

.divide-transparent > :not(template) ~ :not(template){
  border-color:transparent
}

.divide-black > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#22292f;
  border-color:rgba(34, 41, 47, var(--divide-opacity))
}

.divide-real-black > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#000;
  border-color:rgba(0, 0, 0, var(--divide-opacity))
}

.divide-gray-800 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#3d4852;
  border-color:rgba(61, 72, 82, var(--divide-opacity))
}

.divide-gray-700 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#606f7b;
  border-color:rgba(96, 111, 123, var(--divide-opacity))
}

.divide-gray-600 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#8795a1;
  border-color:rgba(135, 149, 161, var(--divide-opacity))
}

.divide-gray > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#b8c2cc;
  border-color:rgba(184, 194, 204, var(--divide-opacity))
}

.divide-gray-400 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#dae1e7;
  border-color:rgba(218, 225, 231, var(--divide-opacity))
}

.divide-gray-200 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#f1f5f8;
  border-color:rgba(241, 245, 248, var(--divide-opacity))
}

.divide-gray-100 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#f8fafc;
  border-color:rgba(248, 250, 252, var(--divide-opacity))
}

.divide-white > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#ffffff;
  border-color:rgba(255, 255, 255, var(--divide-opacity))
}

.divide-off-white > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#f7fafc;
  border-color:rgba(247, 250, 252, var(--divide-opacity))
}

.divide-grey-weldnote > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#dae1e7;
  border-color:rgba(218, 225, 231, var(--divide-opacity))
}

.divide-red-900 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#3b0d0c;
  border-color:rgba(59, 13, 12, var(--divide-opacity))
}

.divide-red-800 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#621b18;
  border-color:rgba(98, 27, 24, var(--divide-opacity))
}

.divide-red-600 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#cc1f1a;
  border-color:rgba(204, 31, 26, var(--divide-opacity))
}

.divide-red > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#e3342f;
  border-color:rgba(227, 52, 47, var(--divide-opacity))
}

.divide-red-400 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#ef5753;
  border-color:rgba(239, 87, 83, var(--divide-opacity))
}

.divide-red-200 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#f9acaa;
  border-color:rgba(249, 172, 170, var(--divide-opacity))
}

.divide-red-100 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#fcebea;
  border-color:rgba(252, 235, 234, var(--divide-opacity))
}

.divide-yellow-900 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#453411;
  border-color:rgba(69, 52, 17, var(--divide-opacity))
}

.divide-yellow-800 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#a77f2e;
  border-color:rgba(167, 127, 46, var(--divide-opacity))
}

.divide-yellow-600 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#f2d024;
  border-color:rgba(242, 208, 36, var(--divide-opacity))
}

.divide-yellow > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#ffed4a;
  border-color:rgba(255, 237, 74, var(--divide-opacity))
}

.divide-yellow-400 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#fff382;
  border-color:rgba(255, 243, 130, var(--divide-opacity))
}

.divide-yellow-200 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#fff9c2;
  border-color:rgba(255, 249, 194, var(--divide-opacity))
}

.divide-yellow-100 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#fcfbeb;
  border-color:rgba(252, 251, 235, var(--divide-opacity))
}

.divide-green-900 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#0f2f21;
  border-color:rgba(15, 47, 33, var(--divide-opacity))
}

.divide-green-800 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#1a4731;
  border-color:rgba(26, 71, 49, var(--divide-opacity))
}

.divide-green-600 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#1f9d55;
  border-color:rgba(31, 157, 85, var(--divide-opacity))
}

.divide-green > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#38c172;
  border-color:rgba(56, 193, 114, var(--divide-opacity))
}

.divide-green-400 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#51d88a;
  border-color:rgba(81, 216, 138, var(--divide-opacity))
}

.divide-green-200 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#a2f5bf;
  border-color:rgba(162, 245, 191, var(--divide-opacity))
}

.divide-green-100 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#e3fcec;
  border-color:rgba(227, 252, 236, var(--divide-opacity))
}

.divide-blue-modal > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#2e4050;
  border-color:rgba(46, 64, 80, var(--divide-opacity))
}

.divide-blue-900 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#12283a;
  border-color:rgba(18, 40, 58, var(--divide-opacity))
}

.divide-blue-800 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#1c3d5a;
  border-color:rgba(28, 61, 90, var(--divide-opacity))
}

.divide-blue-600 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#2779bd;
  border-color:rgba(39, 121, 189, var(--divide-opacity))
}

.divide-blue > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#3498db;
  border-color:rgba(52, 152, 219, var(--divide-opacity))
}

.divide-blue-400 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#6cb2eb;
  border-color:rgba(108, 178, 235, var(--divide-opacity))
}

.divide-blue-200 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#bcdefa;
  border-color:rgba(188, 222, 250, var(--divide-opacity))
}

.divide-blue-100 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#eff8ff;
  border-color:rgba(239, 248, 255, var(--divide-opacity))
}

.divide-purple-900 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#21183c;
  border-color:rgba(33, 24, 60, var(--divide-opacity))
}

.divide-purple-800 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#382b5f;
  border-color:rgba(56, 43, 95, var(--divide-opacity))
}

.divide-purple-600 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#794acf;
  border-color:rgba(121, 74, 207, var(--divide-opacity))
}

.divide-purple > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#9561e2;
  border-color:rgba(149, 97, 226, var(--divide-opacity))
}

.divide-purple-400 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#a779e9;
  border-color:rgba(167, 121, 233, var(--divide-opacity))
}

.divide-purple-200 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#d6bbfc;
  border-color:rgba(214, 187, 252, var(--divide-opacity))
}

.divide-purple-100 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#f3ebff;
  border-color:rgba(243, 235, 255, var(--divide-opacity))
}

.divide-orange-900 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#462a16;
  border-color:rgba(70, 42, 22, var(--divide-opacity))
}

.divide-orange-800 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#613b1f;
  border-color:rgba(97, 59, 31, var(--divide-opacity))
}

.divide-orange-600 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#de751f;
  border-color:rgba(222, 117, 31, var(--divide-opacity))
}

.divide-orange > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#f6993f;
  border-color:rgba(246, 153, 63, var(--divide-opacity))
}

.divide-orange-400 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#faad63;
  border-color:rgba(250, 173, 99, var(--divide-opacity))
}

.divide-orange-200 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#fcd9b6;
  border-color:rgba(252, 217, 182, var(--divide-opacity))
}

.divide-orange-100 > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#fff5eb;
  border-color:rgba(255, 245, 235, var(--divide-opacity))
}

.divide-esab-gray > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#cecfd0;
  border-color:rgba(206, 207, 208, var(--divide-opacity))
}

.divide-esab-orange > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#da7129;
  border-color:rgba(218, 113, 41, var(--divide-opacity))
}

.divide-esab-darkgrey > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#373338;
  border-color:rgba(55, 51, 56, var(--divide-opacity))
}

.divide-esab-background > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#f0f0f0;
  border-color:rgba(240, 240, 240, var(--divide-opacity))
}

.divide-esab-icon-blue > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#0B7DA8;
  border-color:rgba(11, 125, 168, var(--divide-opacity))
}

.divide-esab-sidebar-blue > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#c7d0d8;
  border-color:rgba(199, 208, 216, var(--divide-opacity))
}

.divide-esab-sidebar-blue-active > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#174167;
  border-color:rgba(23, 65, 103, var(--divide-opacity))
}

.divide-esab-sidebar-blue-arrow > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#164167;
  border-color:rgba(22, 65, 103, var(--divide-opacity))
}

.divide-esab-black > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#26292A;
  border-color:rgba(38, 41, 42, var(--divide-opacity))
}

.divide-esab-primary-blue > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#1A61A1;
  border-color:rgba(26, 97, 161, var(--divide-opacity))
}

.divide-esab-primary-blue-light > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#347fc3;
  border-color:rgba(52, 127, 195, var(--divide-opacity))
}

.divide-esab-secondary-blue > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#6ca1cd;
  border-color:rgba(108, 161, 205, var(--divide-opacity))
}

.divide-esab-card-blue > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#2961A1;
  border-color:rgba(41, 97, 161, var(--divide-opacity))
}

.divide-esab-card-secondary-blue > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#6491EB;
  border-color:rgba(100, 145, 235, var(--divide-opacity))
}

.divide-esab-red > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#E23900;
  border-color:rgba(226, 57, 0, var(--divide-opacity))
}

.divide-esab-red-highlight > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#ed6031;
  border-color:rgba(237, 96, 49, var(--divide-opacity))
}

.divide-assembly-color > :not(template) ~ :not(template){
  --divide-opacity:1;
  border-color:#c7074e;
  border-color:rgba(199, 7, 78, var(--divide-opacity))
}

.divide-solid > :not(template) ~ :not(template){
  border-style:solid
}

.divide-dashed > :not(template) ~ :not(template){
  border-style:dashed
}

.divide-dotted > :not(template) ~ :not(template){
  border-style:dotted
}

.divide-double > :not(template) ~ :not(template){
  border-style:double
}

.divide-none > :not(template) ~ :not(template){
  border-style:none
}

.divide-opacity-0 > :not(template) ~ :not(template){
  --divide-opacity:0
}

.divide-opacity-10 > :not(template) ~ :not(template){
  --divide-opacity:.1
}

.divide-opacity-20 > :not(template) ~ :not(template){
  --divide-opacity:.20
}

.divide-opacity-25 > :not(template) ~ :not(template){
  --divide-opacity:.25
}

.divide-opacity-50 > :not(template) ~ :not(template){
  --divide-opacity:.5
}

.divide-opacity-75 > :not(template) ~ :not(template){
  --divide-opacity:.75
}

.divide-opacity-100 > :not(template) ~ :not(template){
  --divide-opacity:1
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0
}

.not-sr-only{
  position:static;
  width:auto;
  height:auto;
  padding:0;
  margin:0;
  overflow:visible;
  clip:auto;
  white-space:normal
}

.focus\:sr-only:focus{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border-width:0
}

.focus\:not-sr-only:focus{
  position:static;
  width:auto;
  height:auto;
  padding:0;
  margin:0;
  overflow:visible;
  clip:auto;
  white-space:normal
}

.appearance-none{
  appearance:none
}

.bg-fixed{
  background-attachment:fixed
}

.bg-local{
  background-attachment:local
}

.bg-scroll{
  background-attachment:scroll
}

.bg-clip-border{
  background-clip:border-box
}

.bg-clip-padding{
  background-clip:padding-box
}

.bg-clip-content{
  background-clip:content-box
}

.bg-clip-text{
  background-clip:text
}

.bg-transparent{
  background-color:transparent
}

.bg-black{
  --bg-opacity:1;
  background-color:#22292f;
  background-color:rgba(34, 41, 47, var(--bg-opacity))
}

.bg-real-black{
  --bg-opacity:1;
  background-color:#000;
  background-color:rgba(0, 0, 0, var(--bg-opacity))
}

.bg-gray-800{
  --bg-opacity:1;
  background-color:#3d4852;
  background-color:rgba(61, 72, 82, var(--bg-opacity))
}

.bg-gray-700{
  --bg-opacity:1;
  background-color:#606f7b;
  background-color:rgba(96, 111, 123, var(--bg-opacity))
}

.bg-gray-600{
  --bg-opacity:1;
  background-color:#8795a1;
  background-color:rgba(135, 149, 161, var(--bg-opacity))
}

.bg-gray{
  --bg-opacity:1;
  background-color:#b8c2cc;
  background-color:rgba(184, 194, 204, var(--bg-opacity))
}

.bg-gray-400{
  --bg-opacity:1;
  background-color:#dae1e7;
  background-color:rgba(218, 225, 231, var(--bg-opacity))
}

.bg-gray-200{
  --bg-opacity:1;
  background-color:#f1f5f8;
  background-color:rgba(241, 245, 248, var(--bg-opacity))
}

.bg-gray-100{
  --bg-opacity:1;
  background-color:#f8fafc;
  background-color:rgba(248, 250, 252, var(--bg-opacity))
}

.bg-white{
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity))
}

.bg-off-white{
  --bg-opacity:1;
  background-color:#f7fafc;
  background-color:rgba(247, 250, 252, var(--bg-opacity))
}

.bg-grey-weldnote{
  --bg-opacity:1;
  background-color:#dae1e7;
  background-color:rgba(218, 225, 231, var(--bg-opacity))
}

.bg-red-900{
  --bg-opacity:1;
  background-color:#3b0d0c;
  background-color:rgba(59, 13, 12, var(--bg-opacity))
}

.bg-red-800{
  --bg-opacity:1;
  background-color:#621b18;
  background-color:rgba(98, 27, 24, var(--bg-opacity))
}

.bg-red-600{
  --bg-opacity:1;
  background-color:#cc1f1a;
  background-color:rgba(204, 31, 26, var(--bg-opacity))
}

.bg-red{
  --bg-opacity:1;
  background-color:#e3342f;
  background-color:rgba(227, 52, 47, var(--bg-opacity))
}

.bg-red-400{
  --bg-opacity:1;
  background-color:#ef5753;
  background-color:rgba(239, 87, 83, var(--bg-opacity))
}

.bg-red-200{
  --bg-opacity:1;
  background-color:#f9acaa;
  background-color:rgba(249, 172, 170, var(--bg-opacity))
}

.bg-red-100{
  --bg-opacity:1;
  background-color:#fcebea;
  background-color:rgba(252, 235, 234, var(--bg-opacity))
}

.bg-yellow-900{
  --bg-opacity:1;
  background-color:#453411;
  background-color:rgba(69, 52, 17, var(--bg-opacity))
}

.bg-yellow-800{
  --bg-opacity:1;
  background-color:#a77f2e;
  background-color:rgba(167, 127, 46, var(--bg-opacity))
}

.bg-yellow-600{
  --bg-opacity:1;
  background-color:#f2d024;
  background-color:rgba(242, 208, 36, var(--bg-opacity))
}

.bg-yellow{
  --bg-opacity:1;
  background-color:#ffed4a;
  background-color:rgba(255, 237, 74, var(--bg-opacity))
}

.bg-yellow-400{
  --bg-opacity:1;
  background-color:#fff382;
  background-color:rgba(255, 243, 130, var(--bg-opacity))
}

.bg-yellow-200{
  --bg-opacity:1;
  background-color:#fff9c2;
  background-color:rgba(255, 249, 194, var(--bg-opacity))
}

.bg-yellow-100{
  --bg-opacity:1;
  background-color:#fcfbeb;
  background-color:rgba(252, 251, 235, var(--bg-opacity))
}

.bg-green-900{
  --bg-opacity:1;
  background-color:#0f2f21;
  background-color:rgba(15, 47, 33, var(--bg-opacity))
}

.bg-green-800{
  --bg-opacity:1;
  background-color:#1a4731;
  background-color:rgba(26, 71, 49, var(--bg-opacity))
}

.bg-green-600{
  --bg-opacity:1;
  background-color:#1f9d55;
  background-color:rgba(31, 157, 85, var(--bg-opacity))
}

.bg-green{
  --bg-opacity:1;
  background-color:#38c172;
  background-color:rgba(56, 193, 114, var(--bg-opacity))
}

.bg-green-400{
  --bg-opacity:1;
  background-color:#51d88a;
  background-color:rgba(81, 216, 138, var(--bg-opacity))
}

.bg-green-200{
  --bg-opacity:1;
  background-color:#a2f5bf;
  background-color:rgba(162, 245, 191, var(--bg-opacity))
}

.bg-green-100{
  --bg-opacity:1;
  background-color:#e3fcec;
  background-color:rgba(227, 252, 236, var(--bg-opacity))
}

.bg-blue-modal{
  --bg-opacity:1;
  background-color:#2e4050;
  background-color:rgba(46, 64, 80, var(--bg-opacity))
}

.bg-blue-900{
  --bg-opacity:1;
  background-color:#12283a;
  background-color:rgba(18, 40, 58, var(--bg-opacity))
}

.bg-blue-800{
  --bg-opacity:1;
  background-color:#1c3d5a;
  background-color:rgba(28, 61, 90, var(--bg-opacity))
}

.bg-blue-600{
  --bg-opacity:1;
  background-color:#2779bd;
  background-color:rgba(39, 121, 189, var(--bg-opacity))
}

.bg-blue{
  --bg-opacity:1;
  background-color:#3498db;
  background-color:rgba(52, 152, 219, var(--bg-opacity))
}

.bg-blue-400{
  --bg-opacity:1;
  background-color:#6cb2eb;
  background-color:rgba(108, 178, 235, var(--bg-opacity))
}

.bg-blue-200{
  --bg-opacity:1;
  background-color:#bcdefa;
  background-color:rgba(188, 222, 250, var(--bg-opacity))
}

.bg-blue-100{
  --bg-opacity:1;
  background-color:#eff8ff;
  background-color:rgba(239, 248, 255, var(--bg-opacity))
}

.bg-purple-900{
  --bg-opacity:1;
  background-color:#21183c;
  background-color:rgba(33, 24, 60, var(--bg-opacity))
}

.bg-purple-800{
  --bg-opacity:1;
  background-color:#382b5f;
  background-color:rgba(56, 43, 95, var(--bg-opacity))
}

.bg-purple-600{
  --bg-opacity:1;
  background-color:#794acf;
  background-color:rgba(121, 74, 207, var(--bg-opacity))
}

.bg-purple{
  --bg-opacity:1;
  background-color:#9561e2;
  background-color:rgba(149, 97, 226, var(--bg-opacity))
}

.bg-purple-400{
  --bg-opacity:1;
  background-color:#a779e9;
  background-color:rgba(167, 121, 233, var(--bg-opacity))
}

.bg-purple-200{
  --bg-opacity:1;
  background-color:#d6bbfc;
  background-color:rgba(214, 187, 252, var(--bg-opacity))
}

.bg-purple-100{
  --bg-opacity:1;
  background-color:#f3ebff;
  background-color:rgba(243, 235, 255, var(--bg-opacity))
}

.bg-orange-900{
  --bg-opacity:1;
  background-color:#462a16;
  background-color:rgba(70, 42, 22, var(--bg-opacity))
}

.bg-orange-800{
  --bg-opacity:1;
  background-color:#613b1f;
  background-color:rgba(97, 59, 31, var(--bg-opacity))
}

.bg-orange-600{
  --bg-opacity:1;
  background-color:#de751f;
  background-color:rgba(222, 117, 31, var(--bg-opacity))
}

.bg-orange{
  --bg-opacity:1;
  background-color:#f6993f;
  background-color:rgba(246, 153, 63, var(--bg-opacity))
}

.bg-orange-400{
  --bg-opacity:1;
  background-color:#faad63;
  background-color:rgba(250, 173, 99, var(--bg-opacity))
}

.bg-orange-200{
  --bg-opacity:1;
  background-color:#fcd9b6;
  background-color:rgba(252, 217, 182, var(--bg-opacity))
}

.bg-orange-100{
  --bg-opacity:1;
  background-color:#fff5eb;
  background-color:rgba(255, 245, 235, var(--bg-opacity))
}

.bg-esab-gray{
  --bg-opacity:1;
  background-color:#cecfd0;
  background-color:rgba(206, 207, 208, var(--bg-opacity))
}

.bg-esab-orange{
  --bg-opacity:1;
  background-color:#da7129;
  background-color:rgba(218, 113, 41, var(--bg-opacity))
}

.bg-esab-darkgrey{
  --bg-opacity:1;
  background-color:#373338;
  background-color:rgba(55, 51, 56, var(--bg-opacity))
}

.bg-esab-background{
  --bg-opacity:1;
  background-color:#f0f0f0;
  background-color:rgba(240, 240, 240, var(--bg-opacity))
}

.bg-esab-icon-blue{
  --bg-opacity:1;
  background-color:#0B7DA8;
  background-color:rgba(11, 125, 168, var(--bg-opacity))
}

.bg-esab-sidebar-blue{
  --bg-opacity:1;
  background-color:#c7d0d8;
  background-color:rgba(199, 208, 216, var(--bg-opacity))
}

.bg-esab-sidebar-blue-active{
  --bg-opacity:1;
  background-color:#174167;
  background-color:rgba(23, 65, 103, var(--bg-opacity))
}

.bg-esab-sidebar-blue-arrow{
  --bg-opacity:1;
  background-color:#164167;
  background-color:rgba(22, 65, 103, var(--bg-opacity))
}

.bg-esab-black{
  --bg-opacity:1;
  background-color:#26292A;
  background-color:rgba(38, 41, 42, var(--bg-opacity))
}

.bg-esab-primary-blue{
  --bg-opacity:1;
  background-color:#1A61A1;
  background-color:rgba(26, 97, 161, var(--bg-opacity))
}

.bg-esab-primary-blue-light{
  --bg-opacity:1;
  background-color:#347fc3;
  background-color:rgba(52, 127, 195, var(--bg-opacity))
}

.bg-esab-secondary-blue{
  --bg-opacity:1;
  background-color:#6ca1cd;
  background-color:rgba(108, 161, 205, var(--bg-opacity))
}

.bg-esab-card-blue{
  --bg-opacity:1;
  background-color:#2961A1;
  background-color:rgba(41, 97, 161, var(--bg-opacity))
}

.bg-esab-card-secondary-blue{
  --bg-opacity:1;
  background-color:#6491EB;
  background-color:rgba(100, 145, 235, var(--bg-opacity))
}

.bg-esab-red{
  --bg-opacity:1;
  background-color:#E23900;
  background-color:rgba(226, 57, 0, var(--bg-opacity))
}

.bg-esab-red-highlight{
  --bg-opacity:1;
  background-color:#ed6031;
  background-color:rgba(237, 96, 49, var(--bg-opacity))
}

.bg-assembly-color{
  --bg-opacity:1;
  background-color:#c7074e;
  background-color:rgba(199, 7, 78, var(--bg-opacity))
}

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

.hover\:bg-black:hover{
  --bg-opacity:1;
  background-color:#22292f;
  background-color:rgba(34, 41, 47, var(--bg-opacity))
}

.hover\:bg-real-black:hover{
  --bg-opacity:1;
  background-color:#000;
  background-color:rgba(0, 0, 0, var(--bg-opacity))
}

.hover\:bg-gray-800:hover{
  --bg-opacity:1;
  background-color:#3d4852;
  background-color:rgba(61, 72, 82, var(--bg-opacity))
}

.hover\:bg-gray-700:hover{
  --bg-opacity:1;
  background-color:#606f7b;
  background-color:rgba(96, 111, 123, var(--bg-opacity))
}

.hover\:bg-gray-600:hover{
  --bg-opacity:1;
  background-color:#8795a1;
  background-color:rgba(135, 149, 161, var(--bg-opacity))
}

.hover\:bg-gray:hover{
  --bg-opacity:1;
  background-color:#b8c2cc;
  background-color:rgba(184, 194, 204, var(--bg-opacity))
}

.hover\:bg-gray-400:hover{
  --bg-opacity:1;
  background-color:#dae1e7;
  background-color:rgba(218, 225, 231, var(--bg-opacity))
}

.hover\:bg-gray-200:hover{
  --bg-opacity:1;
  background-color:#f1f5f8;
  background-color:rgba(241, 245, 248, var(--bg-opacity))
}

.hover\:bg-gray-100:hover{
  --bg-opacity:1;
  background-color:#f8fafc;
  background-color:rgba(248, 250, 252, var(--bg-opacity))
}

.hover\:bg-white:hover{
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity))
}

.hover\:bg-off-white:hover{
  --bg-opacity:1;
  background-color:#f7fafc;
  background-color:rgba(247, 250, 252, var(--bg-opacity))
}

.hover\:bg-grey-weldnote:hover{
  --bg-opacity:1;
  background-color:#dae1e7;
  background-color:rgba(218, 225, 231, var(--bg-opacity))
}

.hover\:bg-red-900:hover{
  --bg-opacity:1;
  background-color:#3b0d0c;
  background-color:rgba(59, 13, 12, var(--bg-opacity))
}

.hover\:bg-red-800:hover{
  --bg-opacity:1;
  background-color:#621b18;
  background-color:rgba(98, 27, 24, var(--bg-opacity))
}

.hover\:bg-red-600:hover{
  --bg-opacity:1;
  background-color:#cc1f1a;
  background-color:rgba(204, 31, 26, var(--bg-opacity))
}

.hover\:bg-red:hover{
  --bg-opacity:1;
  background-color:#e3342f;
  background-color:rgba(227, 52, 47, var(--bg-opacity))
}

.hover\:bg-red-400:hover{
  --bg-opacity:1;
  background-color:#ef5753;
  background-color:rgba(239, 87, 83, var(--bg-opacity))
}

.hover\:bg-red-200:hover{
  --bg-opacity:1;
  background-color:#f9acaa;
  background-color:rgba(249, 172, 170, var(--bg-opacity))
}

.hover\:bg-red-100:hover{
  --bg-opacity:1;
  background-color:#fcebea;
  background-color:rgba(252, 235, 234, var(--bg-opacity))
}

.hover\:bg-yellow-900:hover{
  --bg-opacity:1;
  background-color:#453411;
  background-color:rgba(69, 52, 17, var(--bg-opacity))
}

.hover\:bg-yellow-800:hover{
  --bg-opacity:1;
  background-color:#a77f2e;
  background-color:rgba(167, 127, 46, var(--bg-opacity))
}

.hover\:bg-yellow-600:hover{
  --bg-opacity:1;
  background-color:#f2d024;
  background-color:rgba(242, 208, 36, var(--bg-opacity))
}

.hover\:bg-yellow:hover{
  --bg-opacity:1;
  background-color:#ffed4a;
  background-color:rgba(255, 237, 74, var(--bg-opacity))
}

.hover\:bg-yellow-400:hover{
  --bg-opacity:1;
  background-color:#fff382;
  background-color:rgba(255, 243, 130, var(--bg-opacity))
}

.hover\:bg-yellow-200:hover{
  --bg-opacity:1;
  background-color:#fff9c2;
  background-color:rgba(255, 249, 194, var(--bg-opacity))
}

.hover\:bg-yellow-100:hover{
  --bg-opacity:1;
  background-color:#fcfbeb;
  background-color:rgba(252, 251, 235, var(--bg-opacity))
}

.hover\:bg-green-900:hover{
  --bg-opacity:1;
  background-color:#0f2f21;
  background-color:rgba(15, 47, 33, var(--bg-opacity))
}

.hover\:bg-green-800:hover{
  --bg-opacity:1;
  background-color:#1a4731;
  background-color:rgba(26, 71, 49, var(--bg-opacity))
}

.hover\:bg-green-600:hover{
  --bg-opacity:1;
  background-color:#1f9d55;
  background-color:rgba(31, 157, 85, var(--bg-opacity))
}

.hover\:bg-green:hover{
  --bg-opacity:1;
  background-color:#38c172;
  background-color:rgba(56, 193, 114, var(--bg-opacity))
}

.hover\:bg-green-400:hover{
  --bg-opacity:1;
  background-color:#51d88a;
  background-color:rgba(81, 216, 138, var(--bg-opacity))
}

.hover\:bg-green-200:hover{
  --bg-opacity:1;
  background-color:#a2f5bf;
  background-color:rgba(162, 245, 191, var(--bg-opacity))
}

.hover\:bg-green-100:hover{
  --bg-opacity:1;
  background-color:#e3fcec;
  background-color:rgba(227, 252, 236, var(--bg-opacity))
}

.hover\:bg-blue-modal:hover{
  --bg-opacity:1;
  background-color:#2e4050;
  background-color:rgba(46, 64, 80, var(--bg-opacity))
}

.hover\:bg-blue-900:hover{
  --bg-opacity:1;
  background-color:#12283a;
  background-color:rgba(18, 40, 58, var(--bg-opacity))
}

.hover\:bg-blue-800:hover{
  --bg-opacity:1;
  background-color:#1c3d5a;
  background-color:rgba(28, 61, 90, var(--bg-opacity))
}

.hover\:bg-blue-600:hover{
  --bg-opacity:1;
  background-color:#2779bd;
  background-color:rgba(39, 121, 189, var(--bg-opacity))
}

.hover\:bg-blue:hover{
  --bg-opacity:1;
  background-color:#3498db;
  background-color:rgba(52, 152, 219, var(--bg-opacity))
}

.hover\:bg-blue-400:hover{
  --bg-opacity:1;
  background-color:#6cb2eb;
  background-color:rgba(108, 178, 235, var(--bg-opacity))
}

.hover\:bg-blue-200:hover{
  --bg-opacity:1;
  background-color:#bcdefa;
  background-color:rgba(188, 222, 250, var(--bg-opacity))
}

.hover\:bg-blue-100:hover{
  --bg-opacity:1;
  background-color:#eff8ff;
  background-color:rgba(239, 248, 255, var(--bg-opacity))
}

.hover\:bg-purple-900:hover{
  --bg-opacity:1;
  background-color:#21183c;
  background-color:rgba(33, 24, 60, var(--bg-opacity))
}

.hover\:bg-purple-800:hover{
  --bg-opacity:1;
  background-color:#382b5f;
  background-color:rgba(56, 43, 95, var(--bg-opacity))
}

.hover\:bg-purple-600:hover{
  --bg-opacity:1;
  background-color:#794acf;
  background-color:rgba(121, 74, 207, var(--bg-opacity))
}

.hover\:bg-purple:hover{
  --bg-opacity:1;
  background-color:#9561e2;
  background-color:rgba(149, 97, 226, var(--bg-opacity))
}

.hover\:bg-purple-400:hover{
  --bg-opacity:1;
  background-color:#a779e9;
  background-color:rgba(167, 121, 233, var(--bg-opacity))
}

.hover\:bg-purple-200:hover{
  --bg-opacity:1;
  background-color:#d6bbfc;
  background-color:rgba(214, 187, 252, var(--bg-opacity))
}

.hover\:bg-purple-100:hover{
  --bg-opacity:1;
  background-color:#f3ebff;
  background-color:rgba(243, 235, 255, var(--bg-opacity))
}

.hover\:bg-orange-900:hover{
  --bg-opacity:1;
  background-color:#462a16;
  background-color:rgba(70, 42, 22, var(--bg-opacity))
}

.hover\:bg-orange-800:hover{
  --bg-opacity:1;
  background-color:#613b1f;
  background-color:rgba(97, 59, 31, var(--bg-opacity))
}

.hover\:bg-orange-600:hover{
  --bg-opacity:1;
  background-color:#de751f;
  background-color:rgba(222, 117, 31, var(--bg-opacity))
}

.hover\:bg-orange:hover{
  --bg-opacity:1;
  background-color:#f6993f;
  background-color:rgba(246, 153, 63, var(--bg-opacity))
}

.hover\:bg-orange-400:hover{
  --bg-opacity:1;
  background-color:#faad63;
  background-color:rgba(250, 173, 99, var(--bg-opacity))
}

.hover\:bg-orange-200:hover{
  --bg-opacity:1;
  background-color:#fcd9b6;
  background-color:rgba(252, 217, 182, var(--bg-opacity))
}

.hover\:bg-orange-100:hover{
  --bg-opacity:1;
  background-color:#fff5eb;
  background-color:rgba(255, 245, 235, var(--bg-opacity))
}

.hover\:bg-esab-gray:hover{
  --bg-opacity:1;
  background-color:#cecfd0;
  background-color:rgba(206, 207, 208, var(--bg-opacity))
}

.hover\:bg-esab-orange:hover{
  --bg-opacity:1;
  background-color:#da7129;
  background-color:rgba(218, 113, 41, var(--bg-opacity))
}

.hover\:bg-esab-darkgrey:hover{
  --bg-opacity:1;
  background-color:#373338;
  background-color:rgba(55, 51, 56, var(--bg-opacity))
}

.hover\:bg-esab-background:hover{
  --bg-opacity:1;
  background-color:#f0f0f0;
  background-color:rgba(240, 240, 240, var(--bg-opacity))
}

.hover\:bg-esab-icon-blue:hover{
  --bg-opacity:1;
  background-color:#0B7DA8;
  background-color:rgba(11, 125, 168, var(--bg-opacity))
}

.hover\:bg-esab-sidebar-blue:hover{
  --bg-opacity:1;
  background-color:#c7d0d8;
  background-color:rgba(199, 208, 216, var(--bg-opacity))
}

.hover\:bg-esab-sidebar-blue-active:hover{
  --bg-opacity:1;
  background-color:#174167;
  background-color:rgba(23, 65, 103, var(--bg-opacity))
}

.hover\:bg-esab-sidebar-blue-arrow:hover{
  --bg-opacity:1;
  background-color:#164167;
  background-color:rgba(22, 65, 103, var(--bg-opacity))
}

.hover\:bg-esab-black:hover{
  --bg-opacity:1;
  background-color:#26292A;
  background-color:rgba(38, 41, 42, var(--bg-opacity))
}

.hover\:bg-esab-primary-blue:hover{
  --bg-opacity:1;
  background-color:#1A61A1;
  background-color:rgba(26, 97, 161, var(--bg-opacity))
}

.hover\:bg-esab-primary-blue-light:hover{
  --bg-opacity:1;
  background-color:#347fc3;
  background-color:rgba(52, 127, 195, var(--bg-opacity))
}

.hover\:bg-esab-secondary-blue:hover{
  --bg-opacity:1;
  background-color:#6ca1cd;
  background-color:rgba(108, 161, 205, var(--bg-opacity))
}

.hover\:bg-esab-card-blue:hover{
  --bg-opacity:1;
  background-color:#2961A1;
  background-color:rgba(41, 97, 161, var(--bg-opacity))
}

.hover\:bg-esab-card-secondary-blue:hover{
  --bg-opacity:1;
  background-color:#6491EB;
  background-color:rgba(100, 145, 235, var(--bg-opacity))
}

.hover\:bg-esab-red:hover{
  --bg-opacity:1;
  background-color:#E23900;
  background-color:rgba(226, 57, 0, var(--bg-opacity))
}

.hover\:bg-esab-red-highlight:hover{
  --bg-opacity:1;
  background-color:#ed6031;
  background-color:rgba(237, 96, 49, var(--bg-opacity))
}

.hover\:bg-assembly-color:hover{
  --bg-opacity:1;
  background-color:#c7074e;
  background-color:rgba(199, 7, 78, var(--bg-opacity))
}

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

.group:hover .group-hover\:bg-black{
  --bg-opacity:1;
  background-color:#22292f;
  background-color:rgba(34, 41, 47, var(--bg-opacity))
}

.group:hover .group-hover\:bg-real-black{
  --bg-opacity:1;
  background-color:#000;
  background-color:rgba(0, 0, 0, var(--bg-opacity))
}

.group:hover .group-hover\:bg-gray-800{
  --bg-opacity:1;
  background-color:#3d4852;
  background-color:rgba(61, 72, 82, var(--bg-opacity))
}

.group:hover .group-hover\:bg-gray-700{
  --bg-opacity:1;
  background-color:#606f7b;
  background-color:rgba(96, 111, 123, var(--bg-opacity))
}

.group:hover .group-hover\:bg-gray-600{
  --bg-opacity:1;
  background-color:#8795a1;
  background-color:rgba(135, 149, 161, var(--bg-opacity))
}

.group:hover .group-hover\:bg-gray{
  --bg-opacity:1;
  background-color:#b8c2cc;
  background-color:rgba(184, 194, 204, var(--bg-opacity))
}

.group:hover .group-hover\:bg-gray-400{
  --bg-opacity:1;
  background-color:#dae1e7;
  background-color:rgba(218, 225, 231, var(--bg-opacity))
}

.group:hover .group-hover\:bg-gray-200{
  --bg-opacity:1;
  background-color:#f1f5f8;
  background-color:rgba(241, 245, 248, var(--bg-opacity))
}

.group:hover .group-hover\:bg-gray-100{
  --bg-opacity:1;
  background-color:#f8fafc;
  background-color:rgba(248, 250, 252, var(--bg-opacity))
}

.group:hover .group-hover\:bg-white{
  --bg-opacity:1;
  background-color:#ffffff;
  background-color:rgba(255, 255, 255, var(--bg-opacity))
}

.group:hover .group-hover\:bg-off-white{
  --bg-opacity:1;
  background-color:#f7fafc;
  background-color:rgba(247, 250, 252, var(--bg-opacity))
}

.group:hover .group-hover\:bg-grey-weldnote{
  --bg-opacity:1;
  background-color:#dae1e7;
  background-color:rgba(218, 225, 231, var(--bg-opacity))
}

.group:hover .group-hover\:bg-red-900{
  --bg-opacity:1;
  background-color:#3b0d0c;
  background-color:rgba(59, 13, 12, var(--bg-opacity))
}

.group:hover .group-hover\:bg-red-800{
  --bg-opacity:1;
  background-color:#621b18;
  background-color:rgba(98, 27, 24, var(--bg-opacity))
}

.group:hover .group-hover\:bg-red-600{
  --bg-opacity:1;
  background-color:#cc1f1a;
  background-color:rgba(204, 31, 26, var(--bg-opacity))
}

.group:hover .group-hover\:bg-red{
  --bg-opacity:1;
  background-color:#e3342f;
  background-color:rgba(227, 52, 47, var(--bg-opacity))
}

.group:hover .group-hover\:bg-red-400{
  --bg-opacity:1;
  background-color:#ef5753;
  background-color:rgba(239, 87, 83, var(--bg-opacity))
}

.group:hover .group-hover\:bg-red-200{
  --bg-opacity:1;
  background-color:#f9acaa;
  background-color:rgba(249, 172, 170, var(--bg-opacity))
}

.group:hover .group-hover\:bg-red-100{
  --bg-opacity:1;
  background-color:#fcebea;
  background-color:rgba(252, 235, 234, var(--bg-opacity))
}

.group:hover .group-hover\:bg-yellow-900{
  --bg-opacity:1;
  background-color:#453411;
  background-color:rgba(69, 52, 17, var(--bg-opacity))
}

.group:hover .group-hover\:bg-yellow-800{
  --bg-opacity:1;
  background-color:#a77f2e;
  background-color:rgba(167, 127, 46, var(--bg-opacity))
}

.group:hover .group-hover\:bg-yellow-600{
  --bg-opacity:1;
  background-color:#f2d024;
  background-color:rgba(242, 208, 36, var(--bg-opacity))
}

.group:hover .group-hover\:bg-yellow{
  --bg-opacity:1;
  background-color:#ffed4a;
  background-color:rgba(255, 237, 74, var(--bg-opacity))
}

.group:hover .group-hover\:bg-yellow-400{
  --bg-opacity:1;
  background-color:#fff382;
  background-color:rgba(255, 243, 130, var(--bg-opacity))
}

.group:hover .group-hover\:bg-yellow-200{
  --bg-opacity:1;
  background-color:#fff9c2;
  background-color:rgba(255, 249, 194, var(--bg-opacity))
}

.group:hover .group-hover\:bg-yellow-100{
  --bg-opacity:1;
  background-color:#fcfbeb;
  background-color:rgba(252, 251, 235, var(--bg-opacity))
}

.group:hover .group-hover\:bg-green-900{
  --bg-opacity:1;
  background-color:#0f2f21;
  background-color:rgba(15, 47, 33, var(--bg-opacity))
}

.group:hover .group-hover\:bg-green-800{
  --bg-opacity:1;
  background-color:#1a4731;
  background-color:rgba(26, 71, 49, var(--bg-opacity))
}

.group:hover .group-hover\:bg-green-600{
  --bg-opacity:1;
  background-color:#1f9d55;
  background-color:rgba(31, 157, 85, var(--bg-opacity))
}

.group:hover .group-hover\:bg-green{
  --bg-opacity:1;
  background-color:#38c172;
  background-color:rgba(56, 193, 114, var(--bg-opacity))
}

.group:hover .group-hover\:bg-green-400{
  --bg-opacity:1;
  background-color:#51d88a;
  background-color:rgba(81, 216, 138, var(--bg-opacity))
}

.group:hover .group-hover\:bg-green-200{
  --bg-opacity:1;
  background-color:#a2f5bf;
  background-color:rgba(162, 245, 191, var(--bg-opacity))
}

.group:hover .group-hover\:bg-green-100{
  --bg-opacity:1;
  background-color:#e3fcec;
  background-color:rgba(227, 252, 236, var(--bg-opacity))
}

.group:hover .group-hover\:bg-blue-modal{
  --bg-opacity:1;
  background-color:#2e4050;
  background-color:rgba(46, 64, 80, var(--bg-opacity))
}

.group:hover .group-hover\:bg-blue-900{
  --bg-opacity:1;
  background-color:#12283a;
  background-color:rgba(18, 40, 58, var(--bg-opacity))
}

.group:hover .group-hover\:bg-blue-800{
  --bg-opacity:1;
  background-color:#1c3d5a;
  background-color:rgba(28, 61, 90, var(--bg-opacity))
}

.group:hover .group-hover\:bg-blue-600{
  --bg-opacity:1;
  background-color:#2779bd;
  background-color:rgba(39, 121, 189, var(--bg-opacity))
}

.group:hover .group-hover\:bg-blue{
  --bg-opacity:1;
  background-color:#3498db;
  background-color:rgba(52, 152, 219, var(--bg-opacity))
}

.group:hover .group-hover\:bg-blue-400{
  --bg-opacity:1;
  background-color:#6cb2eb;
  background-color:rgba(108, 178, 235, var(--bg-opacity))
}

.group:hover .group-hover\:bg-blue-200{
  --bg-opacity:1;
  background-color:#bcdefa;
  background-color:rgba(188, 222, 250, var(--bg-opacity))
}

.group:hover .group-hover\:bg-blue-100{
  --bg-opacity:1;
  background-color:#eff8ff;
  background-color:rgba(239, 248, 255, var(--bg-opacity))
}

.group:hover .group-hover\:bg-purple-900{
  --bg-opacity:1;
  background-color:#21183c;
  background-color:rgba(33, 24, 60, var(--bg-opacity))
}

.group:hover .group-hover\:bg-purple-800{
  --bg-opacity:1;
  background-color:#382b5f;
  background-color:rgba(56, 43, 95, var(--bg-opacity))
}

.group:hover .group-hover\:bg-purple-600{
  --bg-opacity:1;
  background-color:#794acf;
  background-color:rgba(121, 74, 207, var(--bg-opacity))
}

.group:hover .group-hover\:bg-purple{
  --bg-opacity:1;
  background-color:#9561e2;
  background-color:rgba(149, 97, 226, var(--bg-opacity))
}

.group:hover .group-hover\:bg-purple-400{
  --bg-opacity:1;
  background-color:#a779e9;
  background-color:rgba(167, 121, 233, var(--bg-opacity))
}

.group:hover .group-hover\:bg-purple-200{
  --bg-opacity:1;
  background-color:#d6bbfc;
  background-color:rgba(214, 187, 252, var(--bg-opacity))
}

.group:hover .group-hover\:bg-purple-100{
  --bg-opacity:1;
  background-color:#f3ebff;
  background-color:rgba(243, 235, 255, var(--bg-opacity))
}

.group:hover .group-hover\:bg-orange-900{
  --bg-opacity:1;
  background-color:#462a16;
  background-color:rgba(70, 42, 22, var(--bg-opacity))
}

.group:hover .group-hover\:bg-orange-800{
  --bg-opacity:1;
  background-color:#613b1f;
  background-color:rgba(97, 59, 31, var(--bg-opacity))
}

.group:hover .group-hover\:bg-orange-600{
  --bg-opacity:1;
  background-color:#de751f;
  background-color:rgba(222, 117, 31, var(--bg-opacity))
}

.group:hover .group-hover\:bg-orange{
  --bg-opacity:1;
  background-color:#f6993f;
  background-color:rgba(246, 153, 63, var(--bg-opacity))
}

.group:hover .group-hover\:bg-orange-400{
  --bg-opacity:1;
  background-color:#faad63;
  background-color:rgba(250, 173, 99, var(--bg-opacity))
}

.group:hover .group-hover\:bg-orange-200{
  --bg-opacity:1;
  background-color:#fcd9b6;
  background-color:rgba(252, 217, 182, var(--bg-opacity))
}

.group:hover .group-hover\:bg-orange-100{
  --bg-opacity:1;
  background-color:#fff5eb;
  background-color:rgba(255, 245, 235, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-gray{
  --bg-opacity:1;
  background-color:#cecfd0;
  background-color:rgba(206, 207, 208, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-orange{
  --bg-opacity:1;
  background-color:#da7129;
  background-color:rgba(218, 113, 41, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-darkgrey{
  --bg-opacity:1;
  background-color:#373338;
  background-color:rgba(55, 51, 56, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-background{
  --bg-opacity:1;
  background-color:#f0f0f0;
  background-color:rgba(240, 240, 240, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-icon-blue{
  --bg-opacity:1;
  background-color:#0B7DA8;
  background-color:rgba(11, 125, 168, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-sidebar-blue{
  --bg-opacity:1;
  background-color:#c7d0d8;
  background-color:rgba(199, 208, 216, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-sidebar-blue-active{
  --bg-opacity:1;
  background-color:#174167;
  background-color:rgba(23, 65, 103, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-sidebar-blue-arrow{
  --bg-opacity:1;
  background-color:#164167;
  background-color:rgba(22, 65, 103, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-black{
  --bg-opacity:1;
  background-color:#26292A;
  background-color:rgba(38, 41, 42, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-primary-blue{
  --bg-opacity:1;
  background-color:#1A61A1;
  background-color:rgba(26, 97, 161, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-primary-blue-light{
  --bg-opacity:1;
  background-color:#347fc3;
  background-color:rgba(52, 127, 195, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-secondary-blue{
  --bg-opacity:1;
  background-color:#6ca1cd;
  background-color:rgba(108, 161, 205, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-card-blue{
  --bg-opacity:1;
  background-color:#2961A1;
  background-color:rgba(41, 97, 161, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-card-secondary-blue{
  --bg-opacity:1;
  background-color:#6491EB;
  background-color:rgba(100, 145, 235, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-red{
  --bg-opacity:1;
  background-color:#E23900;
  background-color:rgba(226, 57, 0, var(--bg-opacity))
}

.group:hover .group-hover\:bg-esab-red-highlight{
  --bg-opacity:1;
  background-color:#ed6031;
  background-color:rgba(237, 96, 49, var(--bg-opacity))
}

.group:hover .group-hover\:bg-assembly-color{
  --bg-opacity:1;
  background-color:#c7074e;
  background-color:rgba(199, 7, 78, var(--bg-opacity))
}

.bg-none{
  background-image:none
}

.bg-gradient-to-t{
  background-image:linear-gradient(to top, var(--gradient-color-stops))
}

.bg-gradient-to-tr{
  background-image:linear-gradient(to top right, var(--gradient-color-stops))
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--gradient-color-stops))
}

.bg-gradient-to-br{
  background-image:linear-gradient(to bottom right, var(--gradient-color-stops))
}

.bg-gradient-to-b{
  background-image:linear-gradient(to bottom, var(--gradient-color-stops))
}

.bg-gradient-to-bl{
  background-image:linear-gradient(to bottom left, var(--gradient-color-stops))
}

.bg-gradient-to-l{
  background-image:linear-gradient(to left, var(--gradient-color-stops))
}

.bg-gradient-to-tl{
  background-image:linear-gradient(to top left, var(--gradient-color-stops))
}

.from-transparent{
  --gradient-from-color:transparent;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.from-black{
  --gradient-from-color:#22292f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
}

.from-real-black{
  --gradient-from-color:#000;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.from-gray-800{
  --gradient-from-color:#3d4852;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
}

.from-gray-700{
  --gradient-from-color:#606f7b;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
}

.from-gray-600{
  --gradient-from-color:#8795a1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
}

.from-gray{
  --gradient-from-color:#b8c2cc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
}

.from-gray-400{
  --gradient-from-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.from-gray-200{
  --gradient-from-color:#f1f5f8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
}

.from-gray-100{
  --gradient-from-color:#f8fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
}

.from-white{
  --gradient-from-color:#ffffff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
}

.from-off-white{
  --gradient-from-color:#f7fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
}

.from-grey-weldnote{
  --gradient-from-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.from-red-900{
  --gradient-from-color:#3b0d0c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
}

.from-red-800{
  --gradient-from-color:#621b18;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
}

.from-red-600{
  --gradient-from-color:#cc1f1a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
}

.from-red{
  --gradient-from-color:#e3342f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
}

.from-red-400{
  --gradient-from-color:#ef5753;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
}

.from-red-200{
  --gradient-from-color:#f9acaa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
}

.from-red-100{
  --gradient-from-color:#fcebea;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
}

.from-yellow-900{
  --gradient-from-color:#453411;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
}

.from-yellow-800{
  --gradient-from-color:#a77f2e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
}

.from-yellow-600{
  --gradient-from-color:#f2d024;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
}

.from-yellow{
  --gradient-from-color:#ffed4a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
}

.from-yellow-400{
  --gradient-from-color:#fff382;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
}

.from-yellow-200{
  --gradient-from-color:#fff9c2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
}

.from-yellow-100{
  --gradient-from-color:#fcfbeb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
}

.from-green-900{
  --gradient-from-color:#0f2f21;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
}

.from-green-800{
  --gradient-from-color:#1a4731;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
}

.from-green-600{
  --gradient-from-color:#1f9d55;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
}

.from-green{
  --gradient-from-color:#38c172;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
}

.from-green-400{
  --gradient-from-color:#51d88a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
}

.from-green-200{
  --gradient-from-color:#a2f5bf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
}

.from-green-100{
  --gradient-from-color:#e3fcec;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
}

.from-blue-modal{
  --gradient-from-color:#2e4050;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
}

.from-blue-900{
  --gradient-from-color:#12283a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
}

.from-blue-800{
  --gradient-from-color:#1c3d5a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
}

.from-blue-600{
  --gradient-from-color:#2779bd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
}

.from-blue{
  --gradient-from-color:#3498db;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
}

.from-blue-400{
  --gradient-from-color:#6cb2eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
}

.from-blue-200{
  --gradient-from-color:#bcdefa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
}

.from-blue-100{
  --gradient-from-color:#eff8ff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
}

.from-purple-900{
  --gradient-from-color:#21183c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
}

.from-purple-800{
  --gradient-from-color:#382b5f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
}

.from-purple-600{
  --gradient-from-color:#794acf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
}

.from-purple{
  --gradient-from-color:#9561e2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
}

.from-purple-400{
  --gradient-from-color:#a779e9;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
}

.from-purple-200{
  --gradient-from-color:#d6bbfc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
}

.from-purple-100{
  --gradient-from-color:#f3ebff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
}

.from-orange-900{
  --gradient-from-color:#462a16;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
}

.from-orange-800{
  --gradient-from-color:#613b1f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
}

.from-orange-600{
  --gradient-from-color:#de751f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
}

.from-orange{
  --gradient-from-color:#f6993f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
}

.from-orange-400{
  --gradient-from-color:#faad63;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
}

.from-orange-200{
  --gradient-from-color:#fcd9b6;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
}

.from-orange-100{
  --gradient-from-color:#fff5eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
}

.from-esab-gray{
  --gradient-from-color:#cecfd0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
}

.from-esab-orange{
  --gradient-from-color:#da7129;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
}

.from-esab-darkgrey{
  --gradient-from-color:#373338;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
}

.from-esab-background{
  --gradient-from-color:#f0f0f0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
}

.from-esab-icon-blue{
  --gradient-from-color:#0B7DA8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
}

.from-esab-sidebar-blue{
  --gradient-from-color:#c7d0d8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
}

.from-esab-sidebar-blue-active{
  --gradient-from-color:#174167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
}

.from-esab-sidebar-blue-arrow{
  --gradient-from-color:#164167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
}

.from-esab-black{
  --gradient-from-color:#26292A;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
}

.from-esab-primary-blue{
  --gradient-from-color:#1A61A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
}

.from-esab-primary-blue-light{
  --gradient-from-color:#347fc3;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
}

.from-esab-secondary-blue{
  --gradient-from-color:#6ca1cd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
}

.from-esab-card-blue{
  --gradient-from-color:#2961A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
}

.from-esab-card-secondary-blue{
  --gradient-from-color:#6491EB;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
}

.from-esab-red{
  --gradient-from-color:#E23900;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
}

.from-esab-red-highlight{
  --gradient-from-color:#ed6031;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
}

.from-assembly-color{
  --gradient-from-color:#c7074e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
}

.via-transparent{
  --gradient-via-color:transparent;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.via-black{
  --gradient-via-color:#22292f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
}

.via-real-black{
  --gradient-via-color:#000;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.via-gray-800{
  --gradient-via-color:#3d4852;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
}

.via-gray-700{
  --gradient-via-color:#606f7b;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
}

.via-gray-600{
  --gradient-via-color:#8795a1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
}

.via-gray{
  --gradient-via-color:#b8c2cc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
}

.via-gray-400{
  --gradient-via-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.via-gray-200{
  --gradient-via-color:#f1f5f8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
}

.via-gray-100{
  --gradient-via-color:#f8fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
}

.via-white{
  --gradient-via-color:#ffffff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
}

.via-off-white{
  --gradient-via-color:#f7fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
}

.via-grey-weldnote{
  --gradient-via-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.via-red-900{
  --gradient-via-color:#3b0d0c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
}

.via-red-800{
  --gradient-via-color:#621b18;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
}

.via-red-600{
  --gradient-via-color:#cc1f1a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
}

.via-red{
  --gradient-via-color:#e3342f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
}

.via-red-400{
  --gradient-via-color:#ef5753;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
}

.via-red-200{
  --gradient-via-color:#f9acaa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
}

.via-red-100{
  --gradient-via-color:#fcebea;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
}

.via-yellow-900{
  --gradient-via-color:#453411;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
}

.via-yellow-800{
  --gradient-via-color:#a77f2e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
}

.via-yellow-600{
  --gradient-via-color:#f2d024;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
}

.via-yellow{
  --gradient-via-color:#ffed4a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
}

.via-yellow-400{
  --gradient-via-color:#fff382;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
}

.via-yellow-200{
  --gradient-via-color:#fff9c2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
}

.via-yellow-100{
  --gradient-via-color:#fcfbeb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
}

.via-green-900{
  --gradient-via-color:#0f2f21;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
}

.via-green-800{
  --gradient-via-color:#1a4731;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
}

.via-green-600{
  --gradient-via-color:#1f9d55;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
}

.via-green{
  --gradient-via-color:#38c172;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
}

.via-green-400{
  --gradient-via-color:#51d88a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
}

.via-green-200{
  --gradient-via-color:#a2f5bf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
}

.via-green-100{
  --gradient-via-color:#e3fcec;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
}

.via-blue-modal{
  --gradient-via-color:#2e4050;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
}

.via-blue-900{
  --gradient-via-color:#12283a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
}

.via-blue-800{
  --gradient-via-color:#1c3d5a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
}

.via-blue-600{
  --gradient-via-color:#2779bd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
}

.via-blue{
  --gradient-via-color:#3498db;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
}

.via-blue-400{
  --gradient-via-color:#6cb2eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
}

.via-blue-200{
  --gradient-via-color:#bcdefa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
}

.via-blue-100{
  --gradient-via-color:#eff8ff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
}

.via-purple-900{
  --gradient-via-color:#21183c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
}

.via-purple-800{
  --gradient-via-color:#382b5f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
}

.via-purple-600{
  --gradient-via-color:#794acf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
}

.via-purple{
  --gradient-via-color:#9561e2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
}

.via-purple-400{
  --gradient-via-color:#a779e9;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
}

.via-purple-200{
  --gradient-via-color:#d6bbfc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
}

.via-purple-100{
  --gradient-via-color:#f3ebff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
}

.via-orange-900{
  --gradient-via-color:#462a16;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
}

.via-orange-800{
  --gradient-via-color:#613b1f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
}

.via-orange-600{
  --gradient-via-color:#de751f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
}

.via-orange{
  --gradient-via-color:#f6993f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
}

.via-orange-400{
  --gradient-via-color:#faad63;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
}

.via-orange-200{
  --gradient-via-color:#fcd9b6;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
}

.via-orange-100{
  --gradient-via-color:#fff5eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
}

.via-esab-gray{
  --gradient-via-color:#cecfd0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
}

.via-esab-orange{
  --gradient-via-color:#da7129;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
}

.via-esab-darkgrey{
  --gradient-via-color:#373338;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
}

.via-esab-background{
  --gradient-via-color:#f0f0f0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
}

.via-esab-icon-blue{
  --gradient-via-color:#0B7DA8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
}

.via-esab-sidebar-blue{
  --gradient-via-color:#c7d0d8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
}

.via-esab-sidebar-blue-active{
  --gradient-via-color:#174167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
}

.via-esab-sidebar-blue-arrow{
  --gradient-via-color:#164167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
}

.via-esab-black{
  --gradient-via-color:#26292A;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
}

.via-esab-primary-blue{
  --gradient-via-color:#1A61A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
}

.via-esab-primary-blue-light{
  --gradient-via-color:#347fc3;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
}

.via-esab-secondary-blue{
  --gradient-via-color:#6ca1cd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
}

.via-esab-card-blue{
  --gradient-via-color:#2961A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
}

.via-esab-card-secondary-blue{
  --gradient-via-color:#6491EB;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
}

.via-esab-red{
  --gradient-via-color:#E23900;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
}

.via-esab-red-highlight{
  --gradient-via-color:#ed6031;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
}

.via-assembly-color{
  --gradient-via-color:#c7074e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
}

.to-transparent{
  --gradient-to-color:transparent
}

.to-black{
  --gradient-to-color:#22292f
}

.to-real-black{
  --gradient-to-color:#000
}

.to-gray-800{
  --gradient-to-color:#3d4852
}

.to-gray-700{
  --gradient-to-color:#606f7b
}

.to-gray-600{
  --gradient-to-color:#8795a1
}

.to-gray{
  --gradient-to-color:#b8c2cc
}

.to-gray-400{
  --gradient-to-color:#dae1e7
}

.to-gray-200{
  --gradient-to-color:#f1f5f8
}

.to-gray-100{
  --gradient-to-color:#f8fafc
}

.to-white{
  --gradient-to-color:#ffffff
}

.to-off-white{
  --gradient-to-color:#f7fafc
}

.to-grey-weldnote{
  --gradient-to-color:#dae1e7
}

.to-red-900{
  --gradient-to-color:#3b0d0c
}

.to-red-800{
  --gradient-to-color:#621b18
}

.to-red-600{
  --gradient-to-color:#cc1f1a
}

.to-red{
  --gradient-to-color:#e3342f
}

.to-red-400{
  --gradient-to-color:#ef5753
}

.to-red-200{
  --gradient-to-color:#f9acaa
}

.to-red-100{
  --gradient-to-color:#fcebea
}

.to-yellow-900{
  --gradient-to-color:#453411
}

.to-yellow-800{
  --gradient-to-color:#a77f2e
}

.to-yellow-600{
  --gradient-to-color:#f2d024
}

.to-yellow{
  --gradient-to-color:#ffed4a
}

.to-yellow-400{
  --gradient-to-color:#fff382
}

.to-yellow-200{
  --gradient-to-color:#fff9c2
}

.to-yellow-100{
  --gradient-to-color:#fcfbeb
}

.to-green-900{
  --gradient-to-color:#0f2f21
}

.to-green-800{
  --gradient-to-color:#1a4731
}

.to-green-600{
  --gradient-to-color:#1f9d55
}

.to-green{
  --gradient-to-color:#38c172
}

.to-green-400{
  --gradient-to-color:#51d88a
}

.to-green-200{
  --gradient-to-color:#a2f5bf
}

.to-green-100{
  --gradient-to-color:#e3fcec
}

.to-blue-modal{
  --gradient-to-color:#2e4050
}

.to-blue-900{
  --gradient-to-color:#12283a
}

.to-blue-800{
  --gradient-to-color:#1c3d5a
}

.to-blue-600{
  --gradient-to-color:#2779bd
}

.to-blue{
  --gradient-to-color:#3498db
}

.to-blue-400{
  --gradient-to-color:#6cb2eb
}

.to-blue-200{
  --gradient-to-color:#bcdefa
}

.to-blue-100{
  --gradient-to-color:#eff8ff
}

.to-purple-900{
  --gradient-to-color:#21183c
}

.to-purple-800{
  --gradient-to-color:#382b5f
}

.to-purple-600{
  --gradient-to-color:#794acf
}

.to-purple{
  --gradient-to-color:#9561e2
}

.to-purple-400{
  --gradient-to-color:#a779e9
}

.to-purple-200{
  --gradient-to-color:#d6bbfc
}

.to-purple-100{
  --gradient-to-color:#f3ebff
}

.to-orange-900{
  --gradient-to-color:#462a16
}

.to-orange-800{
  --gradient-to-color:#613b1f
}

.to-orange-600{
  --gradient-to-color:#de751f
}

.to-orange{
  --gradient-to-color:#f6993f
}

.to-orange-400{
  --gradient-to-color:#faad63
}

.to-orange-200{
  --gradient-to-color:#fcd9b6
}

.to-orange-100{
  --gradient-to-color:#fff5eb
}

.to-esab-gray{
  --gradient-to-color:#cecfd0
}

.to-esab-orange{
  --gradient-to-color:#da7129
}

.to-esab-darkgrey{
  --gradient-to-color:#373338
}

.to-esab-background{
  --gradient-to-color:#f0f0f0
}

.to-esab-icon-blue{
  --gradient-to-color:#0B7DA8
}

.to-esab-sidebar-blue{
  --gradient-to-color:#c7d0d8
}

.to-esab-sidebar-blue-active{
  --gradient-to-color:#174167
}

.to-esab-sidebar-blue-arrow{
  --gradient-to-color:#164167
}

.to-esab-black{
  --gradient-to-color:#26292A
}

.to-esab-primary-blue{
  --gradient-to-color:#1A61A1
}

.to-esab-primary-blue-light{
  --gradient-to-color:#347fc3
}

.to-esab-secondary-blue{
  --gradient-to-color:#6ca1cd
}

.to-esab-card-blue{
  --gradient-to-color:#2961A1
}

.to-esab-card-secondary-blue{
  --gradient-to-color:#6491EB
}

.to-esab-red{
  --gradient-to-color:#E23900
}

.to-esab-red-highlight{
  --gradient-to-color:#ed6031
}

.to-assembly-color{
  --gradient-to-color:#c7074e
}

.hover\:from-transparent:hover{
  --gradient-from-color:transparent;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.hover\:from-black:hover{
  --gradient-from-color:#22292f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
}

.hover\:from-real-black:hover{
  --gradient-from-color:#000;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.hover\:from-gray-800:hover{
  --gradient-from-color:#3d4852;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
}

.hover\:from-gray-700:hover{
  --gradient-from-color:#606f7b;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
}

.hover\:from-gray-600:hover{
  --gradient-from-color:#8795a1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
}

.hover\:from-gray:hover{
  --gradient-from-color:#b8c2cc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
}

.hover\:from-gray-400:hover{
  --gradient-from-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.hover\:from-gray-200:hover{
  --gradient-from-color:#f1f5f8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
}

.hover\:from-gray-100:hover{
  --gradient-from-color:#f8fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
}

.hover\:from-white:hover{
  --gradient-from-color:#ffffff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
}

.hover\:from-off-white:hover{
  --gradient-from-color:#f7fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
}

.hover\:from-grey-weldnote:hover{
  --gradient-from-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.hover\:from-red-900:hover{
  --gradient-from-color:#3b0d0c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
}

.hover\:from-red-800:hover{
  --gradient-from-color:#621b18;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
}

.hover\:from-red-600:hover{
  --gradient-from-color:#cc1f1a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
}

.hover\:from-red:hover{
  --gradient-from-color:#e3342f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
}

.hover\:from-red-400:hover{
  --gradient-from-color:#ef5753;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
}

.hover\:from-red-200:hover{
  --gradient-from-color:#f9acaa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
}

.hover\:from-red-100:hover{
  --gradient-from-color:#fcebea;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
}

.hover\:from-yellow-900:hover{
  --gradient-from-color:#453411;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
}

.hover\:from-yellow-800:hover{
  --gradient-from-color:#a77f2e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
}

.hover\:from-yellow-600:hover{
  --gradient-from-color:#f2d024;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
}

.hover\:from-yellow:hover{
  --gradient-from-color:#ffed4a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
}

.hover\:from-yellow-400:hover{
  --gradient-from-color:#fff382;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
}

.hover\:from-yellow-200:hover{
  --gradient-from-color:#fff9c2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
}

.hover\:from-yellow-100:hover{
  --gradient-from-color:#fcfbeb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
}

.hover\:from-green-900:hover{
  --gradient-from-color:#0f2f21;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
}

.hover\:from-green-800:hover{
  --gradient-from-color:#1a4731;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
}

.hover\:from-green-600:hover{
  --gradient-from-color:#1f9d55;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
}

.hover\:from-green:hover{
  --gradient-from-color:#38c172;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
}

.hover\:from-green-400:hover{
  --gradient-from-color:#51d88a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
}

.hover\:from-green-200:hover{
  --gradient-from-color:#a2f5bf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
}

.hover\:from-green-100:hover{
  --gradient-from-color:#e3fcec;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
}

.hover\:from-blue-modal:hover{
  --gradient-from-color:#2e4050;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
}

.hover\:from-blue-900:hover{
  --gradient-from-color:#12283a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
}

.hover\:from-blue-800:hover{
  --gradient-from-color:#1c3d5a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
}

.hover\:from-blue-600:hover{
  --gradient-from-color:#2779bd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
}

.hover\:from-blue:hover{
  --gradient-from-color:#3498db;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
}

.hover\:from-blue-400:hover{
  --gradient-from-color:#6cb2eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
}

.hover\:from-blue-200:hover{
  --gradient-from-color:#bcdefa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
}

.hover\:from-blue-100:hover{
  --gradient-from-color:#eff8ff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
}

.hover\:from-purple-900:hover{
  --gradient-from-color:#21183c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
}

.hover\:from-purple-800:hover{
  --gradient-from-color:#382b5f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
}

.hover\:from-purple-600:hover{
  --gradient-from-color:#794acf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
}

.hover\:from-purple:hover{
  --gradient-from-color:#9561e2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
}

.hover\:from-purple-400:hover{
  --gradient-from-color:#a779e9;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
}

.hover\:from-purple-200:hover{
  --gradient-from-color:#d6bbfc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
}

.hover\:from-purple-100:hover{
  --gradient-from-color:#f3ebff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
}

.hover\:from-orange-900:hover{
  --gradient-from-color:#462a16;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
}

.hover\:from-orange-800:hover{
  --gradient-from-color:#613b1f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
}

.hover\:from-orange-600:hover{
  --gradient-from-color:#de751f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
}

.hover\:from-orange:hover{
  --gradient-from-color:#f6993f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
}

.hover\:from-orange-400:hover{
  --gradient-from-color:#faad63;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
}

.hover\:from-orange-200:hover{
  --gradient-from-color:#fcd9b6;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
}

.hover\:from-orange-100:hover{
  --gradient-from-color:#fff5eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
}

.hover\:from-esab-gray:hover{
  --gradient-from-color:#cecfd0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
}

.hover\:from-esab-orange:hover{
  --gradient-from-color:#da7129;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
}

.hover\:from-esab-darkgrey:hover{
  --gradient-from-color:#373338;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
}

.hover\:from-esab-background:hover{
  --gradient-from-color:#f0f0f0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
}

.hover\:from-esab-icon-blue:hover{
  --gradient-from-color:#0B7DA8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
}

.hover\:from-esab-sidebar-blue:hover{
  --gradient-from-color:#c7d0d8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
}

.hover\:from-esab-sidebar-blue-active:hover{
  --gradient-from-color:#174167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
}

.hover\:from-esab-sidebar-blue-arrow:hover{
  --gradient-from-color:#164167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
}

.hover\:from-esab-black:hover{
  --gradient-from-color:#26292A;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
}

.hover\:from-esab-primary-blue:hover{
  --gradient-from-color:#1A61A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
}

.hover\:from-esab-primary-blue-light:hover{
  --gradient-from-color:#347fc3;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
}

.hover\:from-esab-secondary-blue:hover{
  --gradient-from-color:#6ca1cd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
}

.hover\:from-esab-card-blue:hover{
  --gradient-from-color:#2961A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
}

.hover\:from-esab-card-secondary-blue:hover{
  --gradient-from-color:#6491EB;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
}

.hover\:from-esab-red:hover{
  --gradient-from-color:#E23900;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
}

.hover\:from-esab-red-highlight:hover{
  --gradient-from-color:#ed6031;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
}

.hover\:from-assembly-color:hover{
  --gradient-from-color:#c7074e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
}

.hover\:via-transparent:hover{
  --gradient-via-color:transparent;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.hover\:via-black:hover{
  --gradient-via-color:#22292f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
}

.hover\:via-real-black:hover{
  --gradient-via-color:#000;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.hover\:via-gray-800:hover{
  --gradient-via-color:#3d4852;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
}

.hover\:via-gray-700:hover{
  --gradient-via-color:#606f7b;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
}

.hover\:via-gray-600:hover{
  --gradient-via-color:#8795a1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
}

.hover\:via-gray:hover{
  --gradient-via-color:#b8c2cc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
}

.hover\:via-gray-400:hover{
  --gradient-via-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.hover\:via-gray-200:hover{
  --gradient-via-color:#f1f5f8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
}

.hover\:via-gray-100:hover{
  --gradient-via-color:#f8fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
}

.hover\:via-white:hover{
  --gradient-via-color:#ffffff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
}

.hover\:via-off-white:hover{
  --gradient-via-color:#f7fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
}

.hover\:via-grey-weldnote:hover{
  --gradient-via-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.hover\:via-red-900:hover{
  --gradient-via-color:#3b0d0c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
}

.hover\:via-red-800:hover{
  --gradient-via-color:#621b18;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
}

.hover\:via-red-600:hover{
  --gradient-via-color:#cc1f1a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
}

.hover\:via-red:hover{
  --gradient-via-color:#e3342f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
}

.hover\:via-red-400:hover{
  --gradient-via-color:#ef5753;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
}

.hover\:via-red-200:hover{
  --gradient-via-color:#f9acaa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
}

.hover\:via-red-100:hover{
  --gradient-via-color:#fcebea;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
}

.hover\:via-yellow-900:hover{
  --gradient-via-color:#453411;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
}

.hover\:via-yellow-800:hover{
  --gradient-via-color:#a77f2e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
}

.hover\:via-yellow-600:hover{
  --gradient-via-color:#f2d024;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
}

.hover\:via-yellow:hover{
  --gradient-via-color:#ffed4a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
}

.hover\:via-yellow-400:hover{
  --gradient-via-color:#fff382;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
}

.hover\:via-yellow-200:hover{
  --gradient-via-color:#fff9c2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
}

.hover\:via-yellow-100:hover{
  --gradient-via-color:#fcfbeb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
}

.hover\:via-green-900:hover{
  --gradient-via-color:#0f2f21;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
}

.hover\:via-green-800:hover{
  --gradient-via-color:#1a4731;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
}

.hover\:via-green-600:hover{
  --gradient-via-color:#1f9d55;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
}

.hover\:via-green:hover{
  --gradient-via-color:#38c172;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
}

.hover\:via-green-400:hover{
  --gradient-via-color:#51d88a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
}

.hover\:via-green-200:hover{
  --gradient-via-color:#a2f5bf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
}

.hover\:via-green-100:hover{
  --gradient-via-color:#e3fcec;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
}

.hover\:via-blue-modal:hover{
  --gradient-via-color:#2e4050;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
}

.hover\:via-blue-900:hover{
  --gradient-via-color:#12283a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
}

.hover\:via-blue-800:hover{
  --gradient-via-color:#1c3d5a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
}

.hover\:via-blue-600:hover{
  --gradient-via-color:#2779bd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
}

.hover\:via-blue:hover{
  --gradient-via-color:#3498db;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
}

.hover\:via-blue-400:hover{
  --gradient-via-color:#6cb2eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
}

.hover\:via-blue-200:hover{
  --gradient-via-color:#bcdefa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
}

.hover\:via-blue-100:hover{
  --gradient-via-color:#eff8ff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
}

.hover\:via-purple-900:hover{
  --gradient-via-color:#21183c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
}

.hover\:via-purple-800:hover{
  --gradient-via-color:#382b5f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
}

.hover\:via-purple-600:hover{
  --gradient-via-color:#794acf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
}

.hover\:via-purple:hover{
  --gradient-via-color:#9561e2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
}

.hover\:via-purple-400:hover{
  --gradient-via-color:#a779e9;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
}

.hover\:via-purple-200:hover{
  --gradient-via-color:#d6bbfc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
}

.hover\:via-purple-100:hover{
  --gradient-via-color:#f3ebff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
}

.hover\:via-orange-900:hover{
  --gradient-via-color:#462a16;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
}

.hover\:via-orange-800:hover{
  --gradient-via-color:#613b1f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
}

.hover\:via-orange-600:hover{
  --gradient-via-color:#de751f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
}

.hover\:via-orange:hover{
  --gradient-via-color:#f6993f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
}

.hover\:via-orange-400:hover{
  --gradient-via-color:#faad63;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
}

.hover\:via-orange-200:hover{
  --gradient-via-color:#fcd9b6;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
}

.hover\:via-orange-100:hover{
  --gradient-via-color:#fff5eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
}

.hover\:via-esab-gray:hover{
  --gradient-via-color:#cecfd0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
}

.hover\:via-esab-orange:hover{
  --gradient-via-color:#da7129;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
}

.hover\:via-esab-darkgrey:hover{
  --gradient-via-color:#373338;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
}

.hover\:via-esab-background:hover{
  --gradient-via-color:#f0f0f0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
}

.hover\:via-esab-icon-blue:hover{
  --gradient-via-color:#0B7DA8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
}

.hover\:via-esab-sidebar-blue:hover{
  --gradient-via-color:#c7d0d8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
}

.hover\:via-esab-sidebar-blue-active:hover{
  --gradient-via-color:#174167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
}

.hover\:via-esab-sidebar-blue-arrow:hover{
  --gradient-via-color:#164167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
}

.hover\:via-esab-black:hover{
  --gradient-via-color:#26292A;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
}

.hover\:via-esab-primary-blue:hover{
  --gradient-via-color:#1A61A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
}

.hover\:via-esab-primary-blue-light:hover{
  --gradient-via-color:#347fc3;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
}

.hover\:via-esab-secondary-blue:hover{
  --gradient-via-color:#6ca1cd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
}

.hover\:via-esab-card-blue:hover{
  --gradient-via-color:#2961A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
}

.hover\:via-esab-card-secondary-blue:hover{
  --gradient-via-color:#6491EB;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
}

.hover\:via-esab-red:hover{
  --gradient-via-color:#E23900;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
}

.hover\:via-esab-red-highlight:hover{
  --gradient-via-color:#ed6031;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
}

.hover\:via-assembly-color:hover{
  --gradient-via-color:#c7074e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
}

.hover\:to-transparent:hover{
  --gradient-to-color:transparent
}

.hover\:to-black:hover{
  --gradient-to-color:#22292f
}

.hover\:to-real-black:hover{
  --gradient-to-color:#000
}

.hover\:to-gray-800:hover{
  --gradient-to-color:#3d4852
}

.hover\:to-gray-700:hover{
  --gradient-to-color:#606f7b
}

.hover\:to-gray-600:hover{
  --gradient-to-color:#8795a1
}

.hover\:to-gray:hover{
  --gradient-to-color:#b8c2cc
}

.hover\:to-gray-400:hover{
  --gradient-to-color:#dae1e7
}

.hover\:to-gray-200:hover{
  --gradient-to-color:#f1f5f8
}

.hover\:to-gray-100:hover{
  --gradient-to-color:#f8fafc
}

.hover\:to-white:hover{
  --gradient-to-color:#ffffff
}

.hover\:to-off-white:hover{
  --gradient-to-color:#f7fafc
}

.hover\:to-grey-weldnote:hover{
  --gradient-to-color:#dae1e7
}

.hover\:to-red-900:hover{
  --gradient-to-color:#3b0d0c
}

.hover\:to-red-800:hover{
  --gradient-to-color:#621b18
}

.hover\:to-red-600:hover{
  --gradient-to-color:#cc1f1a
}

.hover\:to-red:hover{
  --gradient-to-color:#e3342f
}

.hover\:to-red-400:hover{
  --gradient-to-color:#ef5753
}

.hover\:to-red-200:hover{
  --gradient-to-color:#f9acaa
}

.hover\:to-red-100:hover{
  --gradient-to-color:#fcebea
}

.hover\:to-yellow-900:hover{
  --gradient-to-color:#453411
}

.hover\:to-yellow-800:hover{
  --gradient-to-color:#a77f2e
}

.hover\:to-yellow-600:hover{
  --gradient-to-color:#f2d024
}

.hover\:to-yellow:hover{
  --gradient-to-color:#ffed4a
}

.hover\:to-yellow-400:hover{
  --gradient-to-color:#fff382
}

.hover\:to-yellow-200:hover{
  --gradient-to-color:#fff9c2
}

.hover\:to-yellow-100:hover{
  --gradient-to-color:#fcfbeb
}

.hover\:to-green-900:hover{
  --gradient-to-color:#0f2f21
}

.hover\:to-green-800:hover{
  --gradient-to-color:#1a4731
}

.hover\:to-green-600:hover{
  --gradient-to-color:#1f9d55
}

.hover\:to-green:hover{
  --gradient-to-color:#38c172
}

.hover\:to-green-400:hover{
  --gradient-to-color:#51d88a
}

.hover\:to-green-200:hover{
  --gradient-to-color:#a2f5bf
}

.hover\:to-green-100:hover{
  --gradient-to-color:#e3fcec
}

.hover\:to-blue-modal:hover{
  --gradient-to-color:#2e4050
}

.hover\:to-blue-900:hover{
  --gradient-to-color:#12283a
}

.hover\:to-blue-800:hover{
  --gradient-to-color:#1c3d5a
}

.hover\:to-blue-600:hover{
  --gradient-to-color:#2779bd
}

.hover\:to-blue:hover{
  --gradient-to-color:#3498db
}

.hover\:to-blue-400:hover{
  --gradient-to-color:#6cb2eb
}

.hover\:to-blue-200:hover{
  --gradient-to-color:#bcdefa
}

.hover\:to-blue-100:hover{
  --gradient-to-color:#eff8ff
}

.hover\:to-purple-900:hover{
  --gradient-to-color:#21183c
}

.hover\:to-purple-800:hover{
  --gradient-to-color:#382b5f
}

.hover\:to-purple-600:hover{
  --gradient-to-color:#794acf
}

.hover\:to-purple:hover{
  --gradient-to-color:#9561e2
}

.hover\:to-purple-400:hover{
  --gradient-to-color:#a779e9
}

.hover\:to-purple-200:hover{
  --gradient-to-color:#d6bbfc
}

.hover\:to-purple-100:hover{
  --gradient-to-color:#f3ebff
}

.hover\:to-orange-900:hover{
  --gradient-to-color:#462a16
}

.hover\:to-orange-800:hover{
  --gradient-to-color:#613b1f
}

.hover\:to-orange-600:hover{
  --gradient-to-color:#de751f
}

.hover\:to-orange:hover{
  --gradient-to-color:#f6993f
}

.hover\:to-orange-400:hover{
  --gradient-to-color:#faad63
}

.hover\:to-orange-200:hover{
  --gradient-to-color:#fcd9b6
}

.hover\:to-orange-100:hover{
  --gradient-to-color:#fff5eb
}

.hover\:to-esab-gray:hover{
  --gradient-to-color:#cecfd0
}

.hover\:to-esab-orange:hover{
  --gradient-to-color:#da7129
}

.hover\:to-esab-darkgrey:hover{
  --gradient-to-color:#373338
}

.hover\:to-esab-background:hover{
  --gradient-to-color:#f0f0f0
}

.hover\:to-esab-icon-blue:hover{
  --gradient-to-color:#0B7DA8
}

.hover\:to-esab-sidebar-blue:hover{
  --gradient-to-color:#c7d0d8
}

.hover\:to-esab-sidebar-blue-active:hover{
  --gradient-to-color:#174167
}

.hover\:to-esab-sidebar-blue-arrow:hover{
  --gradient-to-color:#164167
}

.hover\:to-esab-black:hover{
  --gradient-to-color:#26292A
}

.hover\:to-esab-primary-blue:hover{
  --gradient-to-color:#1A61A1
}

.hover\:to-esab-primary-blue-light:hover{
  --gradient-to-color:#347fc3
}

.hover\:to-esab-secondary-blue:hover{
  --gradient-to-color:#6ca1cd
}

.hover\:to-esab-card-blue:hover{
  --gradient-to-color:#2961A1
}

.hover\:to-esab-card-secondary-blue:hover{
  --gradient-to-color:#6491EB
}

.hover\:to-esab-red:hover{
  --gradient-to-color:#E23900
}

.hover\:to-esab-red-highlight:hover{
  --gradient-to-color:#ed6031
}

.hover\:to-assembly-color:hover{
  --gradient-to-color:#c7074e
}

.focus\:from-transparent:focus{
  --gradient-from-color:transparent;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.focus\:from-black:focus{
  --gradient-from-color:#22292f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
}

.focus\:from-real-black:focus{
  --gradient-from-color:#000;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.focus\:from-gray-800:focus{
  --gradient-from-color:#3d4852;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
}

.focus\:from-gray-700:focus{
  --gradient-from-color:#606f7b;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
}

.focus\:from-gray-600:focus{
  --gradient-from-color:#8795a1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
}

.focus\:from-gray:focus{
  --gradient-from-color:#b8c2cc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
}

.focus\:from-gray-400:focus{
  --gradient-from-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.focus\:from-gray-200:focus{
  --gradient-from-color:#f1f5f8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
}

.focus\:from-gray-100:focus{
  --gradient-from-color:#f8fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
}

.focus\:from-white:focus{
  --gradient-from-color:#ffffff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
}

.focus\:from-off-white:focus{
  --gradient-from-color:#f7fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
}

.focus\:from-grey-weldnote:focus{
  --gradient-from-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.focus\:from-red-900:focus{
  --gradient-from-color:#3b0d0c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
}

.focus\:from-red-800:focus{
  --gradient-from-color:#621b18;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
}

.focus\:from-red-600:focus{
  --gradient-from-color:#cc1f1a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
}

.focus\:from-red:focus{
  --gradient-from-color:#e3342f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
}

.focus\:from-red-400:focus{
  --gradient-from-color:#ef5753;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
}

.focus\:from-red-200:focus{
  --gradient-from-color:#f9acaa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
}

.focus\:from-red-100:focus{
  --gradient-from-color:#fcebea;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
}

.focus\:from-yellow-900:focus{
  --gradient-from-color:#453411;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
}

.focus\:from-yellow-800:focus{
  --gradient-from-color:#a77f2e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
}

.focus\:from-yellow-600:focus{
  --gradient-from-color:#f2d024;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
}

.focus\:from-yellow:focus{
  --gradient-from-color:#ffed4a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
}

.focus\:from-yellow-400:focus{
  --gradient-from-color:#fff382;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
}

.focus\:from-yellow-200:focus{
  --gradient-from-color:#fff9c2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
}

.focus\:from-yellow-100:focus{
  --gradient-from-color:#fcfbeb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
}

.focus\:from-green-900:focus{
  --gradient-from-color:#0f2f21;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
}

.focus\:from-green-800:focus{
  --gradient-from-color:#1a4731;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
}

.focus\:from-green-600:focus{
  --gradient-from-color:#1f9d55;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
}

.focus\:from-green:focus{
  --gradient-from-color:#38c172;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
}

.focus\:from-green-400:focus{
  --gradient-from-color:#51d88a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
}

.focus\:from-green-200:focus{
  --gradient-from-color:#a2f5bf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
}

.focus\:from-green-100:focus{
  --gradient-from-color:#e3fcec;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
}

.focus\:from-blue-modal:focus{
  --gradient-from-color:#2e4050;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
}

.focus\:from-blue-900:focus{
  --gradient-from-color:#12283a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
}

.focus\:from-blue-800:focus{
  --gradient-from-color:#1c3d5a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
}

.focus\:from-blue-600:focus{
  --gradient-from-color:#2779bd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
}

.focus\:from-blue:focus{
  --gradient-from-color:#3498db;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
}

.focus\:from-blue-400:focus{
  --gradient-from-color:#6cb2eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
}

.focus\:from-blue-200:focus{
  --gradient-from-color:#bcdefa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
}

.focus\:from-blue-100:focus{
  --gradient-from-color:#eff8ff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
}

.focus\:from-purple-900:focus{
  --gradient-from-color:#21183c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
}

.focus\:from-purple-800:focus{
  --gradient-from-color:#382b5f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
}

.focus\:from-purple-600:focus{
  --gradient-from-color:#794acf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
}

.focus\:from-purple:focus{
  --gradient-from-color:#9561e2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
}

.focus\:from-purple-400:focus{
  --gradient-from-color:#a779e9;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
}

.focus\:from-purple-200:focus{
  --gradient-from-color:#d6bbfc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
}

.focus\:from-purple-100:focus{
  --gradient-from-color:#f3ebff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
}

.focus\:from-orange-900:focus{
  --gradient-from-color:#462a16;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
}

.focus\:from-orange-800:focus{
  --gradient-from-color:#613b1f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
}

.focus\:from-orange-600:focus{
  --gradient-from-color:#de751f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
}

.focus\:from-orange:focus{
  --gradient-from-color:#f6993f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
}

.focus\:from-orange-400:focus{
  --gradient-from-color:#faad63;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
}

.focus\:from-orange-200:focus{
  --gradient-from-color:#fcd9b6;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
}

.focus\:from-orange-100:focus{
  --gradient-from-color:#fff5eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
}

.focus\:from-esab-gray:focus{
  --gradient-from-color:#cecfd0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
}

.focus\:from-esab-orange:focus{
  --gradient-from-color:#da7129;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
}

.focus\:from-esab-darkgrey:focus{
  --gradient-from-color:#373338;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
}

.focus\:from-esab-background:focus{
  --gradient-from-color:#f0f0f0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
}

.focus\:from-esab-icon-blue:focus{
  --gradient-from-color:#0B7DA8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
}

.focus\:from-esab-sidebar-blue:focus{
  --gradient-from-color:#c7d0d8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
}

.focus\:from-esab-sidebar-blue-active:focus{
  --gradient-from-color:#174167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
}

.focus\:from-esab-sidebar-blue-arrow:focus{
  --gradient-from-color:#164167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
}

.focus\:from-esab-black:focus{
  --gradient-from-color:#26292A;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
}

.focus\:from-esab-primary-blue:focus{
  --gradient-from-color:#1A61A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
}

.focus\:from-esab-primary-blue-light:focus{
  --gradient-from-color:#347fc3;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
}

.focus\:from-esab-secondary-blue:focus{
  --gradient-from-color:#6ca1cd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
}

.focus\:from-esab-card-blue:focus{
  --gradient-from-color:#2961A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
}

.focus\:from-esab-card-secondary-blue:focus{
  --gradient-from-color:#6491EB;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
}

.focus\:from-esab-red:focus{
  --gradient-from-color:#E23900;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
}

.focus\:from-esab-red-highlight:focus{
  --gradient-from-color:#ed6031;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
}

.focus\:from-assembly-color:focus{
  --gradient-from-color:#c7074e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
}

.focus\:via-transparent:focus{
  --gradient-via-color:transparent;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.focus\:via-black:focus{
  --gradient-via-color:#22292f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
}

.focus\:via-real-black:focus{
  --gradient-via-color:#000;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
}

.focus\:via-gray-800:focus{
  --gradient-via-color:#3d4852;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
}

.focus\:via-gray-700:focus{
  --gradient-via-color:#606f7b;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
}

.focus\:via-gray-600:focus{
  --gradient-via-color:#8795a1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
}

.focus\:via-gray:focus{
  --gradient-via-color:#b8c2cc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
}

.focus\:via-gray-400:focus{
  --gradient-via-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.focus\:via-gray-200:focus{
  --gradient-via-color:#f1f5f8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
}

.focus\:via-gray-100:focus{
  --gradient-via-color:#f8fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
}

.focus\:via-white:focus{
  --gradient-via-color:#ffffff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
}

.focus\:via-off-white:focus{
  --gradient-via-color:#f7fafc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
}

.focus\:via-grey-weldnote:focus{
  --gradient-via-color:#dae1e7;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
}

.focus\:via-red-900:focus{
  --gradient-via-color:#3b0d0c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
}

.focus\:via-red-800:focus{
  --gradient-via-color:#621b18;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
}

.focus\:via-red-600:focus{
  --gradient-via-color:#cc1f1a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
}

.focus\:via-red:focus{
  --gradient-via-color:#e3342f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
}

.focus\:via-red-400:focus{
  --gradient-via-color:#ef5753;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
}

.focus\:via-red-200:focus{
  --gradient-via-color:#f9acaa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
}

.focus\:via-red-100:focus{
  --gradient-via-color:#fcebea;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
}

.focus\:via-yellow-900:focus{
  --gradient-via-color:#453411;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
}

.focus\:via-yellow-800:focus{
  --gradient-via-color:#a77f2e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
}

.focus\:via-yellow-600:focus{
  --gradient-via-color:#f2d024;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
}

.focus\:via-yellow:focus{
  --gradient-via-color:#ffed4a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
}

.focus\:via-yellow-400:focus{
  --gradient-via-color:#fff382;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
}

.focus\:via-yellow-200:focus{
  --gradient-via-color:#fff9c2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
}

.focus\:via-yellow-100:focus{
  --gradient-via-color:#fcfbeb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
}

.focus\:via-green-900:focus{
  --gradient-via-color:#0f2f21;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
}

.focus\:via-green-800:focus{
  --gradient-via-color:#1a4731;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
}

.focus\:via-green-600:focus{
  --gradient-via-color:#1f9d55;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
}

.focus\:via-green:focus{
  --gradient-via-color:#38c172;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
}

.focus\:via-green-400:focus{
  --gradient-via-color:#51d88a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
}

.focus\:via-green-200:focus{
  --gradient-via-color:#a2f5bf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
}

.focus\:via-green-100:focus{
  --gradient-via-color:#e3fcec;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
}

.focus\:via-blue-modal:focus{
  --gradient-via-color:#2e4050;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
}

.focus\:via-blue-900:focus{
  --gradient-via-color:#12283a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
}

.focus\:via-blue-800:focus{
  --gradient-via-color:#1c3d5a;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
}

.focus\:via-blue-600:focus{
  --gradient-via-color:#2779bd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
}

.focus\:via-blue:focus{
  --gradient-via-color:#3498db;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
}

.focus\:via-blue-400:focus{
  --gradient-via-color:#6cb2eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
}

.focus\:via-blue-200:focus{
  --gradient-via-color:#bcdefa;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
}

.focus\:via-blue-100:focus{
  --gradient-via-color:#eff8ff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
}

.focus\:via-purple-900:focus{
  --gradient-via-color:#21183c;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
}

.focus\:via-purple-800:focus{
  --gradient-via-color:#382b5f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
}

.focus\:via-purple-600:focus{
  --gradient-via-color:#794acf;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
}

.focus\:via-purple:focus{
  --gradient-via-color:#9561e2;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
}

.focus\:via-purple-400:focus{
  --gradient-via-color:#a779e9;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
}

.focus\:via-purple-200:focus{
  --gradient-via-color:#d6bbfc;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
}

.focus\:via-purple-100:focus{
  --gradient-via-color:#f3ebff;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
}

.focus\:via-orange-900:focus{
  --gradient-via-color:#462a16;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
}

.focus\:via-orange-800:focus{
  --gradient-via-color:#613b1f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
}

.focus\:via-orange-600:focus{
  --gradient-via-color:#de751f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
}

.focus\:via-orange:focus{
  --gradient-via-color:#f6993f;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
}

.focus\:via-orange-400:focus{
  --gradient-via-color:#faad63;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
}

.focus\:via-orange-200:focus{
  --gradient-via-color:#fcd9b6;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
}

.focus\:via-orange-100:focus{
  --gradient-via-color:#fff5eb;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
}

.focus\:via-esab-gray:focus{
  --gradient-via-color:#cecfd0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
}

.focus\:via-esab-orange:focus{
  --gradient-via-color:#da7129;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
}

.focus\:via-esab-darkgrey:focus{
  --gradient-via-color:#373338;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
}

.focus\:via-esab-background:focus{
  --gradient-via-color:#f0f0f0;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
}

.focus\:via-esab-icon-blue:focus{
  --gradient-via-color:#0B7DA8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
}

.focus\:via-esab-sidebar-blue:focus{
  --gradient-via-color:#c7d0d8;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
}

.focus\:via-esab-sidebar-blue-active:focus{
  --gradient-via-color:#174167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
}

.focus\:via-esab-sidebar-blue-arrow:focus{
  --gradient-via-color:#164167;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
}

.focus\:via-esab-black:focus{
  --gradient-via-color:#26292A;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
}

.focus\:via-esab-primary-blue:focus{
  --gradient-via-color:#1A61A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
}

.focus\:via-esab-primary-blue-light:focus{
  --gradient-via-color:#347fc3;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
}

.focus\:via-esab-secondary-blue:focus{
  --gradient-via-color:#6ca1cd;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
}

.focus\:via-esab-card-blue:focus{
  --gradient-via-color:#2961A1;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
}

.focus\:via-esab-card-secondary-blue:focus{
  --gradient-via-color:#6491EB;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
}

.focus\:via-esab-red:focus{
  --gradient-via-color:#E23900;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
}

.focus\:via-esab-red-highlight:focus{
  --gradient-via-color:#ed6031;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
}

.focus\:via-assembly-color:focus{
  --gradient-via-color:#c7074e;
  --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
}

.focus\:to-transparent:focus{
  --gradient-to-color:transparent
}

.focus\:to-black:focus{
  --gradient-to-color:#22292f
}

.focus\:to-real-black:focus{
  --gradient-to-color:#000
}

.focus\:to-gray-800:focus{
  --gradient-to-color:#3d4852
}

.focus\:to-gray-700:focus{
  --gradient-to-color:#606f7b
}

.focus\:to-gray-600:focus{
  --gradient-to-color:#8795a1
}

.focus\:to-gray:focus{
  --gradient-to-color:#b8c2cc
}

.focus\:to-gray-400:focus{
  --gradient-to-color:#dae1e7
}

.focus\:to-gray-200:focus{
  --gradient-to-color:#f1f5f8
}

.focus\:to-gray-100:focus{
  --gradient-to-color:#f8fafc
}

.focus\:to-white:focus{
  --gradient-to-color:#ffffff
}

.focus\:to-off-white:focus{
  --gradient-to-color:#f7fafc
}

.focus\:to-grey-weldnote:focus{
  --gradient-to-color:#dae1e7
}

.focus\:to-red-900:focus{
  --gradient-to-color:#3b0d0c
}

.focus\:to-red-800:focus{
  --gradient-to-color:#621b18
}

.focus\:to-red-600:focus{
  --gradient-to-color:#cc1f1a
}

.focus\:to-red:focus{
  --gradient-to-color:#e3342f
}

.focus\:to-red-400:focus{
  --gradient-to-color:#ef5753
}

.focus\:to-red-200:focus{
  --gradient-to-color:#f9acaa
}

.focus\:to-red-100:focus{
  --gradient-to-color:#fcebea
}

.focus\:to-yellow-900:focus{
  --gradient-to-color:#453411
}

.focus\:to-yellow-800:focus{
  --gradient-to-color:#a77f2e
}

.focus\:to-yellow-600:focus{
  --gradient-to-color:#f2d024
}

.focus\:to-yellow:focus{
  --gradient-to-color:#ffed4a
}

.focus\:to-yellow-400:focus{
  --gradient-to-color:#fff382
}

.focus\:to-yellow-200:focus{
  --gradient-to-color:#fff9c2
}

.focus\:to-yellow-100:focus{
  --gradient-to-color:#fcfbeb
}

.focus\:to-green-900:focus{
  --gradient-to-color:#0f2f21
}

.focus\:to-green-800:focus{
  --gradient-to-color:#1a4731
}

.focus\:to-green-600:focus{
  --gradient-to-color:#1f9d55
}

.focus\:to-green:focus{
  --gradient-to-color:#38c172
}

.focus\:to-green-400:focus{
  --gradient-to-color:#51d88a
}

.focus\:to-green-200:focus{
  --gradient-to-color:#a2f5bf
}

.focus\:to-green-100:focus{
  --gradient-to-color:#e3fcec
}

.focus\:to-blue-modal:focus{
  --gradient-to-color:#2e4050
}

.focus\:to-blue-900:focus{
  --gradient-to-color:#12283a
}

.focus\:to-blue-800:focus{
  --gradient-to-color:#1c3d5a
}

.focus\:to-blue-600:focus{
  --gradient-to-color:#2779bd
}

.focus\:to-blue:focus{
  --gradient-to-color:#3498db
}

.focus\:to-blue-400:focus{
  --gradient-to-color:#6cb2eb
}

.focus\:to-blue-200:focus{
  --gradient-to-color:#bcdefa
}

.focus\:to-blue-100:focus{
  --gradient-to-color:#eff8ff
}

.focus\:to-purple-900:focus{
  --gradient-to-color:#21183c
}

.focus\:to-purple-800:focus{
  --gradient-to-color:#382b5f
}

.focus\:to-purple-600:focus{
  --gradient-to-color:#794acf
}

.focus\:to-purple:focus{
  --gradient-to-color:#9561e2
}

.focus\:to-purple-400:focus{
  --gradient-to-color:#a779e9
}

.focus\:to-purple-200:focus{
  --gradient-to-color:#d6bbfc
}

.focus\:to-purple-100:focus{
  --gradient-to-color:#f3ebff
}

.focus\:to-orange-900:focus{
  --gradient-to-color:#462a16
}

.focus\:to-orange-800:focus{
  --gradient-to-color:#613b1f
}

.focus\:to-orange-600:focus{
  --gradient-to-color:#de751f
}

.focus\:to-orange:focus{
  --gradient-to-color:#f6993f
}

.focus\:to-orange-400:focus{
  --gradient-to-color:#faad63
}

.focus\:to-orange-200:focus{
  --gradient-to-color:#fcd9b6
}

.focus\:to-orange-100:focus{
  --gradient-to-color:#fff5eb
}

.focus\:to-esab-gray:focus{
  --gradient-to-color:#cecfd0
}

.focus\:to-esab-orange:focus{
  --gradient-to-color:#da7129
}

.focus\:to-esab-darkgrey:focus{
  --gradient-to-color:#373338
}

.focus\:to-esab-background:focus{
  --gradient-to-color:#f0f0f0
}

.focus\:to-esab-icon-blue:focus{
  --gradient-to-color:#0B7DA8
}

.focus\:to-esab-sidebar-blue:focus{
  --gradient-to-color:#c7d0d8
}

.focus\:to-esab-sidebar-blue-active:focus{
  --gradient-to-color:#174167
}

.focus\:to-esab-sidebar-blue-arrow:focus{
  --gradient-to-color:#164167
}

.focus\:to-esab-black:focus{
  --gradient-to-color:#26292A
}

.focus\:to-esab-primary-blue:focus{
  --gradient-to-color:#1A61A1
}

.focus\:to-esab-primary-blue-light:focus{
  --gradient-to-color:#347fc3
}

.focus\:to-esab-secondary-blue:focus{
  --gradient-to-color:#6ca1cd
}

.focus\:to-esab-card-blue:focus{
  --gradient-to-color:#2961A1
}

.focus\:to-esab-card-secondary-blue:focus{
  --gradient-to-color:#6491EB
}

.focus\:to-esab-red:focus{
  --gradient-to-color:#E23900
}

.focus\:to-esab-red-highlight:focus{
  --gradient-to-color:#ed6031
}

.focus\:to-assembly-color:focus{
  --gradient-to-color:#c7074e
}

.bg-opacity-0{
  --bg-opacity:0
}

.bg-opacity-10{
  --bg-opacity:.1
}

.bg-opacity-20{
  --bg-opacity:.20
}

.bg-opacity-25{
  --bg-opacity:.25
}

.bg-opacity-50{
  --bg-opacity:.5
}

.bg-opacity-75{
  --bg-opacity:.75
}

.bg-opacity-100{
  --bg-opacity:1
}

.hover\:bg-opacity-0:hover{
  --bg-opacity:0
}

.hover\:bg-opacity-10:hover{
  --bg-opacity:.1
}

.hover\:bg-opacity-20:hover{
  --bg-opacity:.20
}

.hover\:bg-opacity-25:hover{
  --bg-opacity:.25
}

.hover\:bg-opacity-50:hover{
  --bg-opacity:.5
}

.hover\:bg-opacity-75:hover{
  --bg-opacity:.75
}

.hover\:bg-opacity-100:hover{
  --bg-opacity:1
}

.focus\:bg-opacity-0:focus{
  --bg-opacity:0
}

.focus\:bg-opacity-10:focus{
  --bg-opacity:.1
}

.focus\:bg-opacity-20:focus{
  --bg-opacity:.20
}

.focus\:bg-opacity-25:focus{
  --bg-opacity:.25
}

.focus\:bg-opacity-50:focus{
  --bg-opacity:.5
}

.focus\:bg-opacity-75:focus{
  --bg-opacity:.75
}

.focus\:bg-opacity-100:focus{
  --bg-opacity:1
}

.bg-bottom{
  background-position:bottom
}

.bg-center{
  background-position:center
}

.bg-left{
  background-position:left
}

.bg-left-bottom{
  background-position:left bottom
}

.bg-left-top{
  background-position:left top
}

.bg-right{
  background-position:right
}

.bg-right-bottom{
  background-position:right bottom
}

.bg-right-top{
  background-position:right top
}

.bg-top{
  background-position:top
}

.bg-repeat{
  background-repeat:repeat
}

.bg-no-repeat{
  background-repeat:no-repeat
}

.bg-repeat-x{
  background-repeat:repeat-x
}

.bg-repeat-y{
  background-repeat:repeat-y
}

.bg-repeat-round{
  background-repeat:round
}

.bg-repeat-space{
  background-repeat:space
}

.bg-auto{
  background-size:auto
}

.bg-cover{
  background-size:cover
}

.bg-contain{
  background-size:contain
}

.border-collapse{
  border-collapse:collapse
}

.border-separate{
  border-collapse:separate
}

.border-transparent{
  border-color:transparent
}

.border-black{
  --border-opacity:1;
  border-color:#22292f;
  border-color:rgba(34, 41, 47, var(--border-opacity))
}

.border-real-black{
  --border-opacity:1;
  border-color:#000;
  border-color:rgba(0, 0, 0, var(--border-opacity))
}

.border-gray-800{
  --border-opacity:1;
  border-color:#3d4852;
  border-color:rgba(61, 72, 82, var(--border-opacity))
}

.border-gray-700{
  --border-opacity:1;
  border-color:#606f7b;
  border-color:rgba(96, 111, 123, var(--border-opacity))
}

.border-gray-600{
  --border-opacity:1;
  border-color:#8795a1;
  border-color:rgba(135, 149, 161, var(--border-opacity))
}

.border-gray{
  --border-opacity:1;
  border-color:#b8c2cc;
  border-color:rgba(184, 194, 204, var(--border-opacity))
}

.border-gray-400{
  --border-opacity:1;
  border-color:#dae1e7;
  border-color:rgba(218, 225, 231, var(--border-opacity))
}

.border-gray-200{
  --border-opacity:1;
  border-color:#f1f5f8;
  border-color:rgba(241, 245, 248, var(--border-opacity))
}

.border-gray-100{
  --border-opacity:1;
  border-color:#f8fafc;
  border-color:rgba(248, 250, 252, var(--border-opacity))
}

.border-white{
  --border-opacity:1;
  border-color:#ffffff;
  border-color:rgba(255, 255, 255, var(--border-opacity))
}

.border-off-white{
  --border-opacity:1;
  border-color:#f7fafc;
  border-color:rgba(247, 250, 252, var(--border-opacity))
}

.border-grey-weldnote{
  --border-opacity:1;
  border-color:#dae1e7;
  border-color:rgba(218, 225, 231, var(--border-opacity))
}

.border-red-900{
  --border-opacity:1;
  border-color:#3b0d0c;
  border-color:rgba(59, 13, 12, var(--border-opacity))
}

.border-red-800{
  --border-opacity:1;
  border-color:#621b18;
  border-color:rgba(98, 27, 24, var(--border-opacity))
}

.border-red-600{
  --border-opacity:1;
  border-color:#cc1f1a;
  border-color:rgba(204, 31, 26, var(--border-opacity))
}

.border-red{
  --border-opacity:1;
  border-color:#e3342f;
  border-color:rgba(227, 52, 47, var(--border-opacity))
}

.border-red-400{
  --border-opacity:1;
  border-color:#ef5753;
  border-color:rgba(239, 87, 83, var(--border-opacity))
}

.border-red-200{
  --border-opacity:1;
  border-color:#f9acaa;
  border-color:rgba(249, 172, 170, var(--border-opacity))
}

.border-red-100{
  --border-opacity:1;
  border-color:#fcebea;
  border-color:rgba(252, 235, 234, var(--border-opacity))
}

.border-yellow-900{
  --border-opacity:1;
  border-color:#453411;
  border-color:rgba(69, 52, 17, var(--border-opacity))
}

.border-yellow-800{
  --border-opacity:1;
  border-color:#a77f2e;
  border-color:rgba(167, 127, 46, var(--border-opacity))
}

.border-yellow-600{
  --border-opacity:1;
  border-color:#f2d024;
  border-color:rgba(242, 208, 36, var(--border-opacity))
}

.border-yellow{
  --border-opacity:1;
  border-color:#ffed4a;
  border-color:rgba(255, 237, 74, var(--border-opacity))
}

.border-yellow-400{
  --border-opacity:1;
  border-color:#fff382;
  border-color:rgba(255, 243, 130, var(--border-opacity))
}

.border-yellow-200{
  --border-opacity:1;
  border-color:#fff9c2;
  border-color:rgba(255, 249, 194, var(--border-opacity))
}

.border-yellow-100{
  --border-opacity:1;
  border-color:#fcfbeb;
  border-color:rgba(252, 251, 235, var(--border-opacity))
}

.border-green-900{
  --border-opacity:1;
  border-color:#0f2f21;
  border-color:rgba(15, 47, 33, var(--border-opacity))
}

.border-green-800{
  --border-opacity:1;
  border-color:#1a4731;
  border-color:rgba(26, 71, 49, var(--border-opacity))
}

.border-green-600{
  --border-opacity:1;
  border-color:#1f9d55;
  border-color:rgba(31, 157, 85, var(--border-opacity))
}

.border-green{
  --border-opacity:1;
  border-color:#38c172;
  border-color:rgba(56, 193, 114, var(--border-opacity))
}

.border-green-400{
  --border-opacity:1;
  border-color:#51d88a;
  border-color:rgba(81, 216, 138, var(--border-opacity))
}

.border-green-200{
  --border-opacity:1;
  border-color:#a2f5bf;
  border-color:rgba(162, 245, 191, var(--border-opacity))
}

.border-green-100{
  --border-opacity:1;
  border-color:#e3fcec;
  border-color:rgba(227, 252, 236, var(--border-opacity))
}

.border-blue-modal{
  --border-opacity:1;
  border-color:#2e4050;
  border-color:rgba(46, 64, 80, var(--border-opacity))
}

.border-blue-900{
  --border-opacity:1;
  border-color:#12283a;
  border-color:rgba(18, 40, 58, var(--border-opacity))
}

.border-blue-800{
  --border-opacity:1;
  border-color:#1c3d5a;
  border-color:rgba(28, 61, 90, var(--border-opacity))
}

.border-blue-600{
  --border-opacity:1;
  border-color:#2779bd;
  border-color:rgba(39, 121, 189, var(--border-opacity))
}

.border-blue{
  --border-opacity:1;
  border-color:#3498db;
  border-color:rgba(52, 152, 219, var(--border-opacity))
}

.border-blue-400{
  --border-opacity:1;
  border-color:#6cb2eb;
  border-color:rgba(108, 178, 235, var(--border-opacity))
}

.border-blue-200{
  --border-opacity:1;
  border-color:#bcdefa;
  border-color:rgba(188, 222, 250, var(--border-opacity))
}

.border-blue-100{
  --border-opacity:1;
  border-color:#eff8ff;
  border-color:rgba(239, 248, 255, var(--border-opacity))
}

.border-purple-900{
  --border-opacity:1;
  border-color:#21183c;
  border-color:rgba(33, 24, 60, var(--border-opacity))
}

.border-purple-800{
  --border-opacity:1;
  border-color:#382b5f;
  border-color:rgba(56, 43, 95, var(--border-opacity))
}

.border-purple-600{
  --border-opacity:1;
  border-color:#794acf;
  border-color:rgba(121, 74, 207, var(--border-opacity))
}

.border-purple{
  --border-opacity:1;
  border-color:#9561e2;
  border-color:rgba(149, 97, 226, var(--border-opacity))
}

.border-purple-400{
  --border-opacity:1;
  border-color:#a779e9;
  border-color:rgba(167, 121, 233, var(--border-opacity))
}

.border-purple-200{
  --border-opacity:1;
  border-color:#d6bbfc;
  border-color:rgba(214, 187, 252, var(--border-opacity))
}

.border-purple-100{
  --border-opacity:1;
  border-color:#f3ebff;
  border-color:rgba(243, 235, 255, var(--border-opacity))
}

.border-orange-900{
  --border-opacity:1;
  border-color:#462a16;
  border-color:rgba(70, 42, 22, var(--border-opacity))
}

.border-orange-800{
  --border-opacity:1;
  border-color:#613b1f;
  border-color:rgba(97, 59, 31, var(--border-opacity))
}

.border-orange-600{
  --border-opacity:1;
  border-color:#de751f;
  border-color:rgba(222, 117, 31, var(--border-opacity))
}

.border-orange{
  --border-opacity:1;
  border-color:#f6993f;
  border-color:rgba(246, 153, 63, var(--border-opacity))
}

.border-orange-400{
  --border-opacity:1;
  border-color:#faad63;
  border-color:rgba(250, 173, 99, var(--border-opacity))
}

.border-orange-200{
  --border-opacity:1;
  border-color:#fcd9b6;
  border-color:rgba(252, 217, 182, var(--border-opacity))
}

.border-orange-100{
  --border-opacity:1;
  border-color:#fff5eb;
  border-color:rgba(255, 245, 235, var(--border-opacity))
}

.border-esab-gray{
  --border-opacity:1;
  border-color:#cecfd0;
  border-color:rgba(206, 207, 208, var(--border-opacity))
}

.border-esab-orange{
  --border-opacity:1;
  border-color:#da7129;
  border-color:rgba(218, 113, 41, var(--border-opacity))
}

.border-esab-darkgrey{
  --border-opacity:1;
  border-color:#373338;
  border-color:rgba(55, 51, 56, var(--border-opacity))
}

.border-esab-background{
  --border-opacity:1;
  border-color:#f0f0f0;
  border-color:rgba(240, 240, 240, var(--border-opacity))
}

.border-esab-icon-blue{
  --border-opacity:1;
  border-color:#0B7DA8;
  border-color:rgba(11, 125, 168, var(--border-opacity))
}

.border-esab-sidebar-blue{
  --border-opacity:1;
  border-color:#c7d0d8;
  border-color:rgba(199, 208, 216, var(--border-opacity))
}

.border-esab-sidebar-blue-active{
  --border-opacity:1;
  border-color:#174167;
  border-color:rgba(23, 65, 103, var(--border-opacity))
}

.border-esab-sidebar-blue-arrow{
  --border-opacity:1;
  border-color:#164167;
  border-color:rgba(22, 65, 103, var(--border-opacity))
}

.border-esab-black{
  --border-opacity:1;
  border-color:#26292A;
  border-color:rgba(38, 41, 42, var(--border-opacity))
}

.border-esab-primary-blue{
  --border-opacity:1;
  border-color:#1A61A1;
  border-color:rgba(26, 97, 161, var(--border-opacity))
}

.border-esab-primary-blue-light{
  --border-opacity:1;
  border-color:#347fc3;
  border-color:rgba(52, 127, 195, var(--border-opacity))
}

.border-esab-secondary-blue{
  --border-opacity:1;
  border-color:#6ca1cd;
  border-color:rgba(108, 161, 205, var(--border-opacity))
}

.border-esab-card-blue{
  --border-opacity:1;
  border-color:#2961A1;
  border-color:rgba(41, 97, 161, var(--border-opacity))
}

.border-esab-card-secondary-blue{
  --border-opacity:1;
  border-color:#6491EB;
  border-color:rgba(100, 145, 235, var(--border-opacity))
}

.border-esab-red{
  --border-opacity:1;
  border-color:#E23900;
  border-color:rgba(226, 57, 0, var(--border-opacity))
}

.border-esab-red-highlight{
  --border-opacity:1;
  border-color:#ed6031;
  border-color:rgba(237, 96, 49, var(--border-opacity))
}

.border-assembly-color{
  --border-opacity:1;
  border-color:#c7074e;
  border-color:rgba(199, 7, 78, var(--border-opacity))
}

.focus\:border-transparent:focus{
  border-color:transparent
}

.focus\:border-black:focus{
  --border-opacity:1;
  border-color:#22292f;
  border-color:rgba(34, 41, 47, var(--border-opacity))
}

.focus\:border-real-black:focus{
  --border-opacity:1;
  border-color:#000;
  border-color:rgba(0, 0, 0, var(--border-opacity))
}

.focus\:border-gray-800:focus{
  --border-opacity:1;
  border-color:#3d4852;
  border-color:rgba(61, 72, 82, var(--border-opacity))
}

.focus\:border-gray-700:focus{
  --border-opacity:1;
  border-color:#606f7b;
  border-color:rgba(96, 111, 123, var(--border-opacity))
}

.focus\:border-gray-600:focus{
  --border-opacity:1;
  border-color:#8795a1;
  border-color:rgba(135, 149, 161, var(--border-opacity))
}

.focus\:border-gray:focus{
  --border-opacity:1;
  border-color:#b8c2cc;
  border-color:rgba(184, 194, 204, var(--border-opacity))
}

.focus\:border-gray-400:focus{
  --border-opacity:1;
  border-color:#dae1e7;
  border-color:rgba(218, 225, 231, var(--border-opacity))
}

.focus\:border-gray-200:focus{
  --border-opacity:1;
  border-color:#f1f5f8;
  border-color:rgba(241, 245, 248, var(--border-opacity))
}

.focus\:border-gray-100:focus{
  --border-opacity:1;
  border-color:#f8fafc;
  border-color:rgba(248, 250, 252, var(--border-opacity))
}

.focus\:border-white:focus{
  --border-opacity:1;
  border-color:#ffffff;
  border-color:rgba(255, 255, 255, var(--border-opacity))
}

.focus\:border-off-white:focus{
  --border-opacity:1;
  border-color:#f7fafc;
  border-color:rgba(247, 250, 252, var(--border-opacity))
}

.focus\:border-grey-weldnote:focus{
  --border-opacity:1;
  border-color:#dae1e7;
  border-color:rgba(218, 225, 231, var(--border-opacity))
}

.focus\:border-red-900:focus{
  --border-opacity:1;
  border-color:#3b0d0c;
  border-color:rgba(59, 13, 12, var(--border-opacity))
}

.focus\:border-red-800:focus{
  --border-opacity:1;
  border-color:#621b18;
  border-color:rgba(98, 27, 24, var(--border-opacity))
}

.focus\:border-red-600:focus{
  --border-opacity:1;
  border-color:#cc1f1a;
  border-color:rgba(204, 31, 26, var(--border-opacity))
}

.focus\:border-red:focus{
  --border-opacity:1;
  border-color:#e3342f;
  border-color:rgba(227, 52, 47, var(--border-opacity))
}

.focus\:border-red-400:focus{
  --border-opacity:1;
  border-color:#ef5753;
  border-color:rgba(239, 87, 83, var(--border-opacity))
}

.focus\:border-red-200:focus{
  --border-opacity:1;
  border-color:#f9acaa;
  border-color:rgba(249, 172, 170, var(--border-opacity))
}

.focus\:border-red-100:focus{
  --border-opacity:1;
  border-color:#fcebea;
  border-color:rgba(252, 235, 234, var(--border-opacity))
}

.focus\:border-yellow-900:focus{
  --border-opacity:1;
  border-color:#453411;
  border-color:rgba(69, 52, 17, var(--border-opacity))
}

.focus\:border-yellow-800:focus{
  --border-opacity:1;
  border-color:#a77f2e;
  border-color:rgba(167, 127, 46, var(--border-opacity))
}

.focus\:border-yellow-600:focus{
  --border-opacity:1;
  border-color:#f2d024;
  border-color:rgba(242, 208, 36, var(--border-opacity))
}

.focus\:border-yellow:focus{
  --border-opacity:1;
  border-color:#ffed4a;
  border-color:rgba(255, 237, 74, var(--border-opacity))
}

.focus\:border-yellow-400:focus{
  --border-opacity:1;
  border-color:#fff382;
  border-color:rgba(255, 243, 130, var(--border-opacity))
}

.focus\:border-yellow-200:focus{
  --border-opacity:1;
  border-color:#fff9c2;
  border-color:rgba(255, 249, 194, var(--border-opacity))
}

.focus\:border-yellow-100:focus{
  --border-opacity:1;
  border-color:#fcfbeb;
  border-color:rgba(252, 251, 235, var(--border-opacity))
}

.focus\:border-green-900:focus{
  --border-opacity:1;
  border-color:#0f2f21;
  border-color:rgba(15, 47, 33, var(--border-opacity))
}

.focus\:border-green-800:focus{
  --border-opacity:1;
  border-color:#1a4731;
  border-color:rgba(26, 71, 49, var(--border-opacity))
}

.focus\:border-green-600:focus{
  --border-opacity:1;
  border-color:#1f9d55;
  border-color:rgba(31, 157, 85, var(--border-opacity))
}

.focus\:border-green:focus{
  --border-opacity:1;
  border-color:#38c172;
  border-color:rgba(56, 193, 114, var(--border-opacity))
}

.focus\:border-green-400:focus{
  --border-opacity:1;
  border-color:#51d88a;
  border-color:rgba(81, 216, 138, var(--border-opacity))
}

.focus\:border-green-200:focus{
  --border-opacity:1;
  border-color:#a2f5bf;
  border-color:rgba(162, 245, 191, var(--border-opacity))
}

.focus\:border-green-100:focus{
  --border-opacity:1;
  border-color:#e3fcec;
  border-color:rgba(227, 252, 236, var(--border-opacity))
}

.focus\:border-blue-modal:focus{
  --border-opacity:1;
  border-color:#2e4050;
  border-color:rgba(46, 64, 80, var(--border-opacity))
}

.focus\:border-blue-900:focus{
  --border-opacity:1;
  border-color:#12283a;
  border-color:rgba(18, 40, 58, var(--border-opacity))
}

.focus\:border-blue-800:focus{
  --border-opacity:1;
  border-color:#1c3d5a;
  border-color:rgba(28, 61, 90, var(--border-opacity))
}

.focus\:border-blue-600:focus{
  --border-opacity:1;
  border-color:#2779bd;
  border-color:rgba(39, 121, 189, var(--border-opacity))
}

.focus\:border-blue:focus{
  --border-opacity:1;
  border-color:#3498db;
  border-color:rgba(52, 152, 219, var(--border-opacity))
}

.focus\:border-blue-400:focus{
  --border-opacity:1;
  border-color:#6cb2eb;
  border-color:rgba(108, 178, 235, var(--border-opacity))
}

.focus\:border-blue-200:focus{
  --border-opacity:1;
  border-color:#bcdefa;
  border-color:rgba(188, 222, 250, var(--border-opacity))
}

.focus\:border-blue-100:focus{
  --border-opacity:1;
  border-color:#eff8ff;
  border-color:rgba(239, 248, 255, var(--border-opacity))
}

.focus\:border-purple-900:focus{
  --border-opacity:1;
  border-color:#21183c;
  border-color:rgba(33, 24, 60, var(--border-opacity))
}

.focus\:border-purple-800:focus{
  --border-opacity:1;
  border-color:#382b5f;
  border-color:rgba(56, 43, 95, var(--border-opacity))
}

.focus\:border-purple-600:focus{
  --border-opacity:1;
  border-color:#794acf;
  border-color:rgba(121, 74, 207, var(--border-opacity))
}

.focus\:border-purple:focus{
  --border-opacity:1;
  border-color:#9561e2;
  border-color:rgba(149, 97, 226, var(--border-opacity))
}

.focus\:border-purple-400:focus{
  --border-opacity:1;
  border-color:#a779e9;
  border-color:rgba(167, 121, 233, var(--border-opacity))
}

.focus\:border-purple-200:focus{
  --border-opacity:1;
  border-color:#d6bbfc;
  border-color:rgba(214, 187, 252, var(--border-opacity))
}

.focus\:border-purple-100:focus{
  --border-opacity:1;
  border-color:#f3ebff;
  border-color:rgba(243, 235, 255, var(--border-opacity))
}

.focus\:border-orange-900:focus{
  --border-opacity:1;
  border-color:#462a16;
  border-color:rgba(70, 42, 22, var(--border-opacity))
}

.focus\:border-orange-800:focus{
  --border-opacity:1;
  border-color:#613b1f;
  border-color:rgba(97, 59, 31, var(--border-opacity))
}

.focus\:border-orange-600:focus{
  --border-opacity:1;
  border-color:#de751f;
  border-color:rgba(222, 117, 31, var(--border-opacity))
}

.focus\:border-orange:focus{
  --border-opacity:1;
  border-color:#f6993f;
  border-color:rgba(246, 153, 63, var(--border-opacity))
}

.focus\:border-orange-400:focus{
  --border-opacity:1;
  border-color:#faad63;
  border-color:rgba(250, 173, 99, var(--border-opacity))
}

.focus\:border-orange-200:focus{
  --border-opacity:1;
  border-color:#fcd9b6;
  border-color:rgba(252, 217, 182, var(--border-opacity))
}

.focus\:border-orange-100:focus{
  --border-opacity:1;
  border-color:#fff5eb;
  border-color:rgba(255, 245, 235, var(--border-opacity))
}

.focus\:border-esab-gray:focus{
  --border-opacity:1;
  border-color:#cecfd0;
  border-color:rgba(206, 207, 208, var(--border-opacity))
}

.focus\:border-esab-orange:focus{
  --border-opacity:1;
  border-color:#da7129;
  border-color:rgba(218, 113, 41, var(--border-opacity))
}

.focus\:border-esab-darkgrey:focus{
  --border-opacity:1;
  border-color:#373338;
  border-color:rgba(55, 51, 56, var(--border-opacity))
}

.focus\:border-esab-background:focus{
  --border-opacity:1;
  border-color:#f0f0f0;
  border-color:rgba(240, 240, 240, var(--border-opacity))
}

.focus\:border-esab-icon-blue:focus{
  --border-opacity:1;
  border-color:#0B7DA8;
  border-color:rgba(11, 125, 168, var(--border-opacity))
}

.focus\:border-esab-sidebar-blue:focus{
  --border-opacity:1;
  border-color:#c7d0d8;
  border-color:rgba(199, 208, 216, var(--border-opacity))
}

.focus\:border-esab-sidebar-blue-active:focus{
  --border-opacity:1;
  border-color:#174167;
  border-color:rgba(23, 65, 103, var(--border-opacity))
}

.focus\:border-esab-sidebar-blue-arrow:focus{
  --border-opacity:1;
  border-color:#164167;
  border-color:rgba(22, 65, 103, var(--border-opacity))
}

.focus\:border-esab-black:focus{
  --border-opacity:1;
  border-color:#26292A;
  border-color:rgba(38, 41, 42, var(--border-opacity))
}

.focus\:border-esab-primary-blue:focus{
  --border-opacity:1;
  border-color:#1A61A1;
  border-color:rgba(26, 97, 161, var(--border-opacity))
}

.focus\:border-esab-primary-blue-light:focus{
  --border-opacity:1;
  border-color:#347fc3;
  border-color:rgba(52, 127, 195, var(--border-opacity))
}

.focus\:border-esab-secondary-blue:focus{
  --border-opacity:1;
  border-color:#6ca1cd;
  border-color:rgba(108, 161, 205, var(--border-opacity))
}

.focus\:border-esab-card-blue:focus{
  --border-opacity:1;
  border-color:#2961A1;
  border-color:rgba(41, 97, 161, var(--border-opacity))
}

.focus\:border-esab-card-secondary-blue:focus{
  --border-opacity:1;
  border-color:#6491EB;
  border-color:rgba(100, 145, 235, var(--border-opacity))
}

.focus\:border-esab-red:focus{
  --border-opacity:1;
  border-color:#E23900;
  border-color:rgba(226, 57, 0, var(--border-opacity))
}

.focus\:border-esab-red-highlight:focus{
  --border-opacity:1;
  border-color:#ed6031;
  border-color:rgba(237, 96, 49, var(--border-opacity))
}

.focus\:border-assembly-color:focus{
  --border-opacity:1;
  border-color:#c7074e;
  border-color:rgba(199, 7, 78, var(--border-opacity))
}

.hover\:border-transparent:hover{
  border-color:transparent
}

.hover\:border-black:hover{
  --border-opacity:1;
  border-color:#22292f;
  border-color:rgba(34, 41, 47, var(--border-opacity))
}

.hover\:border-real-black:hover{
  --border-opacity:1;
  border-color:#000;
  border-color:rgba(0, 0, 0, var(--border-opacity))
}

.hover\:border-gray-800:hover{
  --border-opacity:1;
  border-color:#3d4852;
  border-color:rgba(61, 72, 82, var(--border-opacity))
}

.hover\:border-gray-700:hover{
  --border-opacity:1;
  border-color:#606f7b;
  border-color:rgba(96, 111, 123, var(--border-opacity))
}

.hover\:border-gray-600:hover{
  --border-opacity:1;
  border-color:#8795a1;
  border-color:rgba(135, 149, 161, var(--border-opacity))
}

.hover\:border-gray:hover{
  --border-opacity:1;
  border-color:#b8c2cc;
  border-color:rgba(184, 194, 204, var(--border-opacity))
}

.hover\:border-gray-400:hover{
  --border-opacity:1;
  border-color:#dae1e7;
  border-color:rgba(218, 225, 231, var(--border-opacity))
}

.hover\:border-gray-200:hover{
  --border-opacity:1;
  border-color:#f1f5f8;
  border-color:rgba(241, 245, 248, var(--border-opacity))
}

.hover\:border-gray-100:hover{
  --border-opacity:1;
  border-color:#f8fafc;
  border-color:rgba(248, 250, 252, var(--border-opacity))
}

.hover\:border-white:hover{
  --border-opacity:1;
  border-color:#ffffff;
  border-color:rgba(255, 255, 255, var(--border-opacity))
}

.hover\:border-off-white:hover{
  --border-opacity:1;
  border-color:#f7fafc;
  border-color:rgba(247, 250, 252, var(--border-opacity))
}

.hover\:border-grey-weldnote:hover{
  --border-opacity:1;
  border-color:#dae1e7;
  border-color:rgba(218, 225, 231, var(--border-opacity))
}

.hover\:border-red-900:hover{
  --border-opacity:1;
  border-color:#3b0d0c;
  border-color:rgba(59, 13, 12, var(--border-opacity))
}

.hover\:border-red-800:hover{
  --border-opacity:1;
  border-color:#621b18;
  border-color:rgba(98, 27, 24, var(--border-opacity))
}

.hover\:border-red-600:hover{
  --border-opacity:1;
  border-color:#cc1f1a;
  border-color:rgba(204, 31, 26, var(--border-opacity))
}

.hover\:border-red:hover{
  --border-opacity:1;
  border-color:#e3342f;
  border-color:rgba(227, 52, 47, var(--border-opacity))
}

.hover\:border-red-400:hover{
  --border-opacity:1;
  border-color:#ef5753;
  border-color:rgba(239, 87, 83, var(--border-opacity))
}

.hover\:border-red-200:hover{
  --border-opacity:1;
  border-color:#f9acaa;
  border-color:rgba(249, 172, 170, var(--border-opacity))
}

.hover\:border-red-100:hover{
  --border-opacity:1;
  border-color:#fcebea;
  border-color:rgba(252, 235, 234, var(--border-opacity))
}

.hover\:border-yellow-900:hover{
  --border-opacity:1;
  border-color:#453411;
  border-color:rgba(69, 52, 17, var(--border-opacity))
}

.hover\:border-yellow-800:hover{
  --border-opacity:1;
  border-color:#a77f2e;
  border-color:rgba(167, 127, 46, var(--border-opacity))
}

.hover\:border-yellow-600:hover{
  --border-opacity:1;
  border-color:#f2d024;
  border-color:rgba(242, 208, 36, var(--border-opacity))
}

.hover\:border-yellow:hover{
  --border-opacity:1;
  border-color:#ffed4a;
  border-color:rgba(255, 237, 74, var(--border-opacity))
}

.hover\:border-yellow-400:hover{
  --border-opacity:1;
  border-color:#fff382;
  border-color:rgba(255, 243, 130, var(--border-opacity))
}

.hover\:border-yellow-200:hover{
  --border-opacity:1;
  border-color:#fff9c2;
  border-color:rgba(255, 249, 194, var(--border-opacity))
}

.hover\:border-yellow-100:hover{
  --border-opacity:1;
  border-color:#fcfbeb;
  border-color:rgba(252, 251, 235, var(--border-opacity))
}

.hover\:border-green-900:hover{
  --border-opacity:1;
  border-color:#0f2f21;
  border-color:rgba(15, 47, 33, var(--border-opacity))
}

.hover\:border-green-800:hover{
  --border-opacity:1;
  border-color:#1a4731;
  border-color:rgba(26, 71, 49, var(--border-opacity))
}

.hover\:border-green-600:hover{
  --border-opacity:1;
  border-color:#1f9d55;
  border-color:rgba(31, 157, 85, var(--border-opacity))
}

.hover\:border-green:hover{
  --border-opacity:1;
  border-color:#38c172;
  border-color:rgba(56, 193, 114, var(--border-opacity))
}

.hover\:border-green-400:hover{
  --border-opacity:1;
  border-color:#51d88a;
  border-color:rgba(81, 216, 138, var(--border-opacity))
}

.hover\:border-green-200:hover{
  --border-opacity:1;
  border-color:#a2f5bf;
  border-color:rgba(162, 245, 191, var(--border-opacity))
}

.hover\:border-green-100:hover{
  --border-opacity:1;
  border-color:#e3fcec;
  border-color:rgba(227, 252, 236, var(--border-opacity))
}

.hover\:border-blue-modal:hover{
  --border-opacity:1;
  border-color:#2e4050;
  border-color:rgba(46, 64, 80, var(--border-opacity))
}

.hover\:border-blue-900:hover{
  --border-opacity:1;
  border-color:#12283a;
  border-color:rgba(18, 40, 58, var(--border-opacity))
}

.hover\:border-blue-800:hover{
  --border-opacity:1;
  border-color:#1c3d5a;
  border-color:rgba(28, 61, 90, var(--border-opacity))
}

.hover\:border-blue-600:hover{
  --border-opacity:1;
  border-color:#2779bd;
  border-color:rgba(39, 121, 189, var(--border-opacity))
}

.hover\:border-blue:hover{
  --border-opacity:1;
  border-color:#3498db;
  border-color:rgba(52, 152, 219, var(--border-opacity))
}

.hover\:border-blue-400:hover{
  --border-opacity:1;
  border-color:#6cb2eb;
  border-color:rgba(108, 178, 235, var(--border-opacity))
}

.hover\:border-blue-200:hover{
  --border-opacity:1;
  border-color:#bcdefa;
  border-color:rgba(188, 222, 250, var(--border-opacity))
}

.hover\:border-blue-100:hover{
  --border-opacity:1;
  border-color:#eff8ff;
  border-color:rgba(239, 248, 255, var(--border-opacity))
}

.hover\:border-purple-900:hover{
  --border-opacity:1;
  border-color:#21183c;
  border-color:rgba(33, 24, 60, var(--border-opacity))
}

.hover\:border-purple-800:hover{
  --border-opacity:1;
  border-color:#382b5f;
  border-color:rgba(56, 43, 95, var(--border-opacity))
}

.hover\:border-purple-600:hover{
  --border-opacity:1;
  border-color:#794acf;
  border-color:rgba(121, 74, 207, var(--border-opacity))
}

.hover\:border-purple:hover{
  --border-opacity:1;
  border-color:#9561e2;
  border-color:rgba(149, 97, 226, var(--border-opacity))
}

.hover\:border-purple-400:hover{
  --border-opacity:1;
  border-color:#a779e9;
  border-color:rgba(167, 121, 233, var(--border-opacity))
}

.hover\:border-purple-200:hover{
  --border-opacity:1;
  border-color:#d6bbfc;
  border-color:rgba(214, 187, 252, var(--border-opacity))
}

.hover\:border-purple-100:hover{
  --border-opacity:1;
  border-color:#f3ebff;
  border-color:rgba(243, 235, 255, var(--border-opacity))
}

.hover\:border-orange-900:hover{
  --border-opacity:1;
  border-color:#462a16;
  border-color:rgba(70, 42, 22, var(--border-opacity))
}

.hover\:border-orange-800:hover{
  --border-opacity:1;
  border-color:#613b1f;
  border-color:rgba(97, 59, 31, var(--border-opacity))
}

.hover\:border-orange-600:hover{
  --border-opacity:1;
  border-color:#de751f;
  border-color:rgba(222, 117, 31, var(--border-opacity))
}

.hover\:border-orange:hover{
  --border-opacity:1;
  border-color:#f6993f;
  border-color:rgba(246, 153, 63, var(--border-opacity))
}

.hover\:border-orange-400:hover{
  --border-opacity:1;
  border-color:#faad63;
  border-color:rgba(250, 173, 99, var(--border-opacity))
}

.hover\:border-orange-200:hover{
  --border-opacity:1;
  border-color:#fcd9b6;
  border-color:rgba(252, 217, 182, var(--border-opacity))
}

.hover\:border-orange-100:hover{
  --border-opacity:1;
  border-color:#fff5eb;
  border-color:rgba(255, 245, 235, var(--border-opacity))
}

.hover\:border-esab-gray:hover{
  --border-opacity:1;
  border-color:#cecfd0;
  border-color:rgba(206, 207, 208, var(--border-opacity))
}

.hover\:border-esab-orange:hover{
  --border-opacity:1;
  border-color:#da7129;
  border-color:rgba(218, 113, 41, var(--border-opacity))
}

.hover\:border-esab-darkgrey:hover{
  --border-opacity:1;
  border-color:#373338;
  border-color:rgba(55, 51, 56, var(--border-opacity))
}

.hover\:border-esab-background:hover{
  --border-opacity:1;
  border-color:#f0f0f0;
  border-color:rgba(240, 240, 240, var(--border-opacity))
}

.hover\:border-esab-icon-blue:hover{
  --border-opacity:1;
  border-color:#0B7DA8;
  border-color:rgba(11, 125, 168, var(--border-opacity))
}

.hover\:border-esab-sidebar-blue:hover{
  --border-opacity:1;
  border-color:#c7d0d8;
  border-color:rgba(199, 208, 216, var(--border-opacity))
}

.hover\:border-esab-sidebar-blue-active:hover{
  --border-opacity:1;
  border-color:#174167;
  border-color:rgba(23, 65, 103, var(--border-opacity))
}

.hover\:border-esab-sidebar-blue-arrow:hover{
  --border-opacity:1;
  border-color:#164167;
  border-color:rgba(22, 65, 103, var(--border-opacity))
}

.hover\:border-esab-black:hover{
  --border-opacity:1;
  border-color:#26292A;
  border-color:rgba(38, 41, 42, var(--border-opacity))
}

.hover\:border-esab-primary-blue:hover{
  --border-opacity:1;
  border-color:#1A61A1;
  border-color:rgba(26, 97, 161, var(--border-opacity))
}

.hover\:border-esab-primary-blue-light:hover{
  --border-opacity:1;
  border-color:#347fc3;
  border-color:rgba(52, 127, 195, var(--border-opacity))
}

.hover\:border-esab-secondary-blue:hover{
  --border-opacity:1;
  border-color:#6ca1cd;
  border-color:rgba(108, 161, 205, var(--border-opacity))
}

.hover\:border-esab-card-blue:hover{
  --border-opacity:1;
  border-color:#2961A1;
  border-color:rgba(41, 97, 161, var(--border-opacity))
}

.hover\:border-esab-card-secondary-blue:hover{
  --border-opacity:1;
  border-color:#6491EB;
  border-color:rgba(100, 145, 235, var(--border-opacity))
}

.hover\:border-esab-red:hover{
  --border-opacity:1;
  border-color:#E23900;
  border-color:rgba(226, 57, 0, var(--border-opacity))
}

.hover\:border-esab-red-highlight:hover{
  --border-opacity:1;
  border-color:#ed6031;
  border-color:rgba(237, 96, 49, var(--border-opacity))
}

.hover\:border-assembly-color:hover{
  --border-opacity:1;
  border-color:#c7074e;
  border-color:rgba(199, 7, 78, var(--border-opacity))
}

.border-opacity-0{
  --border-opacity:0
}

.border-opacity-10{
  --border-opacity:.1
}

.border-opacity-20{
  --border-opacity:.20
}

.border-opacity-25{
  --border-opacity:.25
}

.border-opacity-50{
  --border-opacity:.5
}

.border-opacity-75{
  --border-opacity:.75
}

.border-opacity-100{
  --border-opacity:1
}

.hover\:border-opacity-0:hover{
  --border-opacity:0
}

.hover\:border-opacity-10:hover{
  --border-opacity:.1
}

.hover\:border-opacity-20:hover{
  --border-opacity:.20
}

.hover\:border-opacity-25:hover{
  --border-opacity:.25
}

.hover\:border-opacity-50:hover{
  --border-opacity:.5
}

.hover\:border-opacity-75:hover{
  --border-opacity:.75
}

.hover\:border-opacity-100:hover{
  --border-opacity:1
}

.focus\:border-opacity-0:focus{
  --border-opacity:0
}

.focus\:border-opacity-10:focus{
  --border-opacity:.1
}

.focus\:border-opacity-20:focus{
  --border-opacity:.20
}

.focus\:border-opacity-25:focus{
  --border-opacity:.25
}

.focus\:border-opacity-50:focus{
  --border-opacity:.5
}

.focus\:border-opacity-75:focus{
  --border-opacity:.75
}

.focus\:border-opacity-100:focus{
  --border-opacity:1
}

.rounded-none{
  border-radius:0
}

.rounded-sm{
  border-radius:.125rem
}

.rounded{
  border-radius:.25rem
}

.rounded-lg{
  border-radius:.5rem
}

.rounded-full{
  border-radius:9999px
}

.rounded-t-none{
  border-top-left-radius:0;
  border-top-right-radius:0
}

.rounded-r-none{
  border-top-right-radius:0;
  border-bottom-right-radius:0
}

.rounded-b-none{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
}

.rounded-l-none{
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

.rounded-t-sm{
  border-top-left-radius:.125rem;
  border-top-right-radius:.125rem
}

.rounded-r-sm{
  border-top-right-radius:.125rem;
  border-bottom-right-radius:.125rem
}

.rounded-b-sm{
  border-bottom-right-radius:.125rem;
  border-bottom-left-radius:.125rem
}

.rounded-l-sm{
  border-top-left-radius:.125rem;
  border-bottom-left-radius:.125rem
}

.rounded-t{
  border-top-left-radius:.25rem;
  border-top-right-radius:.25rem
}

.rounded-r{
  border-top-right-radius:.25rem;
  border-bottom-right-radius:.25rem
}

.rounded-b{
  border-bottom-right-radius:.25rem;
  border-bottom-left-radius:.25rem
}

.rounded-l{
  border-top-left-radius:.25rem;
  border-bottom-left-radius:.25rem
}

.rounded-t-lg{
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem
}

.rounded-r-lg{
  border-top-right-radius:.5rem;
  border-bottom-right-radius:.5rem
}

.rounded-b-lg{
  border-bottom-right-radius:.5rem;
  border-bottom-left-radius:.5rem
}

.rounded-l-lg{
  border-top-left-radius:.5rem;
  border-bottom-left-radius:.5rem
}

.rounded-t-full{
  border-top-left-radius:9999px;
  border-top-right-radius:9999px
}

.rounded-r-full{
  border-top-right-radius:9999px;
  border-bottom-right-radius:9999px
}

.rounded-b-full{
  border-bottom-right-radius:9999px;
  border-bottom-left-radius:9999px
}

.rounded-l-full{
  border-top-left-radius:9999px;
  border-bottom-left-radius:9999px
}

.rounded-tl-none{
  border-top-left-radius:0
}

.rounded-tr-none{
  border-top-right-radius:0
}

.rounded-br-none{
  border-bottom-right-radius:0
}

.rounded-bl-none{
  border-bottom-left-radius:0
}

.rounded-tl-sm{
  border-top-left-radius:.125rem
}

.rounded-tr-sm{
  border-top-right-radius:.125rem
}

.rounded-br-sm{
  border-bottom-right-radius:.125rem
}

.rounded-bl-sm{
  border-bottom-left-radius:.125rem
}

.rounded-tl{
  border-top-left-radius:.25rem
}

.rounded-tr{
  border-top-right-radius:.25rem
}

.rounded-br{
  border-bottom-right-radius:.25rem
}

.rounded-bl{
  border-bottom-left-radius:.25rem
}

.rounded-tl-lg{
  border-top-left-radius:.5rem
}

.rounded-tr-lg{
  border-top-right-radius:.5rem
}

.rounded-br-lg{
  border-bottom-right-radius:.5rem
}

.rounded-bl-lg{
  border-bottom-left-radius:.5rem
}

.rounded-tl-full{
  border-top-left-radius:9999px
}

.rounded-tr-full{
  border-top-right-radius:9999px
}

.rounded-br-full{
  border-bottom-right-radius:9999px
}

.rounded-bl-full{
  border-bottom-left-radius:9999px
}

.hover\:rounded-none:hover{
  border-radius:0
}

.hover\:rounded-sm:hover{
  border-radius:.125rem
}

.hover\:rounded:hover{
  border-radius:.25rem
}

.hover\:rounded-lg:hover{
  border-radius:.5rem
}

.hover\:rounded-full:hover{
  border-radius:9999px
}

.hover\:rounded-t-none:hover{
  border-top-left-radius:0;
  border-top-right-radius:0
}

.hover\:rounded-r-none:hover{
  border-top-right-radius:0;
  border-bottom-right-radius:0
}

.hover\:rounded-b-none:hover{
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
}

.hover\:rounded-l-none:hover{
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

.hover\:rounded-t-sm:hover{
  border-top-left-radius:.125rem;
  border-top-right-radius:.125rem
}

.hover\:rounded-r-sm:hover{
  border-top-right-radius:.125rem;
  border-bottom-right-radius:.125rem
}

.hover\:rounded-b-sm:hover{
  border-bottom-right-radius:.125rem;
  border-bottom-left-radius:.125rem
}

.hover\:rounded-l-sm:hover{
  border-top-left-radius:.125rem;
  border-bottom-left-radius:.125rem
}

.hover\:rounded-t:hover{
  border-top-left-radius:.25rem;
  border-top-right-radius:.25rem
}

.hover\:rounded-r:hover{
  border-top-right-radius:.25rem;
  border-bottom-right-radius:.25rem
}

.hover\:rounded-b:hover{
  border-bottom-right-radius:.25rem;
  border-bottom-left-radius:.25rem
}

.hover\:rounded-l:hover{
  border-top-left-radius:.25rem;
  border-bottom-left-radius:.25rem
}

.hover\:rounded-t-lg:hover{
  border-top-left-radius:.5rem;
  border-top-right-radius:.5rem
}

.hover\:rounded-r-lg:hover{
  border-top-right-radius:.5rem;
  border-bottom-right-radius:.5rem
}

.hover\:rounded-b-lg:hover{
  border-bottom-right-radius:.5rem;
  border-bottom-left-radius:.5rem
}

.hover\:rounded-l-lg:hover{
  border-top-left-radius:.5rem;
  border-bottom-left-radius:.5rem
}

.hover\:rounded-t-full:hover{
  border-top-left-radius:9999px;
  border-top-right-radius:9999px
}

.hover\:rounded-r-full:hover{
  border-top-right-radius:9999px;
  border-bottom-right-radius:9999px
}

.hover\:rounded-b-full:hover{
  border-bottom-right-radius:9999px;
  border-bottom-left-radius:9999px
}

.hover\:rounded-l-full:hover{
  border-top-left-radius:9999px;
  border-bottom-left-radius:9999px
}

.hover\:rounded-tl-none:hover{
  border-top-left-radius:0
}

.hover\:rounded-tr-none:hover{
  border-top-right-radius:0
}

.hover\:rounded-br-none:hover{
  border-bottom-right-radius:0
}

.hover\:rounded-bl-none:hover{
  border-bottom-left-radius:0
}

.hover\:rounded-tl-sm:hover{
  border-top-left-radius:.125rem
}

.hover\:rounded-tr-sm:hover{
  border-top-right-radius:.125rem
}

.hover\:rounded-br-sm:hover{
  border-bottom-right-radius:.125rem
}

.hover\:rounded-bl-sm:hover{
  border-bottom-left-radius:.125rem
}

.hover\:rounded-tl:hover{
  border-top-left-radius:.25rem
}

.hover\:rounded-tr:hover{
  border-top-right-radius:.25rem
}

.hover\:rounded-br:hover{
  border-bottom-right-radius:.25rem
}

.hover\:rounded-bl:hover{
  border-bottom-left-radius:.25rem
}

.hover\:rounded-tl-lg:hover{
  border-top-left-radius:.5rem
}

.hover\:rounded-tr-lg:hover{
  border-top-right-radius:.5rem
}

.hover\:rounded-br-lg:hover{
  border-bottom-right-radius:.5rem
}

.hover\:rounded-bl-lg:hover{
  border-bottom-left-radius:.5rem
}

.hover\:rounded-tl-full:hover{
  border-top-left-radius:9999px
}

.hover\:rounded-tr-full:hover{
  border-top-right-radius:9999px
}

.hover\:rounded-br-full:hover{
  border-bottom-right-radius:9999px
}

.hover\:rounded-bl-full:hover{
  border-bottom-left-radius:9999px
}

.border-solid{
  border-style:solid
}

.border-dashed{
  border-style:dashed
}

.border-dotted{
  border-style:dotted
}

.border-double{
  border-style:double
}

.border-none{
  border-style:none
}

.border-0{
  border-width:0
}

.border-2{
  border-width:2px
}

.border-4{
  border-width:4px
}

.border-8{
  border-width:8px
}

.border{
  border-width:1px
}

.border-t-0{
  border-top-width:0
}

.border-r-0{
  border-right-width:0
}

.border-b-0{
  border-bottom-width:0
}

.border-l-0{
  border-left-width:0
}

.border-t-2{
  border-top-width:2px
}

.border-r-2{
  border-right-width:2px
}

.border-b-2{
  border-bottom-width:2px
}

.border-l-2{
  border-left-width:2px
}

.border-t-4{
  border-top-width:4px
}

.border-r-4{
  border-right-width:4px
}

.border-b-4{
  border-bottom-width:4px
}

.border-l-4{
  border-left-width:4px
}

.border-t-8{
  border-top-width:8px
}

.border-r-8{
  border-right-width:8px
}

.border-b-8{
  border-bottom-width:8px
}

.border-l-8{
  border-left-width:8px
}

.border-t{
  border-top-width:1px
}

.border-r{
  border-right-width:1px
}

.border-b{
  border-bottom-width:1px
}

.border-l{
  border-left-width:1px
}

.box-border{
  box-sizing:border-box
}

.box-content{
  box-sizing:content-box
}

.cursor-auto{
  cursor:auto
}

.cursor-default{
  cursor:default
}

.cursor-pointer{
  cursor:pointer
}

.cursor-wait{
  cursor:wait
}

.cursor-text{
  cursor:text
}

.cursor-move{
  cursor:move
}

.cursor-not-allowed{
  cursor:not-allowed
}

.hover\:cursor-auto:hover{
  cursor:auto
}

.hover\:cursor-default:hover{
  cursor:default
}

.hover\:cursor-pointer:hover{
  cursor:pointer
}

.hover\:cursor-wait:hover{
  cursor:wait
}

.hover\:cursor-text:hover{
  cursor:text
}

.hover\:cursor-move:hover{
  cursor:move
}

.hover\:cursor-not-allowed:hover{
  cursor:not-allowed
}

.block{
  display:block
}

.inline-block{
  display:inline-block
}

.inline{
  display:inline
}

.flex{
  display:flex
}

.inline-flex{
  display:inline-flex
}

.table{
  display:table
}

.table-caption{
  display:table-caption
}

.table-cell{
  display:table-cell
}

.table-column{
  display:table-column
}

.table-column-group{
  display:table-column-group
}

.table-footer-group{
  display:table-footer-group
}

.table-header-group{
  display:table-header-group
}

.table-row-group{
  display:table-row-group
}

.table-row{
  display:table-row
}

.flow-root{
  display:flow-root
}

.grid{
  display:grid
}

.inline-grid{
  display:inline-grid
}

.contents{
  display:contents
}

.hidden{
  display:none
}

.flex-row{
  flex-direction:row
}

.flex-row-reverse{
  flex-direction:row-reverse
}

.flex-col{
  flex-direction:column
}

.flex-col-reverse{
  flex-direction:column-reverse
}

.flex-wrap{
  flex-wrap:wrap
}

.flex-wrap-reverse{
  flex-wrap:wrap-reverse
}

.flex-no-wrap{
  flex-wrap:nowrap
}

.place-items-auto{
  place-items:auto
}

.place-items-start{
  place-items:start
}

.place-items-end{
  place-items:end
}

.place-items-center{
  place-items:center
}

.place-items-stretch{
  place-items:stretch
}

.place-content-center{
  place-content:center
}

.place-content-start{
  place-content:start
}

.place-content-end{
  place-content:end
}

.place-content-between{
  place-content:space-between
}

.place-content-around{
  place-content:space-around
}

.place-content-evenly{
  place-content:space-evenly
}

.place-content-stretch{
  place-content:stretch
}

.place-self-auto{
  place-self:auto
}

.place-self-start{
  place-self:start
}

.place-self-end{
  place-self:end
}

.place-self-center{
  place-self:center
}

.place-self-stretch{
  place-self:stretch
}

.items-start{
  align-items:flex-start
}

.items-end{
  align-items:flex-end
}

.items-center{
  align-items:center
}

.items-baseline{
  align-items:baseline
}

.items-stretch{
  align-items:stretch
}

.content-center{
  align-content:center
}

.content-start{
  align-content:flex-start
}

.content-end{
  align-content:flex-end
}

.content-between{
  align-content:space-between
}

.content-around{
  align-content:space-around
}

.content-evenly{
  align-content:space-evenly
}

.self-auto{
  align-self:auto
}

.self-start{
  align-self:flex-start
}

.self-end{
  align-self:flex-end
}

.self-center{
  align-self:center
}

.self-stretch{
  align-self:stretch
}

.justify-items-auto{
  justify-items:auto
}

.justify-items-start{
  justify-items:start
}

.justify-items-end{
  justify-items:end
}

.justify-items-center{
  justify-items:center
}

.justify-items-stretch{
  justify-items:stretch
}

.justify-start{
  justify-content:flex-start
}

.justify-end{
  justify-content:flex-end
}

.justify-center{
  justify-content:center
}

.justify-between{
  justify-content:space-between
}

.justify-around{
  justify-content:space-around
}

.justify-evenly{
  justify-content:space-evenly
}

.justify-self-auto{
  justify-self:auto
}

.justify-self-start{
  justify-self:start
}

.justify-self-end{
  justify-self:end
}

.justify-self-center{
  justify-self:center
}

.justify-self-stretch{
  justify-self:stretch
}

.flex-1{
  flex:1 1 0%
}

.flex-auto{
  flex:1 1 auto
}

.flex-initial{
  flex:0 1 auto
}

.flex-none{
  flex:none
}

.flex-grow-0{
  flex-grow:0
}

.flex-grow{
  flex-grow:1
}

.flex-shrink-0{
  flex-shrink:0
}

.flex-shrink{
  flex-shrink:1
}

.order-1{
  order:1
}

.order-2{
  order:2
}

.order-3{
  order:3
}

.order-4{
  order:4
}

.order-5{
  order:5
}

.order-6{
  order:6
}

.order-7{
  order:7
}

.order-8{
  order:8
}

.order-9{
  order:9
}

.order-10{
  order:10
}

.order-11{
  order:11
}

.order-12{
  order:12
}

.order-first{
  order:-9999
}

.order-last{
  order:9999
}

.order-none{
  order:0
}

.float-right{
  float:right
}

.float-left{
  float:left
}

.float-none{
  float:none
}

.clearfix:after{
  content:"";
  display:table;
  clear:both
}

.clear-left{
  clear:left
}

.clear-right{
  clear:right
}

.clear-both{
  clear:both
}

.clear-none{
  clear:none
}

.font-sans{
  font-family:system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

.font-serif{
  font-family:Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif
}

.font-mono{
  font-family:Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace
}

.font-museo{
  font-family:Museo Sans, Roboto, sans-serif
}

.font-hairline{
  font-weight:100
}

.font-thin{
  font-weight:200
}

.font-light{
  font-weight:300
}

.font-normal{
  font-weight:400
}

.font-medium{
  font-weight:500
}

.font-semibold{
  font-weight:600
}

.font-bold{
  font-weight:700
}

.font-extrabold{
  font-weight:800
}

.font-black{
  font-weight:900
}

.h-1{
  height:0.25rem
}

.h-2{
  height:0.5rem
}

.h-3{
  height:0.75rem
}

.h-4{
  height:1rem
}

.h-6{
  height:1.5rem
}

.h-8{
  height:2rem
}

.h-10{
  height:2.5rem
}

.h-12{
  height:3rem
}

.h-16{
  height:4rem
}

.h-24{
  height:6rem
}

.h-32{
  height:8rem
}

.h-48{
  height:12rem
}

.h-64{
  height:16rem
}

.h-auto{
  height:auto
}

.h-px{
  height:1px
}

.h-full{
  height:100%
}

.h-screen{
  height:100vh
}

.text-sm{
  font-size:.875rem
}

.text-base{
  font-size:1rem
}

.text-lg{
  font-size:1.125rem
}

.text-xl{
  font-size:1.25rem
}

.text-2xl{
  font-size:1.5rem
}

.text-3xl{
  font-size:1.875rem
}

.text-4xl{
  font-size:2.25rem
}

.text-5xl{
  font-size:3rem
}

.text-6xl{
  font-size:4rem
}

.text-7xl{
  font-size:5rem
}

.leading-10{
  line-height:2.7rem !important
}

.leading-none{
  line-height:1
}

.leading-tight{
  line-height:1.25
}

.leading-normal{
  line-height:1.5
}

.leading-loose{
  line-height:2
}

.list-inside{
  list-style-position:inside
}

.list-outside{
  list-style-position:outside
}

.list-none{
  list-style-type:none
}

.list-disc{
  list-style-type:disc
}

.list-decimal{
  list-style-type:decimal
}

.m-0{
  margin:0
}

.m-1{
  margin:0.25rem
}

.m-2{
  margin:0.5rem
}

.m-3{
  margin:0.75rem
}

.m-4{
  margin:1rem
}

.m-5{
  margin:1.25rem
}

.m-6{
  margin:1.5rem
}

.m-8{
  margin:2rem
}

.m-10{
  margin:2.5rem
}

.m-12{
  margin:3rem
}

.m-16{
  margin:4rem
}

.m-20{
  margin:5rem
}

.m-24{
  margin:6rem
}

.m-32{
  margin:8rem
}

.m-auto{
  margin:auto
}

.m-px{
  margin:1px
}

.-m-px{
  margin:-1px
}

.-m-0{
  margin:0
}

.-m-1{
  margin:-0.25rem
}

.-m-2{
  margin:-0.5rem
}

.-m-3{
  margin:-0.75rem
}

.-m-4{
  margin:-1rem
}

.-m-5{
  margin:-1.25rem
}

.-m-6{
  margin:-1.5rem
}

.-m-8{
  margin:-2rem
}

.-m-10{
  margin:-2.5rem
}

.-m-12{
  margin:-3rem
}

.-m-16{
  margin:-4rem
}

.-m-20{
  margin:-5rem
}

.-m-24{
  margin:-6rem
}

.-m-32{
  margin:-8rem
}

.my-0{
  margin-top:0;
  margin-bottom:0
}

.mx-0{
  margin-left:0;
  margin-right:0
}

.my-1{
  margin-top:0.25rem;
  margin-bottom:0.25rem
}

.mx-1{
  margin-left:0.25rem;
  margin-right:0.25rem
}

.my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem
}

.my-3{
  margin-top:0.75rem;
  margin-bottom:0.75rem
}

.mx-3{
  margin-left:0.75rem;
  margin-right:0.75rem
}

.my-4{
  margin-top:1rem;
  margin-bottom:1rem
}

.mx-4{
  margin-left:1rem;
  margin-right:1rem
}

.my-5{
  margin-top:1.25rem;
  margin-bottom:1.25rem
}

.mx-5{
  margin-left:1.25rem;
  margin-right:1.25rem
}

.my-6{
  margin-top:1.5rem;
  margin-bottom:1.5rem
}

.mx-6{
  margin-left:1.5rem;
  margin-right:1.5rem
}

.my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.mx-8{
  margin-left:2rem;
  margin-right:2rem
}

.my-10{
  margin-top:2.5rem;
  margin-bottom:2.5rem
}

.mx-10{
  margin-left:2.5rem;
  margin-right:2.5rem
}

.my-12{
  margin-top:3rem;
  margin-bottom:3rem
}

.mx-12{
  margin-left:3rem;
  margin-right:3rem
}

.my-16{
  margin-top:4rem;
  margin-bottom:4rem
}

.mx-16{
  margin-left:4rem;
  margin-right:4rem
}

.my-20{
  margin-top:5rem;
  margin-bottom:5rem
}

.mx-20{
  margin-left:5rem;
  margin-right:5rem
}

.my-24{
  margin-top:6rem;
  margin-bottom:6rem
}

.mx-24{
  margin-left:6rem;
  margin-right:6rem
}

.my-32{
  margin-top:8rem;
  margin-bottom:8rem
}

.mx-32{
  margin-left:8rem;
  margin-right:8rem
}

.my-auto{
  margin-top:auto;
  margin-bottom:auto
}

.mx-auto{
  margin-left:auto;
  margin-right:auto
}

.my-px{
  margin-top:1px;
  margin-bottom:1px
}

.mx-px{
  margin-left:1px;
  margin-right:1px
}

.-my-px{
  margin-top:-1px;
  margin-bottom:-1px
}

.-mx-px{
  margin-left:-1px;
  margin-right:-1px
}

.-my-0{
  margin-top:0;
  margin-bottom:0
}

.-mx-0{
  margin-left:0;
  margin-right:0
}

.-my-1{
  margin-top:-0.25rem;
  margin-bottom:-0.25rem
}

.-mx-1{
  margin-left:-0.25rem;
  margin-right:-0.25rem
}

.-my-2{
  margin-top:-0.5rem;
  margin-bottom:-0.5rem
}

.-mx-2{
  margin-left:-0.5rem;
  margin-right:-0.5rem
}

.-my-3{
  margin-top:-0.75rem;
  margin-bottom:-0.75rem
}

.-mx-3{
  margin-left:-0.75rem;
  margin-right:-0.75rem
}

.-my-4{
  margin-top:-1rem;
  margin-bottom:-1rem
}

.-mx-4{
  margin-left:-1rem;
  margin-right:-1rem
}

.-my-5{
  margin-top:-1.25rem;
  margin-bottom:-1.25rem
}

.-mx-5{
  margin-left:-1.25rem;
  margin-right:-1.25rem
}

.-my-6{
  margin-top:-1.5rem;
  margin-bottom:-1.5rem
}

.-mx-6{
  margin-left:-1.5rem;
  margin-right:-1.5rem
}

.-my-8{
  margin-top:-2rem;
  margin-bottom:-2rem
}

.-mx-8{
  margin-left:-2rem;
  margin-right:-2rem
}

.-my-10{
  margin-top:-2.5rem;
  margin-bottom:-2.5rem
}

.-mx-10{
  margin-left:-2.5rem;
  margin-right:-2.5rem
}

.-my-12{
  margin-top:-3rem;
  margin-bottom:-3rem
}

.-mx-12{
  margin-left:-3rem;
  margin-right:-3rem
}

.-my-16{
  margin-top:-4rem;
  margin-bottom:-4rem
}

.-mx-16{
  margin-left:-4rem;
  margin-right:-4rem
}

.-my-20{
  margin-top:-5rem;
  margin-bottom:-5rem
}

.-mx-20{
  margin-left:-5rem;
  margin-right:-5rem
}

.-my-24{
  margin-top:-6rem;
  margin-bottom:-6rem
}

.-mx-24{
  margin-left:-6rem;
  margin-right:-6rem
}

.-my-32{
  margin-top:-8rem;
  margin-bottom:-8rem
}

.-mx-32{
  margin-left:-8rem;
  margin-right:-8rem
}

.mt-0{
  margin-top:0
}

.mr-0{
  margin-right:0
}

.mb-0{
  margin-bottom:0
}

.ml-0{
  margin-left:0
}

.mt-1{
  margin-top:0.25rem
}

.mr-1{
  margin-right:0.25rem
}

.mb-1{
  margin-bottom:0.25rem
}

.ml-1{
  margin-left:0.25rem
}

.mt-2{
  margin-top:0.5rem
}

.mr-2{
  margin-right:0.5rem
}

.mb-2{
  margin-bottom:0.5rem
}

.ml-2{
  margin-left:0.5rem
}

.mt-3{
  margin-top:0.75rem
}

.mr-3{
  margin-right:0.75rem
}

.mb-3{
  margin-bottom:0.75rem
}

.ml-3{
  margin-left:0.75rem
}

.mt-4{
  margin-top:1rem
}

.mr-4{
  margin-right:1rem
}

.mb-4{
  margin-bottom:1rem
}

.ml-4{
  margin-left:1rem
}

.mt-5{
  margin-top:1.25rem
}

.mr-5{
  margin-right:1.25rem
}

.mb-5{
  margin-bottom:1.25rem
}

.ml-5{
  margin-left:1.25rem
}

.mt-6{
  margin-top:1.5rem
}

.mr-6{
  margin-right:1.5rem
}

.mb-6{
  margin-bottom:1.5rem
}

.ml-6{
  margin-left:1.5rem
}

.mt-8{
  margin-top:2rem
}

.mr-8{
  margin-right:2rem
}

.mb-8{
  margin-bottom:2rem
}

.ml-8{
  margin-left:2rem
}

.mt-10{
  margin-top:2.5rem
}

.mr-10{
  margin-right:2.5rem
}

.mb-10{
  margin-bottom:2.5rem
}

.ml-10{
  margin-left:2.5rem
}

.mt-12{
  margin-top:3rem
}

.mr-12{
  margin-right:3rem
}

.mb-12{
  margin-bottom:3rem
}

.ml-12{
  margin-left:3rem
}

.mt-16{
  margin-top:4rem
}

.mr-16{
  margin-right:4rem
}

.mb-16{
  margin-bottom:4rem
}

.ml-16{
  margin-left:4rem
}

.mt-20{
  margin-top:5rem
}

.mr-20{
  margin-right:5rem
}

.mb-20{
  margin-bottom:5rem
}

.ml-20{
  margin-left:5rem
}

.mt-24{
  margin-top:6rem
}

.mr-24{
  margin-right:6rem
}

.mb-24{
  margin-bottom:6rem
}

.ml-24{
  margin-left:6rem
}

.mt-32{
  margin-top:8rem
}

.mr-32{
  margin-right:8rem
}

.mb-32{
  margin-bottom:8rem
}

.ml-32{
  margin-left:8rem
}

.mt-auto{
  margin-top:auto
}

.mr-auto{
  margin-right:auto
}

.mb-auto{
  margin-bottom:auto
}

.ml-auto{
  margin-left:auto
}

.mt-px{
  margin-top:1px
}

.mr-px{
  margin-right:1px
}

.mb-px{
  margin-bottom:1px
}

.ml-px{
  margin-left:1px
}

.-mt-px{
  margin-top:-1px
}

.-mr-px{
  margin-right:-1px
}

.-mb-px{
  margin-bottom:-1px
}

.-ml-px{
  margin-left:-1px
}

.-mt-0{
  margin-top:0
}

.-mr-0{
  margin-right:0
}

.-mb-0{
  margin-bottom:0
}

.-ml-0{
  margin-left:0
}

.-mt-1{
  margin-top:-0.25rem
}

.-mr-1{
  margin-right:-0.25rem
}

.-mb-1{
  margin-bottom:-0.25rem
}

.-ml-1{
  margin-left:-0.25rem
}

.-mt-2{
  margin-top:-0.5rem
}

.-mr-2{
  margin-right:-0.5rem
}

.-mb-2{
  margin-bottom:-0.5rem
}

.-ml-2{
  margin-left:-0.5rem
}

.-mt-3{
  margin-top:-0.75rem
}

.-mr-3{
  margin-right:-0.75rem
}

.-mb-3{
  margin-bottom:-0.75rem
}

.-ml-3{
  margin-left:-0.75rem
}

.-mt-4{
  margin-top:-1rem
}

.-mr-4{
  margin-right:-1rem
}

.-mb-4{
  margin-bottom:-1rem
}

.-ml-4{
  margin-left:-1rem
}

.-mt-5{
  margin-top:-1.25rem
}

.-mr-5{
  margin-right:-1.25rem
}

.-mb-5{
  margin-bottom:-1.25rem
}

.-ml-5{
  margin-left:-1.25rem
}

.-mt-6{
  margin-top:-1.5rem
}

.-mr-6{
  margin-right:-1.5rem
}

.-mb-6{
  margin-bottom:-1.5rem
}

.-ml-6{
  margin-left:-1.5rem
}

.-mt-8{
  margin-top:-2rem
}

.-mr-8{
  margin-right:-2rem
}

.-mb-8{
  margin-bottom:-2rem
}

.-ml-8{
  margin-left:-2rem
}

.-mt-10{
  margin-top:-2.5rem
}

.-mr-10{
  margin-right:-2.5rem
}

.-mb-10{
  margin-bottom:-2.5rem
}

.-ml-10{
  margin-left:-2.5rem
}

.-mt-12{
  margin-top:-3rem
}

.-mr-12{
  margin-right:-3rem
}

.-mb-12{
  margin-bottom:-3rem
}

.-ml-12{
  margin-left:-3rem
}

.-mt-16{
  margin-top:-4rem
}

.-mr-16{
  margin-right:-4rem
}

.-mb-16{
  margin-bottom:-4rem
}

.-ml-16{
  margin-left:-4rem
}

.-mt-20{
  margin-top:-5rem
}

.-mr-20{
  margin-right:-5rem
}

.-mb-20{
  margin-bottom:-5rem
}

.-ml-20{
  margin-left:-5rem
}

.-mt-24{
  margin-top:-6rem
}

.-mr-24{
  margin-right:-6rem
}

.-mb-24{
  margin-bottom:-6rem
}

.-ml-24{
  margin-left:-6rem
}

.-mt-32{
  margin-top:-8rem
}

.-mr-32{
  margin-right:-8rem
}

.-mb-32{
  margin-bottom:-8rem
}

.-ml-32{
  margin-left:-8rem
}

.max-h-full{
  max-height:100%
}

.max-h-screen{
  max-height:100vh
}

.max-w-xs{
  max-width:20rem
}

.max-w-sm{
  max-width:30rem
}

.max-w-md{
  max-width:40rem
}

.max-w-lg{
  max-width:50rem
}

.max-w-xl{
  max-width:60rem
}

.max-w-2xl{
  max-width:70rem
}

.max-w-3xl{
  max-width:80rem
}

.max-w-4xl{
  max-width:90rem
}

.max-w-5xl{
  max-width:100rem
}

.max-w-full{
  max-width:100%
}

.min-h-0{
  min-height:0
}

.min-h-full{
  min-height:100%
}

.min-w-0{
  min-width:0
}

.min-w-full{
  min-width:100%
}

.object-contain{
  object-fit:contain
}

.object-cover{
  object-fit:cover
}

.object-fill{
  object-fit:fill
}

.object-none{
  object-fit:none
}

.object-scale-down{
  object-fit:scale-down
}

.object-bottom{
  object-position:bottom
}

.object-center{
  object-position:center
}

.object-left{
  object-position:left
}

.object-left-bottom{
  object-position:left bottom
}

.object-left-top{
  object-position:left top
}

.object-right{
  object-position:right
}

.object-right-bottom{
  object-position:right bottom
}

.object-right-top{
  object-position:right top
}

.object-top{
  object-position:top
}

.opacity-0{
  opacity:0
}

.opacity-10{
  opacity:.1
}

.opacity-20{
  opacity:.20
}

.opacity-25{
  opacity:.25
}

.opacity-50{
  opacity:.5
}

.opacity-75{
  opacity:.75
}

.opacity-100{
  opacity:1
}

.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.outline-white{
  outline:2px dotted white;
  outline-offset:2px
}

.outline-black{
  outline:2px dotted black;
  outline-offset:2px
}

.overflow-auto{
  overflow:auto
}

.overflow-hidden{
  overflow:hidden
}

.overflow-visible{
  overflow:visible
}

.overflow-scroll{
  overflow:scroll
}

.overflow-x-auto{
  overflow-x:auto
}

.overflow-y-auto{
  overflow-y:auto
}

.overflow-x-hidden{
  overflow-x:hidden
}

.overflow-y-hidden{
  overflow-y:hidden
}

.overflow-x-visible{
  overflow-x:visible
}

.overflow-y-visible{
  overflow-y:visible
}

.overflow-x-scroll{
  overflow-x:scroll
}

.overflow-y-scroll{
  overflow-y:scroll
}

.scrolling-touch{
  -webkit-overflow-scrolling:touch
}

.scrolling-auto{
  -webkit-overflow-scrolling:auto
}

.overscroll-auto{
  overscroll-behavior:auto
}

.overscroll-contain{
  overscroll-behavior:contain
}

.overscroll-none{
  overscroll-behavior:none
}

.overscroll-y-auto{
  overscroll-behavior-y:auto
}

.overscroll-y-contain{
  overscroll-behavior-y:contain
}

.overscroll-y-none{
  overscroll-behavior-y:none
}

.overscroll-x-auto{
  overscroll-behavior-x:auto
}

.overscroll-x-contain{
  overscroll-behavior-x:contain
}

.overscroll-x-none{
  overscroll-behavior-x:none
}

.p-0{
  padding:0
}

.p-1{
  padding:0.25rem
}

.p-2{
  padding:0.5rem
}

.p-3{
  padding:0.75rem
}

.p-4{
  padding:1rem
}

.p-5{
  padding:1.25rem
}

.p-6{
  padding:1.5rem
}

.p-8{
  padding:2rem
}

.p-10{
  padding:2.5rem
}

.p-12{
  padding:3rem
}

.p-16{
  padding:4rem
}

.p-20{
  padding:5rem
}

.p-24{
  padding:6rem
}

.p-32{
  padding:8rem
}

.p-px{
  padding:1px
}

.py-0{
  padding-top:0;
  padding-bottom:0
}

.px-0{
  padding-left:0;
  padding-right:0
}

.py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.px-3{
  padding-left:0.75rem;
  padding-right:0.75rem
}

.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.px-4{
  padding-left:1rem;
  padding-right:1rem
}

.py-5{
  padding-top:1.25rem;
  padding-bottom:1.25rem
}

.px-5{
  padding-left:1.25rem;
  padding-right:1.25rem
}

.py-6{
  padding-top:1.5rem;
  padding-bottom:1.5rem
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.py-8{
  padding-top:2rem;
  padding-bottom:2rem
}

.px-8{
  padding-left:2rem;
  padding-right:2rem
}

.py-10{
  padding-top:2.5rem;
  padding-bottom:2.5rem
}

.px-10{
  padding-left:2.5rem;
  padding-right:2.5rem
}

.py-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.px-12{
  padding-left:3rem;
  padding-right:3rem
}

.py-16{
  padding-top:4rem;
  padding-bottom:4rem
}

.px-16{
  padding-left:4rem;
  padding-right:4rem
}

.py-20{
  padding-top:5rem;
  padding-bottom:5rem
}

.px-20{
  padding-left:5rem;
  padding-right:5rem
}

.py-24{
  padding-top:6rem;
  padding-bottom:6rem
}

.px-24{
  padding-left:6rem;
  padding-right:6rem
}

.py-32{
  padding-top:8rem;
  padding-bottom:8rem
}

.px-32{
  padding-left:8rem;
  padding-right:8rem
}

.py-px{
  padding-top:1px;
  padding-bottom:1px
}

.px-px{
  padding-left:1px;
  padding-right:1px
}

.pt-0{
  padding-top:0
}

.pr-0{
  padding-right:0
}

.pb-0{
  padding-bottom:0
}

.pl-0{
  padding-left:0
}

.pt-1{
  padding-top:0.25rem
}

.pr-1{
  padding-right:0.25rem
}

.pb-1{
  padding-bottom:0.25rem
}

.pl-1{
  padding-left:0.25rem
}

.pt-2{
  padding-top:0.5rem
}

.pr-2{
  padding-right:0.5rem
}

.pb-2{
  padding-bottom:0.5rem
}

.pl-2{
  padding-left:0.5rem
}

.pt-3{
  padding-top:0.75rem
}

.pr-3{
  padding-right:0.75rem
}

.pb-3{
  padding-bottom:0.75rem
}

.pl-3{
  padding-left:0.75rem
}

.pt-4{
  padding-top:1rem
}

.pr-4{
  padding-right:1rem
}

.pb-4{
  padding-bottom:1rem
}

.pl-4{
  padding-left:1rem
}

.pt-5{
  padding-top:1.25rem
}

.pr-5{
  padding-right:1.25rem
}

.pb-5{
  padding-bottom:1.25rem
}

.pl-5{
  padding-left:1.25rem
}

.pt-6{
  padding-top:1.5rem
}

.pr-6{
  padding-right:1.5rem
}

.pb-6{
  padding-bottom:1.5rem
}

.pl-6{
  padding-left:1.5rem
}

.pt-8{
  padding-top:2rem
}

.pr-8{
  padding-right:2rem
}

.pb-8{
  padding-bottom:2rem
}

.pl-8{
  padding-left:2rem
}

.pt-10{
  padding-top:2.5rem
}

.pr-10{
  padding-right:2.5rem
}

.pb-10{
  padding-bottom:2.5rem
}

.pl-10{
  padding-left:2.5rem
}

.pt-12{
  padding-top:3rem
}

.pr-12{
  padding-right:3rem
}

.pb-12{
  padding-bottom:3rem
}

.pl-12{
  padding-left:3rem
}

.pt-16{
  padding-top:4rem
}

.pr-16{
  padding-right:4rem
}

.pb-16{
  padding-bottom:4rem
}

.pl-16{
  padding-left:4rem
}

.pt-20{
  padding-top:5rem
}

.pr-20{
  padding-right:5rem
}

.pb-20{
  padding-bottom:5rem
}

.pl-20{
  padding-left:5rem
}

.pt-24{
  padding-top:6rem
}

.pr-24{
  padding-right:6rem
}

.pb-24{
  padding-bottom:6rem
}

.pl-24{
  padding-left:6rem
}

.pt-32{
  padding-top:8rem
}

.pr-32{
  padding-right:8rem
}

.pb-32{
  padding-bottom:8rem
}

.pl-32{
  padding-left:8rem
}

.pt-px{
  padding-top:1px
}

.pr-px{
  padding-right:1px
}

.pb-px{
  padding-bottom:1px
}

.pl-px{
  padding-left:1px
}

.placeholder-transparent::placeholder{
  color:transparent
}

.placeholder-black::placeholder{
  --placeholder-opacity:1;
  color:#22292f;
  color:rgba(34, 41, 47, var(--placeholder-opacity))
}

.placeholder-real-black::placeholder{
  --placeholder-opacity:1;
  color:#000;
  color:rgba(0, 0, 0, var(--placeholder-opacity))
}

.placeholder-gray-800::placeholder{
  --placeholder-opacity:1;
  color:#3d4852;
  color:rgba(61, 72, 82, var(--placeholder-opacity))
}

.placeholder-gray-700::placeholder{
  --placeholder-opacity:1;
  color:#606f7b;
  color:rgba(96, 111, 123, var(--placeholder-opacity))
}

.placeholder-gray-600::placeholder{
  --placeholder-opacity:1;
  color:#8795a1;
  color:rgba(135, 149, 161, var(--placeholder-opacity))
}

.placeholder-gray::placeholder{
  --placeholder-opacity:1;
  color:#b8c2cc;
  color:rgba(184, 194, 204, var(--placeholder-opacity))
}

.placeholder-gray-400::placeholder{
  --placeholder-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--placeholder-opacity))
}

.placeholder-gray-200::placeholder{
  --placeholder-opacity:1;
  color:#f1f5f8;
  color:rgba(241, 245, 248, var(--placeholder-opacity))
}

.placeholder-gray-100::placeholder{
  --placeholder-opacity:1;
  color:#f8fafc;
  color:rgba(248, 250, 252, var(--placeholder-opacity))
}

.placeholder-white::placeholder{
  --placeholder-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--placeholder-opacity))
}

.placeholder-off-white::placeholder{
  --placeholder-opacity:1;
  color:#f7fafc;
  color:rgba(247, 250, 252, var(--placeholder-opacity))
}

.placeholder-grey-weldnote::placeholder{
  --placeholder-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--placeholder-opacity))
}

.placeholder-red-900::placeholder{
  --placeholder-opacity:1;
  color:#3b0d0c;
  color:rgba(59, 13, 12, var(--placeholder-opacity))
}

.placeholder-red-800::placeholder{
  --placeholder-opacity:1;
  color:#621b18;
  color:rgba(98, 27, 24, var(--placeholder-opacity))
}

.placeholder-red-600::placeholder{
  --placeholder-opacity:1;
  color:#cc1f1a;
  color:rgba(204, 31, 26, var(--placeholder-opacity))
}

.placeholder-red::placeholder{
  --placeholder-opacity:1;
  color:#e3342f;
  color:rgba(227, 52, 47, var(--placeholder-opacity))
}

.placeholder-red-400::placeholder{
  --placeholder-opacity:1;
  color:#ef5753;
  color:rgba(239, 87, 83, var(--placeholder-opacity))
}

.placeholder-red-200::placeholder{
  --placeholder-opacity:1;
  color:#f9acaa;
  color:rgba(249, 172, 170, var(--placeholder-opacity))
}

.placeholder-red-100::placeholder{
  --placeholder-opacity:1;
  color:#fcebea;
  color:rgba(252, 235, 234, var(--placeholder-opacity))
}

.placeholder-yellow-900::placeholder{
  --placeholder-opacity:1;
  color:#453411;
  color:rgba(69, 52, 17, var(--placeholder-opacity))
}

.placeholder-yellow-800::placeholder{
  --placeholder-opacity:1;
  color:#a77f2e;
  color:rgba(167, 127, 46, var(--placeholder-opacity))
}

.placeholder-yellow-600::placeholder{
  --placeholder-opacity:1;
  color:#f2d024;
  color:rgba(242, 208, 36, var(--placeholder-opacity))
}

.placeholder-yellow::placeholder{
  --placeholder-opacity:1;
  color:#ffed4a;
  color:rgba(255, 237, 74, var(--placeholder-opacity))
}

.placeholder-yellow-400::placeholder{
  --placeholder-opacity:1;
  color:#fff382;
  color:rgba(255, 243, 130, var(--placeholder-opacity))
}

.placeholder-yellow-200::placeholder{
  --placeholder-opacity:1;
  color:#fff9c2;
  color:rgba(255, 249, 194, var(--placeholder-opacity))
}

.placeholder-yellow-100::placeholder{
  --placeholder-opacity:1;
  color:#fcfbeb;
  color:rgba(252, 251, 235, var(--placeholder-opacity))
}

.placeholder-green-900::placeholder{
  --placeholder-opacity:1;
  color:#0f2f21;
  color:rgba(15, 47, 33, var(--placeholder-opacity))
}

.placeholder-green-800::placeholder{
  --placeholder-opacity:1;
  color:#1a4731;
  color:rgba(26, 71, 49, var(--placeholder-opacity))
}

.placeholder-green-600::placeholder{
  --placeholder-opacity:1;
  color:#1f9d55;
  color:rgba(31, 157, 85, var(--placeholder-opacity))
}

.placeholder-green::placeholder{
  --placeholder-opacity:1;
  color:#38c172;
  color:rgba(56, 193, 114, var(--placeholder-opacity))
}

.placeholder-green-400::placeholder{
  --placeholder-opacity:1;
  color:#51d88a;
  color:rgba(81, 216, 138, var(--placeholder-opacity))
}

.placeholder-green-200::placeholder{
  --placeholder-opacity:1;
  color:#a2f5bf;
  color:rgba(162, 245, 191, var(--placeholder-opacity))
}

.placeholder-green-100::placeholder{
  --placeholder-opacity:1;
  color:#e3fcec;
  color:rgba(227, 252, 236, var(--placeholder-opacity))
}

.placeholder-blue-modal::placeholder{
  --placeholder-opacity:1;
  color:#2e4050;
  color:rgba(46, 64, 80, var(--placeholder-opacity))
}

.placeholder-blue-900::placeholder{
  --placeholder-opacity:1;
  color:#12283a;
  color:rgba(18, 40, 58, var(--placeholder-opacity))
}

.placeholder-blue-800::placeholder{
  --placeholder-opacity:1;
  color:#1c3d5a;
  color:rgba(28, 61, 90, var(--placeholder-opacity))
}

.placeholder-blue-600::placeholder{
  --placeholder-opacity:1;
  color:#2779bd;
  color:rgba(39, 121, 189, var(--placeholder-opacity))
}

.placeholder-blue::placeholder{
  --placeholder-opacity:1;
  color:#3498db;
  color:rgba(52, 152, 219, var(--placeholder-opacity))
}

.placeholder-blue-400::placeholder{
  --placeholder-opacity:1;
  color:#6cb2eb;
  color:rgba(108, 178, 235, var(--placeholder-opacity))
}

.placeholder-blue-200::placeholder{
  --placeholder-opacity:1;
  color:#bcdefa;
  color:rgba(188, 222, 250, var(--placeholder-opacity))
}

.placeholder-blue-100::placeholder{
  --placeholder-opacity:1;
  color:#eff8ff;
  color:rgba(239, 248, 255, var(--placeholder-opacity))
}

.placeholder-purple-900::placeholder{
  --placeholder-opacity:1;
  color:#21183c;
  color:rgba(33, 24, 60, var(--placeholder-opacity))
}

.placeholder-purple-800::placeholder{
  --placeholder-opacity:1;
  color:#382b5f;
  color:rgba(56, 43, 95, var(--placeholder-opacity))
}

.placeholder-purple-600::placeholder{
  --placeholder-opacity:1;
  color:#794acf;
  color:rgba(121, 74, 207, var(--placeholder-opacity))
}

.placeholder-purple::placeholder{
  --placeholder-opacity:1;
  color:#9561e2;
  color:rgba(149, 97, 226, var(--placeholder-opacity))
}

.placeholder-purple-400::placeholder{
  --placeholder-opacity:1;
  color:#a779e9;
  color:rgba(167, 121, 233, var(--placeholder-opacity))
}

.placeholder-purple-200::placeholder{
  --placeholder-opacity:1;
  color:#d6bbfc;
  color:rgba(214, 187, 252, var(--placeholder-opacity))
}

.placeholder-purple-100::placeholder{
  --placeholder-opacity:1;
  color:#f3ebff;
  color:rgba(243, 235, 255, var(--placeholder-opacity))
}

.placeholder-orange-900::placeholder{
  --placeholder-opacity:1;
  color:#462a16;
  color:rgba(70, 42, 22, var(--placeholder-opacity))
}

.placeholder-orange-800::placeholder{
  --placeholder-opacity:1;
  color:#613b1f;
  color:rgba(97, 59, 31, var(--placeholder-opacity))
}

.placeholder-orange-600::placeholder{
  --placeholder-opacity:1;
  color:#de751f;
  color:rgba(222, 117, 31, var(--placeholder-opacity))
}

.placeholder-orange::placeholder{
  --placeholder-opacity:1;
  color:#f6993f;
  color:rgba(246, 153, 63, var(--placeholder-opacity))
}

.placeholder-orange-400::placeholder{
  --placeholder-opacity:1;
  color:#faad63;
  color:rgba(250, 173, 99, var(--placeholder-opacity))
}

.placeholder-orange-200::placeholder{
  --placeholder-opacity:1;
  color:#fcd9b6;
  color:rgba(252, 217, 182, var(--placeholder-opacity))
}

.placeholder-orange-100::placeholder{
  --placeholder-opacity:1;
  color:#fff5eb;
  color:rgba(255, 245, 235, var(--placeholder-opacity))
}

.placeholder-esab-gray::placeholder{
  --placeholder-opacity:1;
  color:#cecfd0;
  color:rgba(206, 207, 208, var(--placeholder-opacity))
}

.placeholder-esab-orange::placeholder{
  --placeholder-opacity:1;
  color:#da7129;
  color:rgba(218, 113, 41, var(--placeholder-opacity))
}

.placeholder-esab-darkgrey::placeholder{
  --placeholder-opacity:1;
  color:#373338;
  color:rgba(55, 51, 56, var(--placeholder-opacity))
}

.placeholder-esab-background::placeholder{
  --placeholder-opacity:1;
  color:#f0f0f0;
  color:rgba(240, 240, 240, var(--placeholder-opacity))
}

.placeholder-esab-icon-blue::placeholder{
  --placeholder-opacity:1;
  color:#0B7DA8;
  color:rgba(11, 125, 168, var(--placeholder-opacity))
}

.placeholder-esab-sidebar-blue::placeholder{
  --placeholder-opacity:1;
  color:#c7d0d8;
  color:rgba(199, 208, 216, var(--placeholder-opacity))
}

.placeholder-esab-sidebar-blue-active::placeholder{
  --placeholder-opacity:1;
  color:#174167;
  color:rgba(23, 65, 103, var(--placeholder-opacity))
}

.placeholder-esab-sidebar-blue-arrow::placeholder{
  --placeholder-opacity:1;
  color:#164167;
  color:rgba(22, 65, 103, var(--placeholder-opacity))
}

.placeholder-esab-black::placeholder{
  --placeholder-opacity:1;
  color:#26292A;
  color:rgba(38, 41, 42, var(--placeholder-opacity))
}

.placeholder-esab-primary-blue::placeholder{
  --placeholder-opacity:1;
  color:#1A61A1;
  color:rgba(26, 97, 161, var(--placeholder-opacity))
}

.placeholder-esab-primary-blue-light::placeholder{
  --placeholder-opacity:1;
  color:#347fc3;
  color:rgba(52, 127, 195, var(--placeholder-opacity))
}

.placeholder-esab-secondary-blue::placeholder{
  --placeholder-opacity:1;
  color:#6ca1cd;
  color:rgba(108, 161, 205, var(--placeholder-opacity))
}

.placeholder-esab-card-blue::placeholder{
  --placeholder-opacity:1;
  color:#2961A1;
  color:rgba(41, 97, 161, var(--placeholder-opacity))
}

.placeholder-esab-card-secondary-blue::placeholder{
  --placeholder-opacity:1;
  color:#6491EB;
  color:rgba(100, 145, 235, var(--placeholder-opacity))
}

.placeholder-esab-red::placeholder{
  --placeholder-opacity:1;
  color:#E23900;
  color:rgba(226, 57, 0, var(--placeholder-opacity))
}

.placeholder-esab-red-highlight::placeholder{
  --placeholder-opacity:1;
  color:#ed6031;
  color:rgba(237, 96, 49, var(--placeholder-opacity))
}

.placeholder-assembly-color::placeholder{
  --placeholder-opacity:1;
  color:#c7074e;
  color:rgba(199, 7, 78, var(--placeholder-opacity))
}

.focus\:placeholder-transparent:focus::placeholder{
  color:transparent
}

.focus\:placeholder-black:focus::placeholder{
  --placeholder-opacity:1;
  color:#22292f;
  color:rgba(34, 41, 47, var(--placeholder-opacity))
}

.focus\:placeholder-real-black:focus::placeholder{
  --placeholder-opacity:1;
  color:#000;
  color:rgba(0, 0, 0, var(--placeholder-opacity))
}

.focus\:placeholder-gray-800:focus::placeholder{
  --placeholder-opacity:1;
  color:#3d4852;
  color:rgba(61, 72, 82, var(--placeholder-opacity))
}

.focus\:placeholder-gray-700:focus::placeholder{
  --placeholder-opacity:1;
  color:#606f7b;
  color:rgba(96, 111, 123, var(--placeholder-opacity))
}

.focus\:placeholder-gray-600:focus::placeholder{
  --placeholder-opacity:1;
  color:#8795a1;
  color:rgba(135, 149, 161, var(--placeholder-opacity))
}

.focus\:placeholder-gray:focus::placeholder{
  --placeholder-opacity:1;
  color:#b8c2cc;
  color:rgba(184, 194, 204, var(--placeholder-opacity))
}

.focus\:placeholder-gray-400:focus::placeholder{
  --placeholder-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--placeholder-opacity))
}

.focus\:placeholder-gray-200:focus::placeholder{
  --placeholder-opacity:1;
  color:#f1f5f8;
  color:rgba(241, 245, 248, var(--placeholder-opacity))
}

.focus\:placeholder-gray-100:focus::placeholder{
  --placeholder-opacity:1;
  color:#f8fafc;
  color:rgba(248, 250, 252, var(--placeholder-opacity))
}

.focus\:placeholder-white:focus::placeholder{
  --placeholder-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--placeholder-opacity))
}

.focus\:placeholder-off-white:focus::placeholder{
  --placeholder-opacity:1;
  color:#f7fafc;
  color:rgba(247, 250, 252, var(--placeholder-opacity))
}

.focus\:placeholder-grey-weldnote:focus::placeholder{
  --placeholder-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--placeholder-opacity))
}

.focus\:placeholder-red-900:focus::placeholder{
  --placeholder-opacity:1;
  color:#3b0d0c;
  color:rgba(59, 13, 12, var(--placeholder-opacity))
}

.focus\:placeholder-red-800:focus::placeholder{
  --placeholder-opacity:1;
  color:#621b18;
  color:rgba(98, 27, 24, var(--placeholder-opacity))
}

.focus\:placeholder-red-600:focus::placeholder{
  --placeholder-opacity:1;
  color:#cc1f1a;
  color:rgba(204, 31, 26, var(--placeholder-opacity))
}

.focus\:placeholder-red:focus::placeholder{
  --placeholder-opacity:1;
  color:#e3342f;
  color:rgba(227, 52, 47, var(--placeholder-opacity))
}

.focus\:placeholder-red-400:focus::placeholder{
  --placeholder-opacity:1;
  color:#ef5753;
  color:rgba(239, 87, 83, var(--placeholder-opacity))
}

.focus\:placeholder-red-200:focus::placeholder{
  --placeholder-opacity:1;
  color:#f9acaa;
  color:rgba(249, 172, 170, var(--placeholder-opacity))
}

.focus\:placeholder-red-100:focus::placeholder{
  --placeholder-opacity:1;
  color:#fcebea;
  color:rgba(252, 235, 234, var(--placeholder-opacity))
}

.focus\:placeholder-yellow-900:focus::placeholder{
  --placeholder-opacity:1;
  color:#453411;
  color:rgba(69, 52, 17, var(--placeholder-opacity))
}

.focus\:placeholder-yellow-800:focus::placeholder{
  --placeholder-opacity:1;
  color:#a77f2e;
  color:rgba(167, 127, 46, var(--placeholder-opacity))
}

.focus\:placeholder-yellow-600:focus::placeholder{
  --placeholder-opacity:1;
  color:#f2d024;
  color:rgba(242, 208, 36, var(--placeholder-opacity))
}

.focus\:placeholder-yellow:focus::placeholder{
  --placeholder-opacity:1;
  color:#ffed4a;
  color:rgba(255, 237, 74, var(--placeholder-opacity))
}

.focus\:placeholder-yellow-400:focus::placeholder{
  --placeholder-opacity:1;
  color:#fff382;
  color:rgba(255, 243, 130, var(--placeholder-opacity))
}

.focus\:placeholder-yellow-200:focus::placeholder{
  --placeholder-opacity:1;
  color:#fff9c2;
  color:rgba(255, 249, 194, var(--placeholder-opacity))
}

.focus\:placeholder-yellow-100:focus::placeholder{
  --placeholder-opacity:1;
  color:#fcfbeb;
  color:rgba(252, 251, 235, var(--placeholder-opacity))
}

.focus\:placeholder-green-900:focus::placeholder{
  --placeholder-opacity:1;
  color:#0f2f21;
  color:rgba(15, 47, 33, var(--placeholder-opacity))
}

.focus\:placeholder-green-800:focus::placeholder{
  --placeholder-opacity:1;
  color:#1a4731;
  color:rgba(26, 71, 49, var(--placeholder-opacity))
}

.focus\:placeholder-green-600:focus::placeholder{
  --placeholder-opacity:1;
  color:#1f9d55;
  color:rgba(31, 157, 85, var(--placeholder-opacity))
}

.focus\:placeholder-green:focus::placeholder{
  --placeholder-opacity:1;
  color:#38c172;
  color:rgba(56, 193, 114, var(--placeholder-opacity))
}

.focus\:placeholder-green-400:focus::placeholder{
  --placeholder-opacity:1;
  color:#51d88a;
  color:rgba(81, 216, 138, var(--placeholder-opacity))
}

.focus\:placeholder-green-200:focus::placeholder{
  --placeholder-opacity:1;
  color:#a2f5bf;
  color:rgba(162, 245, 191, var(--placeholder-opacity))
}

.focus\:placeholder-green-100:focus::placeholder{
  --placeholder-opacity:1;
  color:#e3fcec;
  color:rgba(227, 252, 236, var(--placeholder-opacity))
}

.focus\:placeholder-blue-modal:focus::placeholder{
  --placeholder-opacity:1;
  color:#2e4050;
  color:rgba(46, 64, 80, var(--placeholder-opacity))
}

.focus\:placeholder-blue-900:focus::placeholder{
  --placeholder-opacity:1;
  color:#12283a;
  color:rgba(18, 40, 58, var(--placeholder-opacity))
}

.focus\:placeholder-blue-800:focus::placeholder{
  --placeholder-opacity:1;
  color:#1c3d5a;
  color:rgba(28, 61, 90, var(--placeholder-opacity))
}

.focus\:placeholder-blue-600:focus::placeholder{
  --placeholder-opacity:1;
  color:#2779bd;
  color:rgba(39, 121, 189, var(--placeholder-opacity))
}

.focus\:placeholder-blue:focus::placeholder{
  --placeholder-opacity:1;
  color:#3498db;
  color:rgba(52, 152, 219, var(--placeholder-opacity))
}

.focus\:placeholder-blue-400:focus::placeholder{
  --placeholder-opacity:1;
  color:#6cb2eb;
  color:rgba(108, 178, 235, var(--placeholder-opacity))
}

.focus\:placeholder-blue-200:focus::placeholder{
  --placeholder-opacity:1;
  color:#bcdefa;
  color:rgba(188, 222, 250, var(--placeholder-opacity))
}

.focus\:placeholder-blue-100:focus::placeholder{
  --placeholder-opacity:1;
  color:#eff8ff;
  color:rgba(239, 248, 255, var(--placeholder-opacity))
}

.focus\:placeholder-purple-900:focus::placeholder{
  --placeholder-opacity:1;
  color:#21183c;
  color:rgba(33, 24, 60, var(--placeholder-opacity))
}

.focus\:placeholder-purple-800:focus::placeholder{
  --placeholder-opacity:1;
  color:#382b5f;
  color:rgba(56, 43, 95, var(--placeholder-opacity))
}

.focus\:placeholder-purple-600:focus::placeholder{
  --placeholder-opacity:1;
  color:#794acf;
  color:rgba(121, 74, 207, var(--placeholder-opacity))
}

.focus\:placeholder-purple:focus::placeholder{
  --placeholder-opacity:1;
  color:#9561e2;
  color:rgba(149, 97, 226, var(--placeholder-opacity))
}

.focus\:placeholder-purple-400:focus::placeholder{
  --placeholder-opacity:1;
  color:#a779e9;
  color:rgba(167, 121, 233, var(--placeholder-opacity))
}

.focus\:placeholder-purple-200:focus::placeholder{
  --placeholder-opacity:1;
  color:#d6bbfc;
  color:rgba(214, 187, 252, var(--placeholder-opacity))
}

.focus\:placeholder-purple-100:focus::placeholder{
  --placeholder-opacity:1;
  color:#f3ebff;
  color:rgba(243, 235, 255, var(--placeholder-opacity))
}

.focus\:placeholder-orange-900:focus::placeholder{
  --placeholder-opacity:1;
  color:#462a16;
  color:rgba(70, 42, 22, var(--placeholder-opacity))
}

.focus\:placeholder-orange-800:focus::placeholder{
  --placeholder-opacity:1;
  color:#613b1f;
  color:rgba(97, 59, 31, var(--placeholder-opacity))
}

.focus\:placeholder-orange-600:focus::placeholder{
  --placeholder-opacity:1;
  color:#de751f;
  color:rgba(222, 117, 31, var(--placeholder-opacity))
}

.focus\:placeholder-orange:focus::placeholder{
  --placeholder-opacity:1;
  color:#f6993f;
  color:rgba(246, 153, 63, var(--placeholder-opacity))
}

.focus\:placeholder-orange-400:focus::placeholder{
  --placeholder-opacity:1;
  color:#faad63;
  color:rgba(250, 173, 99, var(--placeholder-opacity))
}

.focus\:placeholder-orange-200:focus::placeholder{
  --placeholder-opacity:1;
  color:#fcd9b6;
  color:rgba(252, 217, 182, var(--placeholder-opacity))
}

.focus\:placeholder-orange-100:focus::placeholder{
  --placeholder-opacity:1;
  color:#fff5eb;
  color:rgba(255, 245, 235, var(--placeholder-opacity))
}

.focus\:placeholder-esab-gray:focus::placeholder{
  --placeholder-opacity:1;
  color:#cecfd0;
  color:rgba(206, 207, 208, var(--placeholder-opacity))
}

.focus\:placeholder-esab-orange:focus::placeholder{
  --placeholder-opacity:1;
  color:#da7129;
  color:rgba(218, 113, 41, var(--placeholder-opacity))
}

.focus\:placeholder-esab-darkgrey:focus::placeholder{
  --placeholder-opacity:1;
  color:#373338;
  color:rgba(55, 51, 56, var(--placeholder-opacity))
}

.focus\:placeholder-esab-background:focus::placeholder{
  --placeholder-opacity:1;
  color:#f0f0f0;
  color:rgba(240, 240, 240, var(--placeholder-opacity))
}

.focus\:placeholder-esab-icon-blue:focus::placeholder{
  --placeholder-opacity:1;
  color:#0B7DA8;
  color:rgba(11, 125, 168, var(--placeholder-opacity))
}

.focus\:placeholder-esab-sidebar-blue:focus::placeholder{
  --placeholder-opacity:1;
  color:#c7d0d8;
  color:rgba(199, 208, 216, var(--placeholder-opacity))
}

.focus\:placeholder-esab-sidebar-blue-active:focus::placeholder{
  --placeholder-opacity:1;
  color:#174167;
  color:rgba(23, 65, 103, var(--placeholder-opacity))
}

.focus\:placeholder-esab-sidebar-blue-arrow:focus::placeholder{
  --placeholder-opacity:1;
  color:#164167;
  color:rgba(22, 65, 103, var(--placeholder-opacity))
}

.focus\:placeholder-esab-black:focus::placeholder{
  --placeholder-opacity:1;
  color:#26292A;
  color:rgba(38, 41, 42, var(--placeholder-opacity))
}

.focus\:placeholder-esab-primary-blue:focus::placeholder{
  --placeholder-opacity:1;
  color:#1A61A1;
  color:rgba(26, 97, 161, var(--placeholder-opacity))
}

.focus\:placeholder-esab-primary-blue-light:focus::placeholder{
  --placeholder-opacity:1;
  color:#347fc3;
  color:rgba(52, 127, 195, var(--placeholder-opacity))
}

.focus\:placeholder-esab-secondary-blue:focus::placeholder{
  --placeholder-opacity:1;
  color:#6ca1cd;
  color:rgba(108, 161, 205, var(--placeholder-opacity))
}

.focus\:placeholder-esab-card-blue:focus::placeholder{
  --placeholder-opacity:1;
  color:#2961A1;
  color:rgba(41, 97, 161, var(--placeholder-opacity))
}

.focus\:placeholder-esab-card-secondary-blue:focus::placeholder{
  --placeholder-opacity:1;
  color:#6491EB;
  color:rgba(100, 145, 235, var(--placeholder-opacity))
}

.focus\:placeholder-esab-red:focus::placeholder{
  --placeholder-opacity:1;
  color:#E23900;
  color:rgba(226, 57, 0, var(--placeholder-opacity))
}

.focus\:placeholder-esab-red-highlight:focus::placeholder{
  --placeholder-opacity:1;
  color:#ed6031;
  color:rgba(237, 96, 49, var(--placeholder-opacity))
}

.focus\:placeholder-assembly-color:focus::placeholder{
  --placeholder-opacity:1;
  color:#c7074e;
  color:rgba(199, 7, 78, var(--placeholder-opacity))
}

.placeholder-opacity-0::placeholder{
  --placeholder-opacity:0
}

.placeholder-opacity-10::placeholder{
  --placeholder-opacity:.1
}

.placeholder-opacity-20::placeholder{
  --placeholder-opacity:.20
}

.placeholder-opacity-25::placeholder{
  --placeholder-opacity:.25
}

.placeholder-opacity-50::placeholder{
  --placeholder-opacity:.5
}

.placeholder-opacity-75::placeholder{
  --placeholder-opacity:.75
}

.placeholder-opacity-100::placeholder{
  --placeholder-opacity:1
}

.focus\:placeholder-opacity-0:focus::placeholder{
  --placeholder-opacity:0
}

.focus\:placeholder-opacity-10:focus::placeholder{
  --placeholder-opacity:.1
}

.focus\:placeholder-opacity-20:focus::placeholder{
  --placeholder-opacity:.20
}

.focus\:placeholder-opacity-25:focus::placeholder{
  --placeholder-opacity:.25
}

.focus\:placeholder-opacity-50:focus::placeholder{
  --placeholder-opacity:.5
}

.focus\:placeholder-opacity-75:focus::placeholder{
  --placeholder-opacity:.75
}

.focus\:placeholder-opacity-100:focus::placeholder{
  --placeholder-opacity:1
}

.pointer-events-none{
  pointer-events:none
}

.pointer-events-auto{
  pointer-events:auto
}

.static{
  position:static
}

.fixed{
  position:fixed
}

.absolute{
  position:absolute
}

.relative{
  position:relative
}

.sticky{
  position:sticky
}

.inset-0{
  top:0;
  right:0;
  bottom:0;
  left:0
}

.inset-auto{
  top:auto;
  right:auto;
  bottom:auto;
  left:auto
}

.inset-y-0{
  top:0;
  bottom:0
}

.inset-x-0{
  right:0;
  left:0
}

.inset-y-auto{
  top:auto;
  bottom:auto
}

.inset-x-auto{
  right:auto;
  left:auto
}

.top-0{
  top:0
}

.right-0{
  right:0
}

.bottom-0{
  bottom:0
}

.left-0{
  left:0
}

.top-auto{
  top:auto
}

.right-auto{
  right:auto
}

.bottom-auto{
  bottom:auto
}

.left-auto{
  left:auto
}

.resize-none{
  resize:none
}

.resize-y{
  resize:vertical
}

.resize-x{
  resize:horizontal
}

.resize{
  resize:both
}

.shadow{
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.10)
}

.shadow-md{
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)
}

.shadow-lg{
  box-shadow:0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)
}

.shadow-inner{
  box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.06)
}

.shadow-outline{
  box-shadow:0 0 0 3px rgba(52,144,220,0.5)
}

.shadow-none{
  box-shadow:none
}

.hover\:shadow:hover{
  box-shadow:0 2px 4px 0 rgba(0,0,0,0.10)
}

.hover\:shadow-md:hover{
  box-shadow:0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)
}

.hover\:shadow-lg:hover{
  box-shadow:0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)
}

.hover\:shadow-inner:hover{
  box-shadow:inset 0 2px 4px 0 rgba(0,0,0,0.06)
}

.hover\:shadow-outline:hover{
  box-shadow:0 0 0 3px rgba(52,144,220,0.5)
}

.hover\:shadow-none:hover{
  box-shadow:none
}

.fill-current{
  fill:currentColor
}

.stroke-current{
  stroke:currentColor
}

.stroke-0{
  stroke-width:0
}

.stroke-1{
  stroke-width:1
}

.stroke-2{
  stroke-width:2
}

.table-auto{
  table-layout:auto
}

.table-fixed{
  table-layout:fixed
}

.text-left{
  text-align:left
}

.text-center{
  text-align:center
}

.text-right{
  text-align:right
}

.text-justify{
  text-align:justify
}

.text-transparent{
  color:transparent
}

.text-black{
  --text-opacity:1;
  color:#22292f;
  color:rgba(34, 41, 47, var(--text-opacity))
}

.text-real-black{
  --text-opacity:1;
  color:#000;
  color:rgba(0, 0, 0, var(--text-opacity))
}

.text-gray-800{
  --text-opacity:1;
  color:#3d4852;
  color:rgba(61, 72, 82, var(--text-opacity))
}

.text-gray-700{
  --text-opacity:1;
  color:#606f7b;
  color:rgba(96, 111, 123, var(--text-opacity))
}

.text-gray-600{
  --text-opacity:1;
  color:#8795a1;
  color:rgba(135, 149, 161, var(--text-opacity))
}

.text-gray{
  --text-opacity:1;
  color:#b8c2cc;
  color:rgba(184, 194, 204, var(--text-opacity))
}

.text-gray-400{
  --text-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--text-opacity))
}

.text-gray-200{
  --text-opacity:1;
  color:#f1f5f8;
  color:rgba(241, 245, 248, var(--text-opacity))
}

.text-gray-100{
  --text-opacity:1;
  color:#f8fafc;
  color:rgba(248, 250, 252, var(--text-opacity))
}

.text-white{
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.text-off-white{
  --text-opacity:1;
  color:#f7fafc;
  color:rgba(247, 250, 252, var(--text-opacity))
}

.text-grey-weldnote{
  --text-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--text-opacity))
}

.text-red-900{
  --text-opacity:1;
  color:#3b0d0c;
  color:rgba(59, 13, 12, var(--text-opacity))
}

.text-red-800{
  --text-opacity:1;
  color:#621b18;
  color:rgba(98, 27, 24, var(--text-opacity))
}

.text-red-600{
  --text-opacity:1;
  color:#cc1f1a;
  color:rgba(204, 31, 26, var(--text-opacity))
}

.text-red{
  --text-opacity:1;
  color:#e3342f;
  color:rgba(227, 52, 47, var(--text-opacity))
}

.text-red-400{
  --text-opacity:1;
  color:#ef5753;
  color:rgba(239, 87, 83, var(--text-opacity))
}

.text-red-200{
  --text-opacity:1;
  color:#f9acaa;
  color:rgba(249, 172, 170, var(--text-opacity))
}

.text-red-100{
  --text-opacity:1;
  color:#fcebea;
  color:rgba(252, 235, 234, var(--text-opacity))
}

.text-yellow-900{
  --text-opacity:1;
  color:#453411;
  color:rgba(69, 52, 17, var(--text-opacity))
}

.text-yellow-800{
  --text-opacity:1;
  color:#a77f2e;
  color:rgba(167, 127, 46, var(--text-opacity))
}

.text-yellow-600{
  --text-opacity:1;
  color:#f2d024;
  color:rgba(242, 208, 36, var(--text-opacity))
}

.text-yellow{
  --text-opacity:1;
  color:#ffed4a;
  color:rgba(255, 237, 74, var(--text-opacity))
}

.text-yellow-400{
  --text-opacity:1;
  color:#fff382;
  color:rgba(255, 243, 130, var(--text-opacity))
}

.text-yellow-200{
  --text-opacity:1;
  color:#fff9c2;
  color:rgba(255, 249, 194, var(--text-opacity))
}

.text-yellow-100{
  --text-opacity:1;
  color:#fcfbeb;
  color:rgba(252, 251, 235, var(--text-opacity))
}

.text-green-900{
  --text-opacity:1;
  color:#0f2f21;
  color:rgba(15, 47, 33, var(--text-opacity))
}

.text-green-800{
  --text-opacity:1;
  color:#1a4731;
  color:rgba(26, 71, 49, var(--text-opacity))
}

.text-green-600{
  --text-opacity:1;
  color:#1f9d55;
  color:rgba(31, 157, 85, var(--text-opacity))
}

.text-green{
  --text-opacity:1;
  color:#38c172;
  color:rgba(56, 193, 114, var(--text-opacity))
}

.text-green-400{
  --text-opacity:1;
  color:#51d88a;
  color:rgba(81, 216, 138, var(--text-opacity))
}

.text-green-200{
  --text-opacity:1;
  color:#a2f5bf;
  color:rgba(162, 245, 191, var(--text-opacity))
}

.text-green-100{
  --text-opacity:1;
  color:#e3fcec;
  color:rgba(227, 252, 236, var(--text-opacity))
}

.text-blue-modal{
  --text-opacity:1;
  color:#2e4050;
  color:rgba(46, 64, 80, var(--text-opacity))
}

.text-blue-900{
  --text-opacity:1;
  color:#12283a;
  color:rgba(18, 40, 58, var(--text-opacity))
}

.text-blue-800{
  --text-opacity:1;
  color:#1c3d5a;
  color:rgba(28, 61, 90, var(--text-opacity))
}

.text-blue-600{
  --text-opacity:1;
  color:#2779bd;
  color:rgba(39, 121, 189, var(--text-opacity))
}

.text-blue{
  --text-opacity:1;
  color:#3498db;
  color:rgba(52, 152, 219, var(--text-opacity))
}

.text-blue-400{
  --text-opacity:1;
  color:#6cb2eb;
  color:rgba(108, 178, 235, var(--text-opacity))
}

.text-blue-200{
  --text-opacity:1;
  color:#bcdefa;
  color:rgba(188, 222, 250, var(--text-opacity))
}

.text-blue-100{
  --text-opacity:1;
  color:#eff8ff;
  color:rgba(239, 248, 255, var(--text-opacity))
}

.text-purple-900{
  --text-opacity:1;
  color:#21183c;
  color:rgba(33, 24, 60, var(--text-opacity))
}

.text-purple-800{
  --text-opacity:1;
  color:#382b5f;
  color:rgba(56, 43, 95, var(--text-opacity))
}

.text-purple-600{
  --text-opacity:1;
  color:#794acf;
  color:rgba(121, 74, 207, var(--text-opacity))
}

.text-purple{
  --text-opacity:1;
  color:#9561e2;
  color:rgba(149, 97, 226, var(--text-opacity))
}

.text-purple-400{
  --text-opacity:1;
  color:#a779e9;
  color:rgba(167, 121, 233, var(--text-opacity))
}

.text-purple-200{
  --text-opacity:1;
  color:#d6bbfc;
  color:rgba(214, 187, 252, var(--text-opacity))
}

.text-purple-100{
  --text-opacity:1;
  color:#f3ebff;
  color:rgba(243, 235, 255, var(--text-opacity))
}

.text-orange-900{
  --text-opacity:1;
  color:#462a16;
  color:rgba(70, 42, 22, var(--text-opacity))
}

.text-orange-800{
  --text-opacity:1;
  color:#613b1f;
  color:rgba(97, 59, 31, var(--text-opacity))
}

.text-orange-600{
  --text-opacity:1;
  color:#de751f;
  color:rgba(222, 117, 31, var(--text-opacity))
}

.text-orange{
  --text-opacity:1;
  color:#f6993f;
  color:rgba(246, 153, 63, var(--text-opacity))
}

.text-orange-400{
  --text-opacity:1;
  color:#faad63;
  color:rgba(250, 173, 99, var(--text-opacity))
}

.text-orange-200{
  --text-opacity:1;
  color:#fcd9b6;
  color:rgba(252, 217, 182, var(--text-opacity))
}

.text-orange-100{
  --text-opacity:1;
  color:#fff5eb;
  color:rgba(255, 245, 235, var(--text-opacity))
}

.text-esab-gray{
  --text-opacity:1;
  color:#cecfd0;
  color:rgba(206, 207, 208, var(--text-opacity))
}

.text-esab-orange{
  --text-opacity:1;
  color:#da7129;
  color:rgba(218, 113, 41, var(--text-opacity))
}

.text-esab-darkgrey{
  --text-opacity:1;
  color:#373338;
  color:rgba(55, 51, 56, var(--text-opacity))
}

.text-esab-background{
  --text-opacity:1;
  color:#f0f0f0;
  color:rgba(240, 240, 240, var(--text-opacity))
}

.text-esab-icon-blue{
  --text-opacity:1;
  color:#0B7DA8;
  color:rgba(11, 125, 168, var(--text-opacity))
}

.text-esab-sidebar-blue{
  --text-opacity:1;
  color:#c7d0d8;
  color:rgba(199, 208, 216, var(--text-opacity))
}

.text-esab-sidebar-blue-active{
  --text-opacity:1;
  color:#174167;
  color:rgba(23, 65, 103, var(--text-opacity))
}

.text-esab-sidebar-blue-arrow{
  --text-opacity:1;
  color:#164167;
  color:rgba(22, 65, 103, var(--text-opacity))
}

.text-esab-black{
  --text-opacity:1;
  color:#26292A;
  color:rgba(38, 41, 42, var(--text-opacity))
}

.text-esab-primary-blue{
  --text-opacity:1;
  color:#1A61A1;
  color:rgba(26, 97, 161, var(--text-opacity))
}

.text-esab-primary-blue-light{
  --text-opacity:1;
  color:#347fc3;
  color:rgba(52, 127, 195, var(--text-opacity))
}

.text-esab-secondary-blue{
  --text-opacity:1;
  color:#6ca1cd;
  color:rgba(108, 161, 205, var(--text-opacity))
}

.text-esab-card-blue{
  --text-opacity:1;
  color:#2961A1;
  color:rgba(41, 97, 161, var(--text-opacity))
}

.text-esab-card-secondary-blue{
  --text-opacity:1;
  color:#6491EB;
  color:rgba(100, 145, 235, var(--text-opacity))
}

.text-esab-red{
  --text-opacity:1;
  color:#E23900;
  color:rgba(226, 57, 0, var(--text-opacity))
}

.text-esab-red-highlight{
  --text-opacity:1;
  color:#ed6031;
  color:rgba(237, 96, 49, var(--text-opacity))
}

.text-assembly-color{
  --text-opacity:1;
  color:#c7074e;
  color:rgba(199, 7, 78, var(--text-opacity))
}

.hover\:text-transparent:hover{
  color:transparent
}

.hover\:text-black:hover{
  --text-opacity:1;
  color:#22292f;
  color:rgba(34, 41, 47, var(--text-opacity))
}

.hover\:text-real-black:hover{
  --text-opacity:1;
  color:#000;
  color:rgba(0, 0, 0, var(--text-opacity))
}

.hover\:text-gray-800:hover{
  --text-opacity:1;
  color:#3d4852;
  color:rgba(61, 72, 82, var(--text-opacity))
}

.hover\:text-gray-700:hover{
  --text-opacity:1;
  color:#606f7b;
  color:rgba(96, 111, 123, var(--text-opacity))
}

.hover\:text-gray-600:hover{
  --text-opacity:1;
  color:#8795a1;
  color:rgba(135, 149, 161, var(--text-opacity))
}

.hover\:text-gray:hover{
  --text-opacity:1;
  color:#b8c2cc;
  color:rgba(184, 194, 204, var(--text-opacity))
}

.hover\:text-gray-400:hover{
  --text-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--text-opacity))
}

.hover\:text-gray-200:hover{
  --text-opacity:1;
  color:#f1f5f8;
  color:rgba(241, 245, 248, var(--text-opacity))
}

.hover\:text-gray-100:hover{
  --text-opacity:1;
  color:#f8fafc;
  color:rgba(248, 250, 252, var(--text-opacity))
}

.hover\:text-white:hover{
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.hover\:text-off-white:hover{
  --text-opacity:1;
  color:#f7fafc;
  color:rgba(247, 250, 252, var(--text-opacity))
}

.hover\:text-grey-weldnote:hover{
  --text-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--text-opacity))
}

.hover\:text-red-900:hover{
  --text-opacity:1;
  color:#3b0d0c;
  color:rgba(59, 13, 12, var(--text-opacity))
}

.hover\:text-red-800:hover{
  --text-opacity:1;
  color:#621b18;
  color:rgba(98, 27, 24, var(--text-opacity))
}

.hover\:text-red-600:hover{
  --text-opacity:1;
  color:#cc1f1a;
  color:rgba(204, 31, 26, var(--text-opacity))
}

.hover\:text-red:hover{
  --text-opacity:1;
  color:#e3342f;
  color:rgba(227, 52, 47, var(--text-opacity))
}

.hover\:text-red-400:hover{
  --text-opacity:1;
  color:#ef5753;
  color:rgba(239, 87, 83, var(--text-opacity))
}

.hover\:text-red-200:hover{
  --text-opacity:1;
  color:#f9acaa;
  color:rgba(249, 172, 170, var(--text-opacity))
}

.hover\:text-red-100:hover{
  --text-opacity:1;
  color:#fcebea;
  color:rgba(252, 235, 234, var(--text-opacity))
}

.hover\:text-yellow-900:hover{
  --text-opacity:1;
  color:#453411;
  color:rgba(69, 52, 17, var(--text-opacity))
}

.hover\:text-yellow-800:hover{
  --text-opacity:1;
  color:#a77f2e;
  color:rgba(167, 127, 46, var(--text-opacity))
}

.hover\:text-yellow-600:hover{
  --text-opacity:1;
  color:#f2d024;
  color:rgba(242, 208, 36, var(--text-opacity))
}

.hover\:text-yellow:hover{
  --text-opacity:1;
  color:#ffed4a;
  color:rgba(255, 237, 74, var(--text-opacity))
}

.hover\:text-yellow-400:hover{
  --text-opacity:1;
  color:#fff382;
  color:rgba(255, 243, 130, var(--text-opacity))
}

.hover\:text-yellow-200:hover{
  --text-opacity:1;
  color:#fff9c2;
  color:rgba(255, 249, 194, var(--text-opacity))
}

.hover\:text-yellow-100:hover{
  --text-opacity:1;
  color:#fcfbeb;
  color:rgba(252, 251, 235, var(--text-opacity))
}

.hover\:text-green-900:hover{
  --text-opacity:1;
  color:#0f2f21;
  color:rgba(15, 47, 33, var(--text-opacity))
}

.hover\:text-green-800:hover{
  --text-opacity:1;
  color:#1a4731;
  color:rgba(26, 71, 49, var(--text-opacity))
}

.hover\:text-green-600:hover{
  --text-opacity:1;
  color:#1f9d55;
  color:rgba(31, 157, 85, var(--text-opacity))
}

.hover\:text-green:hover{
  --text-opacity:1;
  color:#38c172;
  color:rgba(56, 193, 114, var(--text-opacity))
}

.hover\:text-green-400:hover{
  --text-opacity:1;
  color:#51d88a;
  color:rgba(81, 216, 138, var(--text-opacity))
}

.hover\:text-green-200:hover{
  --text-opacity:1;
  color:#a2f5bf;
  color:rgba(162, 245, 191, var(--text-opacity))
}

.hover\:text-green-100:hover{
  --text-opacity:1;
  color:#e3fcec;
  color:rgba(227, 252, 236, var(--text-opacity))
}

.hover\:text-blue-modal:hover{
  --text-opacity:1;
  color:#2e4050;
  color:rgba(46, 64, 80, var(--text-opacity))
}

.hover\:text-blue-900:hover{
  --text-opacity:1;
  color:#12283a;
  color:rgba(18, 40, 58, var(--text-opacity))
}

.hover\:text-blue-800:hover{
  --text-opacity:1;
  color:#1c3d5a;
  color:rgba(28, 61, 90, var(--text-opacity))
}

.hover\:text-blue-600:hover{
  --text-opacity:1;
  color:#2779bd;
  color:rgba(39, 121, 189, var(--text-opacity))
}

.hover\:text-blue:hover{
  --text-opacity:1;
  color:#3498db;
  color:rgba(52, 152, 219, var(--text-opacity))
}

.hover\:text-blue-400:hover{
  --text-opacity:1;
  color:#6cb2eb;
  color:rgba(108, 178, 235, var(--text-opacity))
}

.hover\:text-blue-200:hover{
  --text-opacity:1;
  color:#bcdefa;
  color:rgba(188, 222, 250, var(--text-opacity))
}

.hover\:text-blue-100:hover{
  --text-opacity:1;
  color:#eff8ff;
  color:rgba(239, 248, 255, var(--text-opacity))
}

.hover\:text-purple-900:hover{
  --text-opacity:1;
  color:#21183c;
  color:rgba(33, 24, 60, var(--text-opacity))
}

.hover\:text-purple-800:hover{
  --text-opacity:1;
  color:#382b5f;
  color:rgba(56, 43, 95, var(--text-opacity))
}

.hover\:text-purple-600:hover{
  --text-opacity:1;
  color:#794acf;
  color:rgba(121, 74, 207, var(--text-opacity))
}

.hover\:text-purple:hover{
  --text-opacity:1;
  color:#9561e2;
  color:rgba(149, 97, 226, var(--text-opacity))
}

.hover\:text-purple-400:hover{
  --text-opacity:1;
  color:#a779e9;
  color:rgba(167, 121, 233, var(--text-opacity))
}

.hover\:text-purple-200:hover{
  --text-opacity:1;
  color:#d6bbfc;
  color:rgba(214, 187, 252, var(--text-opacity))
}

.hover\:text-purple-100:hover{
  --text-opacity:1;
  color:#f3ebff;
  color:rgba(243, 235, 255, var(--text-opacity))
}

.hover\:text-orange-900:hover{
  --text-opacity:1;
  color:#462a16;
  color:rgba(70, 42, 22, var(--text-opacity))
}

.hover\:text-orange-800:hover{
  --text-opacity:1;
  color:#613b1f;
  color:rgba(97, 59, 31, var(--text-opacity))
}

.hover\:text-orange-600:hover{
  --text-opacity:1;
  color:#de751f;
  color:rgba(222, 117, 31, var(--text-opacity))
}

.hover\:text-orange:hover{
  --text-opacity:1;
  color:#f6993f;
  color:rgba(246, 153, 63, var(--text-opacity))
}

.hover\:text-orange-400:hover{
  --text-opacity:1;
  color:#faad63;
  color:rgba(250, 173, 99, var(--text-opacity))
}

.hover\:text-orange-200:hover{
  --text-opacity:1;
  color:#fcd9b6;
  color:rgba(252, 217, 182, var(--text-opacity))
}

.hover\:text-orange-100:hover{
  --text-opacity:1;
  color:#fff5eb;
  color:rgba(255, 245, 235, var(--text-opacity))
}

.hover\:text-esab-gray:hover{
  --text-opacity:1;
  color:#cecfd0;
  color:rgba(206, 207, 208, var(--text-opacity))
}

.hover\:text-esab-orange:hover{
  --text-opacity:1;
  color:#da7129;
  color:rgba(218, 113, 41, var(--text-opacity))
}

.hover\:text-esab-darkgrey:hover{
  --text-opacity:1;
  color:#373338;
  color:rgba(55, 51, 56, var(--text-opacity))
}

.hover\:text-esab-background:hover{
  --text-opacity:1;
  color:#f0f0f0;
  color:rgba(240, 240, 240, var(--text-opacity))
}

.hover\:text-esab-icon-blue:hover{
  --text-opacity:1;
  color:#0B7DA8;
  color:rgba(11, 125, 168, var(--text-opacity))
}

.hover\:text-esab-sidebar-blue:hover{
  --text-opacity:1;
  color:#c7d0d8;
  color:rgba(199, 208, 216, var(--text-opacity))
}

.hover\:text-esab-sidebar-blue-active:hover{
  --text-opacity:1;
  color:#174167;
  color:rgba(23, 65, 103, var(--text-opacity))
}

.hover\:text-esab-sidebar-blue-arrow:hover{
  --text-opacity:1;
  color:#164167;
  color:rgba(22, 65, 103, var(--text-opacity))
}

.hover\:text-esab-black:hover{
  --text-opacity:1;
  color:#26292A;
  color:rgba(38, 41, 42, var(--text-opacity))
}

.hover\:text-esab-primary-blue:hover{
  --text-opacity:1;
  color:#1A61A1;
  color:rgba(26, 97, 161, var(--text-opacity))
}

.hover\:text-esab-primary-blue-light:hover{
  --text-opacity:1;
  color:#347fc3;
  color:rgba(52, 127, 195, var(--text-opacity))
}

.hover\:text-esab-secondary-blue:hover{
  --text-opacity:1;
  color:#6ca1cd;
  color:rgba(108, 161, 205, var(--text-opacity))
}

.hover\:text-esab-card-blue:hover{
  --text-opacity:1;
  color:#2961A1;
  color:rgba(41, 97, 161, var(--text-opacity))
}

.hover\:text-esab-card-secondary-blue:hover{
  --text-opacity:1;
  color:#6491EB;
  color:rgba(100, 145, 235, var(--text-opacity))
}

.hover\:text-esab-red:hover{
  --text-opacity:1;
  color:#E23900;
  color:rgba(226, 57, 0, var(--text-opacity))
}

.hover\:text-esab-red-highlight:hover{
  --text-opacity:1;
  color:#ed6031;
  color:rgba(237, 96, 49, var(--text-opacity))
}

.hover\:text-assembly-color:hover{
  --text-opacity:1;
  color:#c7074e;
  color:rgba(199, 7, 78, var(--text-opacity))
}

.group:hover .group-hover\:text-transparent{
  color:transparent
}

.group:hover .group-hover\:text-black{
  --text-opacity:1;
  color:#22292f;
  color:rgba(34, 41, 47, var(--text-opacity))
}

.group:hover .group-hover\:text-real-black{
  --text-opacity:1;
  color:#000;
  color:rgba(0, 0, 0, var(--text-opacity))
}

.group:hover .group-hover\:text-gray-800{
  --text-opacity:1;
  color:#3d4852;
  color:rgba(61, 72, 82, var(--text-opacity))
}

.group:hover .group-hover\:text-gray-700{
  --text-opacity:1;
  color:#606f7b;
  color:rgba(96, 111, 123, var(--text-opacity))
}

.group:hover .group-hover\:text-gray-600{
  --text-opacity:1;
  color:#8795a1;
  color:rgba(135, 149, 161, var(--text-opacity))
}

.group:hover .group-hover\:text-gray{
  --text-opacity:1;
  color:#b8c2cc;
  color:rgba(184, 194, 204, var(--text-opacity))
}

.group:hover .group-hover\:text-gray-400{
  --text-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--text-opacity))
}

.group:hover .group-hover\:text-gray-200{
  --text-opacity:1;
  color:#f1f5f8;
  color:rgba(241, 245, 248, var(--text-opacity))
}

.group:hover .group-hover\:text-gray-100{
  --text-opacity:1;
  color:#f8fafc;
  color:rgba(248, 250, 252, var(--text-opacity))
}

.group:hover .group-hover\:text-white{
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.group:hover .group-hover\:text-off-white{
  --text-opacity:1;
  color:#f7fafc;
  color:rgba(247, 250, 252, var(--text-opacity))
}

.group:hover .group-hover\:text-grey-weldnote{
  --text-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--text-opacity))
}

.group:hover .group-hover\:text-red-900{
  --text-opacity:1;
  color:#3b0d0c;
  color:rgba(59, 13, 12, var(--text-opacity))
}

.group:hover .group-hover\:text-red-800{
  --text-opacity:1;
  color:#621b18;
  color:rgba(98, 27, 24, var(--text-opacity))
}

.group:hover .group-hover\:text-red-600{
  --text-opacity:1;
  color:#cc1f1a;
  color:rgba(204, 31, 26, var(--text-opacity))
}

.group:hover .group-hover\:text-red{
  --text-opacity:1;
  color:#e3342f;
  color:rgba(227, 52, 47, var(--text-opacity))
}

.group:hover .group-hover\:text-red-400{
  --text-opacity:1;
  color:#ef5753;
  color:rgba(239, 87, 83, var(--text-opacity))
}

.group:hover .group-hover\:text-red-200{
  --text-opacity:1;
  color:#f9acaa;
  color:rgba(249, 172, 170, var(--text-opacity))
}

.group:hover .group-hover\:text-red-100{
  --text-opacity:1;
  color:#fcebea;
  color:rgba(252, 235, 234, var(--text-opacity))
}

.group:hover .group-hover\:text-yellow-900{
  --text-opacity:1;
  color:#453411;
  color:rgba(69, 52, 17, var(--text-opacity))
}

.group:hover .group-hover\:text-yellow-800{
  --text-opacity:1;
  color:#a77f2e;
  color:rgba(167, 127, 46, var(--text-opacity))
}

.group:hover .group-hover\:text-yellow-600{
  --text-opacity:1;
  color:#f2d024;
  color:rgba(242, 208, 36, var(--text-opacity))
}

.group:hover .group-hover\:text-yellow{
  --text-opacity:1;
  color:#ffed4a;
  color:rgba(255, 237, 74, var(--text-opacity))
}

.group:hover .group-hover\:text-yellow-400{
  --text-opacity:1;
  color:#fff382;
  color:rgba(255, 243, 130, var(--text-opacity))
}

.group:hover .group-hover\:text-yellow-200{
  --text-opacity:1;
  color:#fff9c2;
  color:rgba(255, 249, 194, var(--text-opacity))
}

.group:hover .group-hover\:text-yellow-100{
  --text-opacity:1;
  color:#fcfbeb;
  color:rgba(252, 251, 235, var(--text-opacity))
}

.group:hover .group-hover\:text-green-900{
  --text-opacity:1;
  color:#0f2f21;
  color:rgba(15, 47, 33, var(--text-opacity))
}

.group:hover .group-hover\:text-green-800{
  --text-opacity:1;
  color:#1a4731;
  color:rgba(26, 71, 49, var(--text-opacity))
}

.group:hover .group-hover\:text-green-600{
  --text-opacity:1;
  color:#1f9d55;
  color:rgba(31, 157, 85, var(--text-opacity))
}

.group:hover .group-hover\:text-green{
  --text-opacity:1;
  color:#38c172;
  color:rgba(56, 193, 114, var(--text-opacity))
}

.group:hover .group-hover\:text-green-400{
  --text-opacity:1;
  color:#51d88a;
  color:rgba(81, 216, 138, var(--text-opacity))
}

.group:hover .group-hover\:text-green-200{
  --text-opacity:1;
  color:#a2f5bf;
  color:rgba(162, 245, 191, var(--text-opacity))
}

.group:hover .group-hover\:text-green-100{
  --text-opacity:1;
  color:#e3fcec;
  color:rgba(227, 252, 236, var(--text-opacity))
}

.group:hover .group-hover\:text-blue-modal{
  --text-opacity:1;
  color:#2e4050;
  color:rgba(46, 64, 80, var(--text-opacity))
}

.group:hover .group-hover\:text-blue-900{
  --text-opacity:1;
  color:#12283a;
  color:rgba(18, 40, 58, var(--text-opacity))
}

.group:hover .group-hover\:text-blue-800{
  --text-opacity:1;
  color:#1c3d5a;
  color:rgba(28, 61, 90, var(--text-opacity))
}

.group:hover .group-hover\:text-blue-600{
  --text-opacity:1;
  color:#2779bd;
  color:rgba(39, 121, 189, var(--text-opacity))
}

.group:hover .group-hover\:text-blue{
  --text-opacity:1;
  color:#3498db;
  color:rgba(52, 152, 219, var(--text-opacity))
}

.group:hover .group-hover\:text-blue-400{
  --text-opacity:1;
  color:#6cb2eb;
  color:rgba(108, 178, 235, var(--text-opacity))
}

.group:hover .group-hover\:text-blue-200{
  --text-opacity:1;
  color:#bcdefa;
  color:rgba(188, 222, 250, var(--text-opacity))
}

.group:hover .group-hover\:text-blue-100{
  --text-opacity:1;
  color:#eff8ff;
  color:rgba(239, 248, 255, var(--text-opacity))
}

.group:hover .group-hover\:text-purple-900{
  --text-opacity:1;
  color:#21183c;
  color:rgba(33, 24, 60, var(--text-opacity))
}

.group:hover .group-hover\:text-purple-800{
  --text-opacity:1;
  color:#382b5f;
  color:rgba(56, 43, 95, var(--text-opacity))
}

.group:hover .group-hover\:text-purple-600{
  --text-opacity:1;
  color:#794acf;
  color:rgba(121, 74, 207, var(--text-opacity))
}

.group:hover .group-hover\:text-purple{
  --text-opacity:1;
  color:#9561e2;
  color:rgba(149, 97, 226, var(--text-opacity))
}

.group:hover .group-hover\:text-purple-400{
  --text-opacity:1;
  color:#a779e9;
  color:rgba(167, 121, 233, var(--text-opacity))
}

.group:hover .group-hover\:text-purple-200{
  --text-opacity:1;
  color:#d6bbfc;
  color:rgba(214, 187, 252, var(--text-opacity))
}

.group:hover .group-hover\:text-purple-100{
  --text-opacity:1;
  color:#f3ebff;
  color:rgba(243, 235, 255, var(--text-opacity))
}

.group:hover .group-hover\:text-orange-900{
  --text-opacity:1;
  color:#462a16;
  color:rgba(70, 42, 22, var(--text-opacity))
}

.group:hover .group-hover\:text-orange-800{
  --text-opacity:1;
  color:#613b1f;
  color:rgba(97, 59, 31, var(--text-opacity))
}

.group:hover .group-hover\:text-orange-600{
  --text-opacity:1;
  color:#de751f;
  color:rgba(222, 117, 31, var(--text-opacity))
}

.group:hover .group-hover\:text-orange{
  --text-opacity:1;
  color:#f6993f;
  color:rgba(246, 153, 63, var(--text-opacity))
}

.group:hover .group-hover\:text-orange-400{
  --text-opacity:1;
  color:#faad63;
  color:rgba(250, 173, 99, var(--text-opacity))
}

.group:hover .group-hover\:text-orange-200{
  --text-opacity:1;
  color:#fcd9b6;
  color:rgba(252, 217, 182, var(--text-opacity))
}

.group:hover .group-hover\:text-orange-100{
  --text-opacity:1;
  color:#fff5eb;
  color:rgba(255, 245, 235, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-gray{
  --text-opacity:1;
  color:#cecfd0;
  color:rgba(206, 207, 208, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-orange{
  --text-opacity:1;
  color:#da7129;
  color:rgba(218, 113, 41, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-darkgrey{
  --text-opacity:1;
  color:#373338;
  color:rgba(55, 51, 56, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-background{
  --text-opacity:1;
  color:#f0f0f0;
  color:rgba(240, 240, 240, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-icon-blue{
  --text-opacity:1;
  color:#0B7DA8;
  color:rgba(11, 125, 168, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-sidebar-blue{
  --text-opacity:1;
  color:#c7d0d8;
  color:rgba(199, 208, 216, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-sidebar-blue-active{
  --text-opacity:1;
  color:#174167;
  color:rgba(23, 65, 103, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-sidebar-blue-arrow{
  --text-opacity:1;
  color:#164167;
  color:rgba(22, 65, 103, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-black{
  --text-opacity:1;
  color:#26292A;
  color:rgba(38, 41, 42, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-primary-blue{
  --text-opacity:1;
  color:#1A61A1;
  color:rgba(26, 97, 161, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-primary-blue-light{
  --text-opacity:1;
  color:#347fc3;
  color:rgba(52, 127, 195, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-secondary-blue{
  --text-opacity:1;
  color:#6ca1cd;
  color:rgba(108, 161, 205, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-card-blue{
  --text-opacity:1;
  color:#2961A1;
  color:rgba(41, 97, 161, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-card-secondary-blue{
  --text-opacity:1;
  color:#6491EB;
  color:rgba(100, 145, 235, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-red{
  --text-opacity:1;
  color:#E23900;
  color:rgba(226, 57, 0, var(--text-opacity))
}

.group:hover .group-hover\:text-esab-red-highlight{
  --text-opacity:1;
  color:#ed6031;
  color:rgba(237, 96, 49, var(--text-opacity))
}

.group:hover .group-hover\:text-assembly-color{
  --text-opacity:1;
  color:#c7074e;
  color:rgba(199, 7, 78, var(--text-opacity))
}

.focus\:text-transparent:focus{
  color:transparent
}

.focus\:text-black:focus{
  --text-opacity:1;
  color:#22292f;
  color:rgba(34, 41, 47, var(--text-opacity))
}

.focus\:text-real-black:focus{
  --text-opacity:1;
  color:#000;
  color:rgba(0, 0, 0, var(--text-opacity))
}

.focus\:text-gray-800:focus{
  --text-opacity:1;
  color:#3d4852;
  color:rgba(61, 72, 82, var(--text-opacity))
}

.focus\:text-gray-700:focus{
  --text-opacity:1;
  color:#606f7b;
  color:rgba(96, 111, 123, var(--text-opacity))
}

.focus\:text-gray-600:focus{
  --text-opacity:1;
  color:#8795a1;
  color:rgba(135, 149, 161, var(--text-opacity))
}

.focus\:text-gray:focus{
  --text-opacity:1;
  color:#b8c2cc;
  color:rgba(184, 194, 204, var(--text-opacity))
}

.focus\:text-gray-400:focus{
  --text-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--text-opacity))
}

.focus\:text-gray-200:focus{
  --text-opacity:1;
  color:#f1f5f8;
  color:rgba(241, 245, 248, var(--text-opacity))
}

.focus\:text-gray-100:focus{
  --text-opacity:1;
  color:#f8fafc;
  color:rgba(248, 250, 252, var(--text-opacity))
}

.focus\:text-white:focus{
  --text-opacity:1;
  color:#ffffff;
  color:rgba(255, 255, 255, var(--text-opacity))
}

.focus\:text-off-white:focus{
  --text-opacity:1;
  color:#f7fafc;
  color:rgba(247, 250, 252, var(--text-opacity))
}

.focus\:text-grey-weldnote:focus{
  --text-opacity:1;
  color:#dae1e7;
  color:rgba(218, 225, 231, var(--text-opacity))
}

.focus\:text-red-900:focus{
  --text-opacity:1;
  color:#3b0d0c;
  color:rgba(59, 13, 12, var(--text-opacity))
}

.focus\:text-red-800:focus{
  --text-opacity:1;
  color:#621b18;
  color:rgba(98, 27, 24, var(--text-opacity))
}

.focus\:text-red-600:focus{
  --text-opacity:1;
  color:#cc1f1a;
  color:rgba(204, 31, 26, var(--text-opacity))
}

.focus\:text-red:focus{
  --text-opacity:1;
  color:#e3342f;
  color:rgba(227, 52, 47, var(--text-opacity))
}

.focus\:text-red-400:focus{
  --text-opacity:1;
  color:#ef5753;
  color:rgba(239, 87, 83, var(--text-opacity))
}

.focus\:text-red-200:focus{
  --text-opacity:1;
  color:#f9acaa;
  color:rgba(249, 172, 170, var(--text-opacity))
}

.focus\:text-red-100:focus{
  --text-opacity:1;
  color:#fcebea;
  color:rgba(252, 235, 234, var(--text-opacity))
}

.focus\:text-yellow-900:focus{
  --text-opacity:1;
  color:#453411;
  color:rgba(69, 52, 17, var(--text-opacity))
}

.focus\:text-yellow-800:focus{
  --text-opacity:1;
  color:#a77f2e;
  color:rgba(167, 127, 46, var(--text-opacity))
}

.focus\:text-yellow-600:focus{
  --text-opacity:1;
  color:#f2d024;
  color:rgba(242, 208, 36, var(--text-opacity))
}

.focus\:text-yellow:focus{
  --text-opacity:1;
  color:#ffed4a;
  color:rgba(255, 237, 74, var(--text-opacity))
}

.focus\:text-yellow-400:focus{
  --text-opacity:1;
  color:#fff382;
  color:rgba(255, 243, 130, var(--text-opacity))
}

.focus\:text-yellow-200:focus{
  --text-opacity:1;
  color:#fff9c2;
  color:rgba(255, 249, 194, var(--text-opacity))
}

.focus\:text-yellow-100:focus{
  --text-opacity:1;
  color:#fcfbeb;
  color:rgba(252, 251, 235, var(--text-opacity))
}

.focus\:text-green-900:focus{
  --text-opacity:1;
  color:#0f2f21;
  color:rgba(15, 47, 33, var(--text-opacity))
}

.focus\:text-green-800:focus{
  --text-opacity:1;
  color:#1a4731;
  color:rgba(26, 71, 49, var(--text-opacity))
}

.focus\:text-green-600:focus{
  --text-opacity:1;
  color:#1f9d55;
  color:rgba(31, 157, 85, var(--text-opacity))
}

.focus\:text-green:focus{
  --text-opacity:1;
  color:#38c172;
  color:rgba(56, 193, 114, var(--text-opacity))
}

.focus\:text-green-400:focus{
  --text-opacity:1;
  color:#51d88a;
  color:rgba(81, 216, 138, var(--text-opacity))
}

.focus\:text-green-200:focus{
  --text-opacity:1;
  color:#a2f5bf;
  color:rgba(162, 245, 191, var(--text-opacity))
}

.focus\:text-green-100:focus{
  --text-opacity:1;
  color:#e3fcec;
  color:rgba(227, 252, 236, var(--text-opacity))
}

.focus\:text-blue-modal:focus{
  --text-opacity:1;
  color:#2e4050;
  color:rgba(46, 64, 80, var(--text-opacity))
}

.focus\:text-blue-900:focus{
  --text-opacity:1;
  color:#12283a;
  color:rgba(18, 40, 58, var(--text-opacity))
}

.focus\:text-blue-800:focus{
  --text-opacity:1;
  color:#1c3d5a;
  color:rgba(28, 61, 90, var(--text-opacity))
}

.focus\:text-blue-600:focus{
  --text-opacity:1;
  color:#2779bd;
  color:rgba(39, 121, 189, var(--text-opacity))
}

.focus\:text-blue:focus{
  --text-opacity:1;
  color:#3498db;
  color:rgba(52, 152, 219, var(--text-opacity))
}

.focus\:text-blue-400:focus{
  --text-opacity:1;
  color:#6cb2eb;
  color:rgba(108, 178, 235, var(--text-opacity))
}

.focus\:text-blue-200:focus{
  --text-opacity:1;
  color:#bcdefa;
  color:rgba(188, 222, 250, var(--text-opacity))
}

.focus\:text-blue-100:focus{
  --text-opacity:1;
  color:#eff8ff;
  color:rgba(239, 248, 255, var(--text-opacity))
}

.focus\:text-purple-900:focus{
  --text-opacity:1;
  color:#21183c;
  color:rgba(33, 24, 60, var(--text-opacity))
}

.focus\:text-purple-800:focus{
  --text-opacity:1;
  color:#382b5f;
  color:rgba(56, 43, 95, var(--text-opacity))
}

.focus\:text-purple-600:focus{
  --text-opacity:1;
  color:#794acf;
  color:rgba(121, 74, 207, var(--text-opacity))
}

.focus\:text-purple:focus{
  --text-opacity:1;
  color:#9561e2;
  color:rgba(149, 97, 226, var(--text-opacity))
}

.focus\:text-purple-400:focus{
  --text-opacity:1;
  color:#a779e9;
  color:rgba(167, 121, 233, var(--text-opacity))
}

.focus\:text-purple-200:focus{
  --text-opacity:1;
  color:#d6bbfc;
  color:rgba(214, 187, 252, var(--text-opacity))
}

.focus\:text-purple-100:focus{
  --text-opacity:1;
  color:#f3ebff;
  color:rgba(243, 235, 255, var(--text-opacity))
}

.focus\:text-orange-900:focus{
  --text-opacity:1;
  color:#462a16;
  color:rgba(70, 42, 22, var(--text-opacity))
}

.focus\:text-orange-800:focus{
  --text-opacity:1;
  color:#613b1f;
  color:rgba(97, 59, 31, var(--text-opacity))
}

.focus\:text-orange-600:focus{
  --text-opacity:1;
  color:#de751f;
  color:rgba(222, 117, 31, var(--text-opacity))
}

.focus\:text-orange:focus{
  --text-opacity:1;
  color:#f6993f;
  color:rgba(246, 153, 63, var(--text-opacity))
}

.focus\:text-orange-400:focus{
  --text-opacity:1;
  color:#faad63;
  color:rgba(250, 173, 99, var(--text-opacity))
}

.focus\:text-orange-200:focus{
  --text-opacity:1;
  color:#fcd9b6;
  color:rgba(252, 217, 182, var(--text-opacity))
}

.focus\:text-orange-100:focus{
  --text-opacity:1;
  color:#fff5eb;
  color:rgba(255, 245, 235, var(--text-opacity))
}

.focus\:text-esab-gray:focus{
  --text-opacity:1;
  color:#cecfd0;
  color:rgba(206, 207, 208, var(--text-opacity))
}

.focus\:text-esab-orange:focus{
  --text-opacity:1;
  color:#da7129;
  color:rgba(218, 113, 41, var(--text-opacity))
}

.focus\:text-esab-darkgrey:focus{
  --text-opacity:1;
  color:#373338;
  color:rgba(55, 51, 56, var(--text-opacity))
}

.focus\:text-esab-background:focus{
  --text-opacity:1;
  color:#f0f0f0;
  color:rgba(240, 240, 240, var(--text-opacity))
}

.focus\:text-esab-icon-blue:focus{
  --text-opacity:1;
  color:#0B7DA8;
  color:rgba(11, 125, 168, var(--text-opacity))
}

.focus\:text-esab-sidebar-blue:focus{
  --text-opacity:1;
  color:#c7d0d8;
  color:rgba(199, 208, 216, var(--text-opacity))
}

.focus\:text-esab-sidebar-blue-active:focus{
  --text-opacity:1;
  color:#174167;
  color:rgba(23, 65, 103, var(--text-opacity))
}

.focus\:text-esab-sidebar-blue-arrow:focus{
  --text-opacity:1;
  color:#164167;
  color:rgba(22, 65, 103, var(--text-opacity))
}

.focus\:text-esab-black:focus{
  --text-opacity:1;
  color:#26292A;
  color:rgba(38, 41, 42, var(--text-opacity))
}

.focus\:text-esab-primary-blue:focus{
  --text-opacity:1;
  color:#1A61A1;
  color:rgba(26, 97, 161, var(--text-opacity))
}

.focus\:text-esab-primary-blue-light:focus{
  --text-opacity:1;
  color:#347fc3;
  color:rgba(52, 127, 195, var(--text-opacity))
}

.focus\:text-esab-secondary-blue:focus{
  --text-opacity:1;
  color:#6ca1cd;
  color:rgba(108, 161, 205, var(--text-opacity))
}

.focus\:text-esab-card-blue:focus{
  --text-opacity:1;
  color:#2961A1;
  color:rgba(41, 97, 161, var(--text-opacity))
}

.focus\:text-esab-card-secondary-blue:focus{
  --text-opacity:1;
  color:#6491EB;
  color:rgba(100, 145, 235, var(--text-opacity))
}

.focus\:text-esab-red:focus{
  --text-opacity:1;
  color:#E23900;
  color:rgba(226, 57, 0, var(--text-opacity))
}

.focus\:text-esab-red-highlight:focus{
  --text-opacity:1;
  color:#ed6031;
  color:rgba(237, 96, 49, var(--text-opacity))
}

.focus\:text-assembly-color:focus{
  --text-opacity:1;
  color:#c7074e;
  color:rgba(199, 7, 78, var(--text-opacity))
}

.text-opacity-0{
  --text-opacity:0
}

.text-opacity-10{
  --text-opacity:.1
}

.text-opacity-20{
  --text-opacity:.20
}

.text-opacity-25{
  --text-opacity:.25
}

.text-opacity-50{
  --text-opacity:.5
}

.text-opacity-75{
  --text-opacity:.75
}

.text-opacity-100{
  --text-opacity:1
}

.hover\:text-opacity-0:hover{
  --text-opacity:0
}

.hover\:text-opacity-10:hover{
  --text-opacity:.1
}

.hover\:text-opacity-20:hover{
  --text-opacity:.20
}

.hover\:text-opacity-25:hover{
  --text-opacity:.25
}

.hover\:text-opacity-50:hover{
  --text-opacity:.5
}

.hover\:text-opacity-75:hover{
  --text-opacity:.75
}

.hover\:text-opacity-100:hover{
  --text-opacity:1
}

.focus\:text-opacity-0:focus{
  --text-opacity:0
}

.focus\:text-opacity-10:focus{
  --text-opacity:.1
}

.focus\:text-opacity-20:focus{
  --text-opacity:.20
}

.focus\:text-opacity-25:focus{
  --text-opacity:.25
}

.focus\:text-opacity-50:focus{
  --text-opacity:.5
}

.focus\:text-opacity-75:focus{
  --text-opacity:.75
}

.focus\:text-opacity-100:focus{
  --text-opacity:1
}

.italic{
  font-style:italic
}

.not-italic{
  font-style:normal
}

.hover\:italic:hover{
  font-style:italic
}

.hover\:not-italic:hover{
  font-style:normal
}

.uppercase{
  text-transform:uppercase
}

.lowercase{
  text-transform:lowercase
}

.capitalize{
  text-transform:capitalize
}

.normal-case{
  text-transform:none
}

.hover\:uppercase:hover{
  text-transform:uppercase
}

.hover\:lowercase:hover{
  text-transform:lowercase
}

.hover\:capitalize:hover{
  text-transform:capitalize
}

.hover\:normal-case:hover{
  text-transform:none
}

.underline{
  text-decoration:underline
}

.line-through{
  text-decoration:line-through
}

.no-underline{
  text-decoration:none
}

.hover\:underline:hover{
  text-decoration:underline
}

.hover\:line-through:hover{
  text-decoration:line-through
}

.hover\:no-underline:hover{
  text-decoration:none
}

.antialiased{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.subpixel-antialiased{
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto
}

.hover\:antialiased:hover{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}

.hover\:subpixel-antialiased:hover{
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto
}

.ordinal, .slashed-zero, .lining-nums, .oldstyle-nums, .proportional-nums, .tabular-nums, .diagonal-fractions, .stacked-fractions{
  --font-variant-numeric-ordinal:var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-slashed-zero:var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-figure:var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-spacing:var(--tailwind-empty,/*!*/ /*!*/);
  --font-variant-numeric-fraction:var(--tailwind-empty,/*!*/ /*!*/);
  font-variant-numeric:var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)
}

.normal-nums{
  font-variant-numeric:normal
}

.ordinal{
  --font-variant-numeric-ordinal:ordinal
}

.slashed-zero{
  --font-variant-numeric-slashed-zero:slashed-zero
}

.lining-nums{
  --font-variant-numeric-figure:lining-nums
}

.oldstyle-nums{
  --font-variant-numeric-figure:oldstyle-nums
}

.proportional-nums{
  --font-variant-numeric-spacing:proportional-nums
}

.tabular-nums{
  --font-variant-numeric-spacing:tabular-nums
}

.diagonal-fractions{
  --font-variant-numeric-fraction:diagonal-fractions
}

.stacked-fractions{
  --font-variant-numeric-fraction:stacked-fractions
}

.tracking-tight{
  letter-spacing:-0.05em
}

.tracking-normal{
  letter-spacing:0
}

.tracking-wide{
  letter-spacing:0.05em
}

.select-none{
  user-select:none
}

.select-text{
  user-select:text
}

.select-all{
  user-select:all
}

.select-auto{
  user-select:auto
}

.align-baseline{
  vertical-align:baseline
}

.align-top{
  vertical-align:top
}

.align-middle{
  vertical-align:middle
}

.align-bottom{
  vertical-align:bottom
}

.align-text-top{
  vertical-align:text-top
}

.align-text-bottom{
  vertical-align:text-bottom
}

.visible{
  visibility:visible
}

.invisible{
  visibility:hidden
}

.whitespace-normal{
  white-space:normal
}

.whitespace-no-wrap{
  white-space:nowrap
}

.whitespace-pre{
  white-space:pre
}

.whitespace-pre-line{
  white-space:pre-line
}

.whitespace-pre-wrap{
  white-space:pre-wrap
}

.break-normal{
  word-wrap:normal;
  overflow-wrap:normal;
  word-break:normal
}

.break-words{
  word-wrap:break-word;
  overflow-wrap:break-word
}

.break-all{
  word-break:break-all
}

.truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.w-1{
  width:0.25rem
}

.w-2{
  width:0.5rem
}

.w-3{
  width:0.75rem
}

.w-4{
  width:1rem
}

.w-6{
  width:1.5rem
}

.w-8{
  width:2rem
}

.w-10{
  width:2.5rem
}

.w-12{
  width:3rem
}

.w-16{
  width:4rem
}

.w-20{
  width:5rem
}

.w-24{
  width:6rem
}

.w-32{
  width:8rem
}

.w-48{
  width:12rem
}

.w-64{
  width:16rem
}

.w-128{
  width:32rem
}

.w-160{
  width:40rem
}

.w-184{
  width:46rem
}

.w-auto{
  width:auto
}

.w-px{
  width:1px
}

.w-1\/2{
  width:50%
}

.w-1\/3{
  width:33.33333%
}

.w-2\/3{
  width:66.66667%
}

.w-1\/4{
  width:25%
}

.w-3\/4{
  width:75%
}

.w-1\/5{
  width:20%
}

.w-2\/5{
  width:40%
}

.w-3\/5{
  width:60%
}

.w-4\/5{
  width:80%
}

.w-1\/6{
  width:16.66667%
}

.w-5\/6{
  width:83.33333%
}

.w-full{
  width:100%
}

.w-screen{
  width:100vw
}

.z-0{
  z-index:0
}

.z-10{
  z-index:10
}

.z-20{
  z-index:20
}

.z-30{
  z-index:30
}

.z-40{
  z-index:40
}

.z-50{
  z-index:50
}

.z-auto{
  z-index:auto
}

.gap-0{
  grid-gap:0;
  gap:0
}

.gap-1{
  grid-gap:0.25rem;
  gap:0.25rem
}

.gap-2{
  grid-gap:0.5rem;
  gap:0.5rem
}

.gap-3{
  grid-gap:0.75rem;
  gap:0.75rem
}

.gap-4{
  grid-gap:1rem;
  gap:1rem
}

.gap-5{
  grid-gap:1.25rem;
  gap:1.25rem
}

.gap-6{
  grid-gap:1.5rem;
  gap:1.5rem
}

.gap-8{
  grid-gap:2rem;
  gap:2rem
}

.gap-10{
  grid-gap:2.5rem;
  gap:2.5rem
}

.gap-12{
  grid-gap:3rem;
  gap:3rem
}

.gap-16{
  grid-gap:4rem;
  gap:4rem
}

.gap-20{
  grid-gap:5rem;
  gap:5rem
}

.gap-24{
  grid-gap:6rem;
  gap:6rem
}

.gap-32{
  grid-gap:8rem;
  gap:8rem
}

.gap-40{
  grid-gap:10rem;
  gap:10rem
}

.gap-48{
  grid-gap:12rem;
  gap:12rem
}

.gap-56{
  grid-gap:14rem;
  gap:14rem
}

.gap-64{
  grid-gap:16rem;
  gap:16rem
}

.gap-px{
  grid-gap:1px;
  gap:1px
}

.col-gap-0{
  grid-column-gap:0;
  column-gap:0
}

.col-gap-1{
  grid-column-gap:0.25rem;
  column-gap:0.25rem
}

.col-gap-2{
  grid-column-gap:0.5rem;
  column-gap:0.5rem
}

.col-gap-3{
  grid-column-gap:0.75rem;
  column-gap:0.75rem
}

.col-gap-4{
  grid-column-gap:1rem;
  column-gap:1rem
}

.col-gap-5{
  grid-column-gap:1.25rem;
  column-gap:1.25rem
}

.col-gap-6{
  grid-column-gap:1.5rem;
  column-gap:1.5rem
}

.col-gap-8{
  grid-column-gap:2rem;
  column-gap:2rem
}

.col-gap-10{
  grid-column-gap:2.5rem;
  column-gap:2.5rem
}

.col-gap-12{
  grid-column-gap:3rem;
  column-gap:3rem
}

.col-gap-16{
  grid-column-gap:4rem;
  column-gap:4rem
}

.col-gap-20{
  grid-column-gap:5rem;
  column-gap:5rem
}

.col-gap-24{
  grid-column-gap:6rem;
  column-gap:6rem
}

.col-gap-32{
  grid-column-gap:8rem;
  column-gap:8rem
}

.col-gap-40{
  grid-column-gap:10rem;
  column-gap:10rem
}

.col-gap-48{
  grid-column-gap:12rem;
  column-gap:12rem
}

.col-gap-56{
  grid-column-gap:14rem;
  column-gap:14rem
}

.col-gap-64{
  grid-column-gap:16rem;
  column-gap:16rem
}

.col-gap-px{
  grid-column-gap:1px;
  column-gap:1px
}

.gap-x-0{
  grid-column-gap:0;
  column-gap:0
}

.gap-x-1{
  grid-column-gap:0.25rem;
  column-gap:0.25rem
}

.gap-x-2{
  grid-column-gap:0.5rem;
  column-gap:0.5rem
}

.gap-x-3{
  grid-column-gap:0.75rem;
  column-gap:0.75rem
}

.gap-x-4{
  grid-column-gap:1rem;
  column-gap:1rem
}

.gap-x-5{
  grid-column-gap:1.25rem;
  column-gap:1.25rem
}

.gap-x-6{
  grid-column-gap:1.5rem;
  column-gap:1.5rem
}

.gap-x-8{
  grid-column-gap:2rem;
  column-gap:2rem
}

.gap-x-10{
  grid-column-gap:2.5rem;
  column-gap:2.5rem
}

.gap-x-12{
  grid-column-gap:3rem;
  column-gap:3rem
}

.gap-x-16{
  grid-column-gap:4rem;
  column-gap:4rem
}

.gap-x-20{
  grid-column-gap:5rem;
  column-gap:5rem
}

.gap-x-24{
  grid-column-gap:6rem;
  column-gap:6rem
}

.gap-x-32{
  grid-column-gap:8rem;
  column-gap:8rem
}

.gap-x-40{
  grid-column-gap:10rem;
  column-gap:10rem
}

.gap-x-48{
  grid-column-gap:12rem;
  column-gap:12rem
}

.gap-x-56{
  grid-column-gap:14rem;
  column-gap:14rem
}

.gap-x-64{
  grid-column-gap:16rem;
  column-gap:16rem
}

.gap-x-px{
  grid-column-gap:1px;
  column-gap:1px
}

.row-gap-0{
  grid-row-gap:0;
  row-gap:0
}

.row-gap-1{
  grid-row-gap:0.25rem;
  row-gap:0.25rem
}

.row-gap-2{
  grid-row-gap:0.5rem;
  row-gap:0.5rem
}

.row-gap-3{
  grid-row-gap:0.75rem;
  row-gap:0.75rem
}

.row-gap-4{
  grid-row-gap:1rem;
  row-gap:1rem
}

.row-gap-5{
  grid-row-gap:1.25rem;
  row-gap:1.25rem
}

.row-gap-6{
  grid-row-gap:1.5rem;
  row-gap:1.5rem
}

.row-gap-8{
  grid-row-gap:2rem;
  row-gap:2rem
}

.row-gap-10{
  grid-row-gap:2.5rem;
  row-gap:2.5rem
}

.row-gap-12{
  grid-row-gap:3rem;
  row-gap:3rem
}

.row-gap-16{
  grid-row-gap:4rem;
  row-gap:4rem
}

.row-gap-20{
  grid-row-gap:5rem;
  row-gap:5rem
}

.row-gap-24{
  grid-row-gap:6rem;
  row-gap:6rem
}

.row-gap-32{
  grid-row-gap:8rem;
  row-gap:8rem
}

.row-gap-40{
  grid-row-gap:10rem;
  row-gap:10rem
}

.row-gap-48{
  grid-row-gap:12rem;
  row-gap:12rem
}

.row-gap-56{
  grid-row-gap:14rem;
  row-gap:14rem
}

.row-gap-64{
  grid-row-gap:16rem;
  row-gap:16rem
}

.row-gap-px{
  grid-row-gap:1px;
  row-gap:1px
}

.gap-y-0{
  grid-row-gap:0;
  row-gap:0
}

.gap-y-1{
  grid-row-gap:0.25rem;
  row-gap:0.25rem
}

.gap-y-2{
  grid-row-gap:0.5rem;
  row-gap:0.5rem
}

.gap-y-3{
  grid-row-gap:0.75rem;
  row-gap:0.75rem
}

.gap-y-4{
  grid-row-gap:1rem;
  row-gap:1rem
}

.gap-y-5{
  grid-row-gap:1.25rem;
  row-gap:1.25rem
}

.gap-y-6{
  grid-row-gap:1.5rem;
  row-gap:1.5rem
}

.gap-y-8{
  grid-row-gap:2rem;
  row-gap:2rem
}

.gap-y-10{
  grid-row-gap:2.5rem;
  row-gap:2.5rem
}

.gap-y-12{
  grid-row-gap:3rem;
  row-gap:3rem
}

.gap-y-16{
  grid-row-gap:4rem;
  row-gap:4rem
}

.gap-y-20{
  grid-row-gap:5rem;
  row-gap:5rem
}

.gap-y-24{
  grid-row-gap:6rem;
  row-gap:6rem
}

.gap-y-32{
  grid-row-gap:8rem;
  row-gap:8rem
}

.gap-y-40{
  grid-row-gap:10rem;
  row-gap:10rem
}

.gap-y-48{
  grid-row-gap:12rem;
  row-gap:12rem
}

.gap-y-56{
  grid-row-gap:14rem;
  row-gap:14rem
}

.gap-y-64{
  grid-row-gap:16rem;
  row-gap:16rem
}

.gap-y-px{
  grid-row-gap:1px;
  row-gap:1px
}

.grid-flow-row{
  grid-auto-flow:row
}

.grid-flow-col{
  grid-auto-flow:column
}

.grid-flow-row-dense{
  grid-auto-flow:row dense
}

.grid-flow-col-dense{
  grid-auto-flow:column dense
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr))
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr))
}

.grid-cols-3{
  grid-template-columns:repeat(3, minmax(0, 1fr))
}

.grid-cols-4{
  grid-template-columns:repeat(4, minmax(0, 1fr))
}

.grid-cols-5{
  grid-template-columns:repeat(5, minmax(0, 1fr))
}

.grid-cols-6{
  grid-template-columns:repeat(6, minmax(0, 1fr))
}

.grid-cols-7{
  grid-template-columns:repeat(7, minmax(0, 1fr))
}

.grid-cols-8{
  grid-template-columns:repeat(8, minmax(0, 1fr))
}

.grid-cols-9{
  grid-template-columns:repeat(9, minmax(0, 1fr))
}

.grid-cols-10{
  grid-template-columns:repeat(10, minmax(0, 1fr))
}

.grid-cols-11{
  grid-template-columns:repeat(11, minmax(0, 1fr))
}

.grid-cols-12{
  grid-template-columns:repeat(12, minmax(0, 1fr))
}

.grid-cols-none{
  grid-template-columns:none
}

.auto-cols-auto{
  grid-auto-columns:auto
}

.auto-cols-min{
  grid-auto-columns:min-content
}

.auto-cols-max{
  grid-auto-columns:max-content
}

.auto-cols-fr{
  grid-auto-columns:minmax(0, 1fr)
}

.col-auto{
  grid-column:auto
}

.col-span-1{
  grid-column:span 1 / span 1
}

.col-span-2{
  grid-column:span 2 / span 2
}

.col-span-3{
  grid-column:span 3 / span 3
}

.col-span-4{
  grid-column:span 4 / span 4
}

.col-span-5{
  grid-column:span 5 / span 5
}

.col-span-6{
  grid-column:span 6 / span 6
}

.col-span-7{
  grid-column:span 7 / span 7
}

.col-span-8{
  grid-column:span 8 / span 8
}

.col-span-9{
  grid-column:span 9 / span 9
}

.col-span-10{
  grid-column:span 10 / span 10
}

.col-span-11{
  grid-column:span 11 / span 11
}

.col-span-12{
  grid-column:span 12 / span 12
}

.col-span-full{
  grid-column:1 / -1
}

.col-start-1{
  grid-column-start:1
}

.col-start-2{
  grid-column-start:2
}

.col-start-3{
  grid-column-start:3
}

.col-start-4{
  grid-column-start:4
}

.col-start-5{
  grid-column-start:5
}

.col-start-6{
  grid-column-start:6
}

.col-start-7{
  grid-column-start:7
}

.col-start-8{
  grid-column-start:8
}

.col-start-9{
  grid-column-start:9
}

.col-start-10{
  grid-column-start:10
}

.col-start-11{
  grid-column-start:11
}

.col-start-12{
  grid-column-start:12
}

.col-start-13{
  grid-column-start:13
}

.col-start-auto{
  grid-column-start:auto
}

.col-end-1{
  grid-column-end:1
}

.col-end-2{
  grid-column-end:2
}

.col-end-3{
  grid-column-end:3
}

.col-end-4{
  grid-column-end:4
}

.col-end-5{
  grid-column-end:5
}

.col-end-6{
  grid-column-end:6
}

.col-end-7{
  grid-column-end:7
}

.col-end-8{
  grid-column-end:8
}

.col-end-9{
  grid-column-end:9
}

.col-end-10{
  grid-column-end:10
}

.col-end-11{
  grid-column-end:11
}

.col-end-12{
  grid-column-end:12
}

.col-end-13{
  grid-column-end:13
}

.col-end-auto{
  grid-column-end:auto
}

.grid-rows-1{
  grid-template-rows:repeat(1, minmax(0, 1fr))
}

.grid-rows-2{
  grid-template-rows:repeat(2, minmax(0, 1fr))
}

.grid-rows-3{
  grid-template-rows:repeat(3, minmax(0, 1fr))
}

.grid-rows-4{
  grid-template-rows:repeat(4, minmax(0, 1fr))
}

.grid-rows-5{
  grid-template-rows:repeat(5, minmax(0, 1fr))
}

.grid-rows-6{
  grid-template-rows:repeat(6, minmax(0, 1fr))
}

.grid-rows-none{
  grid-template-rows:none
}

.auto-rows-auto{
  grid-auto-rows:auto
}

.auto-rows-min{
  grid-auto-rows:min-content
}

.auto-rows-max{
  grid-auto-rows:max-content
}

.auto-rows-fr{
  grid-auto-rows:minmax(0, 1fr)
}

.row-auto{
  grid-row:auto
}

.row-span-1{
  grid-row:span 1 / span 1
}

.row-span-2{
  grid-row:span 2 / span 2
}

.row-span-3{
  grid-row:span 3 / span 3
}

.row-span-4{
  grid-row:span 4 / span 4
}

.row-span-5{
  grid-row:span 5 / span 5
}

.row-span-6{
  grid-row:span 6 / span 6
}

.row-span-full{
  grid-row:1 / -1
}

.row-start-1{
  grid-row-start:1
}

.row-start-2{
  grid-row-start:2
}

.row-start-3{
  grid-row-start:3
}

.row-start-4{
  grid-row-start:4
}

.row-start-5{
  grid-row-start:5
}

.row-start-6{
  grid-row-start:6
}

.row-start-7{
  grid-row-start:7
}

.row-start-auto{
  grid-row-start:auto
}

.row-end-1{
  grid-row-end:1
}

.row-end-2{
  grid-row-end:2
}

.row-end-3{
  grid-row-end:3
}

.row-end-4{
  grid-row-end:4
}

.row-end-5{
  grid-row-end:5
}

.row-end-6{
  grid-row-end:6
}

.row-end-7{
  grid-row-end:7
}

.row-end-auto{
  grid-row-end:auto
}

.transform{
  --transform-translate-x:0;
  --transform-translate-y:0;
  --transform-rotate:0;
  --transform-skew-x:0;
  --transform-skew-y:0;
  --transform-scale-x:1;
  --transform-scale-y:1;
  transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
}

.transform-none{
  transform:none
}

.origin-center{
  transform-origin:center
}

.origin-top{
  transform-origin:top
}

.origin-top-right{
  transform-origin:top right
}

.origin-right{
  transform-origin:right
}

.origin-bottom-right{
  transform-origin:bottom right
}

.origin-bottom{
  transform-origin:bottom
}

.origin-bottom-left{
  transform-origin:bottom left
}

.origin-left{
  transform-origin:left
}

.origin-top-left{
  transform-origin:top left
}

.scale-0{
  --transform-scale-x:0;
  --transform-scale-y:0
}

.scale-50{
  --transform-scale-x:.5;
  --transform-scale-y:.5
}

.scale-75{
  --transform-scale-x:.75;
  --transform-scale-y:.75
}

.scale-90{
  --transform-scale-x:.9;
  --transform-scale-y:.9
}

.scale-95{
  --transform-scale-x:.95;
  --transform-scale-y:.95
}

.scale-100{
  --transform-scale-x:1;
  --transform-scale-y:1
}

.scale-105{
  --transform-scale-x:1.05;
  --transform-scale-y:1.05
}

.scale-110{
  --transform-scale-x:1.1;
  --transform-scale-y:1.1
}

.scale-125{
  --transform-scale-x:1.25;
  --transform-scale-y:1.25
}

.scale-150{
  --transform-scale-x:1.5;
  --transform-scale-y:1.5
}

.scale-x-0{
  --transform-scale-x:0
}

.scale-x-50{
  --transform-scale-x:.5
}

.scale-x-75{
  --transform-scale-x:.75
}

.scale-x-90{
  --transform-scale-x:.9
}

.scale-x-95{
  --transform-scale-x:.95
}

.scale-x-100{
  --transform-scale-x:1
}

.scale-x-105{
  --transform-scale-x:1.05
}

.scale-x-110{
  --transform-scale-x:1.1
}

.scale-x-125{
  --transform-scale-x:1.25
}

.scale-x-150{
  --transform-scale-x:1.5
}

.scale-y-0{
  --transform-scale-y:0
}

.scale-y-50{
  --transform-scale-y:.5
}

.scale-y-75{
  --transform-scale-y:.75
}

.scale-y-90{
  --transform-scale-y:.9
}

.scale-y-95{
  --transform-scale-y:.95
}

.scale-y-100{
  --transform-scale-y:1
}

.scale-y-105{
  --transform-scale-y:1.05
}

.scale-y-110{
  --transform-scale-y:1.1
}

.scale-y-125{
  --transform-scale-y:1.25
}

.scale-y-150{
  --transform-scale-y:1.5
}

.hover\:scale-0:hover{
  --transform-scale-x:0;
  --transform-scale-y:0
}

.hover\:scale-50:hover{
  --transform-scale-x:.5;
  --transform-scale-y:.5
}

.hover\:scale-75:hover{
  --transform-scale-x:.75;
  --transform-scale-y:.75
}

.hover\:scale-90:hover{
  --transform-scale-x:.9;
  --transform-scale-y:.9
}

.hover\:scale-95:hover{
  --transform-scale-x:.95;
  --transform-scale-y:.95
}

.hover\:scale-100:hover{
  --transform-scale-x:1;
  --transform-scale-y:1
}

.hover\:scale-105:hover{
  --transform-scale-x:1.05;
  --transform-scale-y:1.05
}

.hover\:scale-110:hover{
  --transform-scale-x:1.1;
  --transform-scale-y:1.1
}

.hover\:scale-125:hover{
  --transform-scale-x:1.25;
  --transform-scale-y:1.25
}

.hover\:scale-150:hover{
  --transform-scale-x:1.5;
  --transform-scale-y:1.5
}

.hover\:scale-x-0:hover{
  --transform-scale-x:0
}

.hover\:scale-x-50:hover{
  --transform-scale-x:.5
}

.hover\:scale-x-75:hover{
  --transform-scale-x:.75
}

.hover\:scale-x-90:hover{
  --transform-scale-x:.9
}

.hover\:scale-x-95:hover{
  --transform-scale-x:.95
}

.hover\:scale-x-100:hover{
  --transform-scale-x:1
}

.hover\:scale-x-105:hover{
  --transform-scale-x:1.05
}

.hover\:scale-x-110:hover{
  --transform-scale-x:1.1
}

.hover\:scale-x-125:hover{
  --transform-scale-x:1.25
}

.hover\:scale-x-150:hover{
  --transform-scale-x:1.5
}

.hover\:scale-y-0:hover{
  --transform-scale-y:0
}

.hover\:scale-y-50:hover{
  --transform-scale-y:.5
}

.hover\:scale-y-75:hover{
  --transform-scale-y:.75
}

.hover\:scale-y-90:hover{
  --transform-scale-y:.9
}

.hover\:scale-y-95:hover{
  --transform-scale-y:.95
}

.hover\:scale-y-100:hover{
  --transform-scale-y:1
}

.hover\:scale-y-105:hover{
  --transform-scale-y:1.05
}

.hover\:scale-y-110:hover{
  --transform-scale-y:1.1
}

.hover\:scale-y-125:hover{
  --transform-scale-y:1.25
}

.hover\:scale-y-150:hover{
  --transform-scale-y:1.5
}

.focus\:scale-0:focus{
  --transform-scale-x:0;
  --transform-scale-y:0
}

.focus\:scale-50:focus{
  --transform-scale-x:.5;
  --transform-scale-y:.5
}

.focus\:scale-75:focus{
  --transform-scale-x:.75;
  --transform-scale-y:.75
}

.focus\:scale-90:focus{
  --transform-scale-x:.9;
  --transform-scale-y:.9
}

.focus\:scale-95:focus{
  --transform-scale-x:.95;
  --transform-scale-y:.95
}

.focus\:scale-100:focus{
  --transform-scale-x:1;
  --transform-scale-y:1
}

.focus\:scale-105:focus{
  --transform-scale-x:1.05;
  --transform-scale-y:1.05
}

.focus\:scale-110:focus{
  --transform-scale-x:1.1;
  --transform-scale-y:1.1
}

.focus\:scale-125:focus{
  --transform-scale-x:1.25;
  --transform-scale-y:1.25
}

.focus\:scale-150:focus{
  --transform-scale-x:1.5;
  --transform-scale-y:1.5
}

.focus\:scale-x-0:focus{
  --transform-scale-x:0
}

.focus\:scale-x-50:focus{
  --transform-scale-x:.5
}

.focus\:scale-x-75:focus{
  --transform-scale-x:.75
}

.focus\:scale-x-90:focus{
  --transform-scale-x:.9
}

.focus\:scale-x-95:focus{
  --transform-scale-x:.95
}

.focus\:scale-x-100:focus{
  --transform-scale-x:1
}

.focus\:scale-x-105:focus{
  --transform-scale-x:1.05
}

.focus\:scale-x-110:focus{
  --transform-scale-x:1.1
}

.focus\:scale-x-125:focus{
  --transform-scale-x:1.25
}

.focus\:scale-x-150:focus{
  --transform-scale-x:1.5
}

.focus\:scale-y-0:focus{
  --transform-scale-y:0
}

.focus\:scale-y-50:focus{
  --transform-scale-y:.5
}

.focus\:scale-y-75:focus{
  --transform-scale-y:.75
}

.focus\:scale-y-90:focus{
  --transform-scale-y:.9
}

.focus\:scale-y-95:focus{
  --transform-scale-y:.95
}

.focus\:scale-y-100:focus{
  --transform-scale-y:1
}

.focus\:scale-y-105:focus{
  --transform-scale-y:1.05
}

.focus\:scale-y-110:focus{
  --transform-scale-y:1.1
}

.focus\:scale-y-125:focus{
  --transform-scale-y:1.25
}

.focus\:scale-y-150:focus{
  --transform-scale-y:1.5
}

.rotate-0{
  --transform-rotate:0
}

.rotate-1{
  --transform-rotate:1deg
}

.rotate-2{
  --transform-rotate:2deg
}

.rotate-3{
  --transform-rotate:3deg
}

.rotate-6{
  --transform-rotate:6deg
}

.rotate-12{
  --transform-rotate:12deg
}

.rotate-45{
  --transform-rotate:45deg
}

.rotate-90{
  --transform-rotate:90deg
}

.rotate-180{
  --transform-rotate:180deg
}

.-rotate-180{
  --transform-rotate:-180deg
}

.-rotate-90{
  --transform-rotate:-90deg
}

.-rotate-45{
  --transform-rotate:-45deg
}

.-rotate-12{
  --transform-rotate:-12deg
}

.-rotate-6{
  --transform-rotate:-6deg
}

.-rotate-3{
  --transform-rotate:-3deg
}

.-rotate-2{
  --transform-rotate:-2deg
}

.-rotate-1{
  --transform-rotate:-1deg
}

.hover\:rotate-0:hover{
  --transform-rotate:0
}

.hover\:rotate-1:hover{
  --transform-rotate:1deg
}

.hover\:rotate-2:hover{
  --transform-rotate:2deg
}

.hover\:rotate-3:hover{
  --transform-rotate:3deg
}

.hover\:rotate-6:hover{
  --transform-rotate:6deg
}

.hover\:rotate-12:hover{
  --transform-rotate:12deg
}

.hover\:rotate-45:hover{
  --transform-rotate:45deg
}

.hover\:rotate-90:hover{
  --transform-rotate:90deg
}

.hover\:rotate-180:hover{
  --transform-rotate:180deg
}

.hover\:-rotate-180:hover{
  --transform-rotate:-180deg
}

.hover\:-rotate-90:hover{
  --transform-rotate:-90deg
}

.hover\:-rotate-45:hover{
  --transform-rotate:-45deg
}

.hover\:-rotate-12:hover{
  --transform-rotate:-12deg
}

.hover\:-rotate-6:hover{
  --transform-rotate:-6deg
}

.hover\:-rotate-3:hover{
  --transform-rotate:-3deg
}

.hover\:-rotate-2:hover{
  --transform-rotate:-2deg
}

.hover\:-rotate-1:hover{
  --transform-rotate:-1deg
}

.focus\:rotate-0:focus{
  --transform-rotate:0
}

.focus\:rotate-1:focus{
  --transform-rotate:1deg
}

.focus\:rotate-2:focus{
  --transform-rotate:2deg
}

.focus\:rotate-3:focus{
  --transform-rotate:3deg
}

.focus\:rotate-6:focus{
  --transform-rotate:6deg
}

.focus\:rotate-12:focus{
  --transform-rotate:12deg
}

.focus\:rotate-45:focus{
  --transform-rotate:45deg
}

.focus\:rotate-90:focus{
  --transform-rotate:90deg
}

.focus\:rotate-180:focus{
  --transform-rotate:180deg
}

.focus\:-rotate-180:focus{
  --transform-rotate:-180deg
}

.focus\:-rotate-90:focus{
  --transform-rotate:-90deg
}

.focus\:-rotate-45:focus{
  --transform-rotate:-45deg
}

.focus\:-rotate-12:focus{
  --transform-rotate:-12deg
}

.focus\:-rotate-6:focus{
  --transform-rotate:-6deg
}

.focus\:-rotate-3:focus{
  --transform-rotate:-3deg
}

.focus\:-rotate-2:focus{
  --transform-rotate:-2deg
}

.focus\:-rotate-1:focus{
  --transform-rotate:-1deg
}

.translate-x-0{
  --transform-translate-x:0
}

.translate-x-1{
  --transform-translate-x:0.25rem
}

.translate-x-2{
  --transform-translate-x:0.5rem
}

.translate-x-3{
  --transform-translate-x:0.75rem
}

.translate-x-4{
  --transform-translate-x:1rem
}

.translate-x-5{
  --transform-translate-x:1.25rem
}

.translate-x-6{
  --transform-translate-x:1.5rem
}

.translate-x-8{
  --transform-translate-x:2rem
}

.translate-x-10{
  --transform-translate-x:2.5rem
}

.translate-x-12{
  --transform-translate-x:3rem
}

.translate-x-16{
  --transform-translate-x:4rem
}

.translate-x-20{
  --transform-translate-x:5rem
}

.translate-x-24{
  --transform-translate-x:6rem
}

.translate-x-32{
  --transform-translate-x:8rem
}

.translate-x-40{
  --transform-translate-x:10rem
}

.translate-x-48{
  --transform-translate-x:12rem
}

.translate-x-56{
  --transform-translate-x:14rem
}

.translate-x-64{
  --transform-translate-x:16rem
}

.translate-x-px{
  --transform-translate-x:1px
}

.-translate-x-1{
  --transform-translate-x:-0.25rem
}

.-translate-x-2{
  --transform-translate-x:-0.5rem
}

.-translate-x-3{
  --transform-translate-x:-0.75rem
}

.-translate-x-4{
  --transform-translate-x:-1rem
}

.-translate-x-5{
  --transform-translate-x:-1.25rem
}

.-translate-x-6{
  --transform-translate-x:-1.5rem
}

.-translate-x-8{
  --transform-translate-x:-2rem
}

.-translate-x-10{
  --transform-translate-x:-2.5rem
}

.-translate-x-12{
  --transform-translate-x:-3rem
}

.-translate-x-16{
  --transform-translate-x:-4rem
}

.-translate-x-20{
  --transform-translate-x:-5rem
}

.-translate-x-24{
  --transform-translate-x:-6rem
}

.-translate-x-32{
  --transform-translate-x:-8rem
}

.-translate-x-40{
  --transform-translate-x:-10rem
}

.-translate-x-48{
  --transform-translate-x:-12rem
}

.-translate-x-56{
  --transform-translate-x:-14rem
}

.-translate-x-64{
  --transform-translate-x:-16rem
}

.-translate-x-px{
  --transform-translate-x:-1px
}

.-translate-x-full{
  --transform-translate-x:-100%
}

.-translate-x-1\/2{
  --transform-translate-x:-50%
}

.translate-x-1\/2{
  --transform-translate-x:50%
}

.translate-x-full{
  --transform-translate-x:100%
}

.translate-y-0{
  --transform-translate-y:0
}

.translate-y-1{
  --transform-translate-y:0.25rem
}

.translate-y-2{
  --transform-translate-y:0.5rem
}

.translate-y-3{
  --transform-translate-y:0.75rem
}

.translate-y-4{
  --transform-translate-y:1rem
}

.translate-y-5{
  --transform-translate-y:1.25rem
}

.translate-y-6{
  --transform-translate-y:1.5rem
}

.translate-y-8{
  --transform-translate-y:2rem
}

.translate-y-10{
  --transform-translate-y:2.5rem
}

.translate-y-12{
  --transform-translate-y:3rem
}

.translate-y-16{
  --transform-translate-y:4rem
}

.translate-y-20{
  --transform-translate-y:5rem
}

.translate-y-24{
  --transform-translate-y:6rem
}

.translate-y-32{
  --transform-translate-y:8rem
}

.translate-y-40{
  --transform-translate-y:10rem
}

.translate-y-48{
  --transform-translate-y:12rem
}

.translate-y-56{
  --transform-translate-y:14rem
}

.translate-y-64{
  --transform-translate-y:16rem
}

.translate-y-px{
  --transform-translate-y:1px
}

.-translate-y-1{
  --transform-translate-y:-0.25rem
}

.-translate-y-2{
  --transform-translate-y:-0.5rem
}

.-translate-y-3{
  --transform-translate-y:-0.75rem
}

.-translate-y-4{
  --transform-translate-y:-1rem
}

.-translate-y-5{
  --transform-translate-y:-1.25rem
}

.-translate-y-6{
  --transform-translate-y:-1.5rem
}

.-translate-y-8{
  --transform-translate-y:-2rem
}

.-translate-y-10{
  --transform-translate-y:-2.5rem
}

.-translate-y-12{
  --transform-translate-y:-3rem
}

.-translate-y-16{
  --transform-translate-y:-4rem
}

.-translate-y-20{
  --transform-translate-y:-5rem
}

.-translate-y-24{
  --transform-translate-y:-6rem
}

.-translate-y-32{
  --transform-translate-y:-8rem
}

.-translate-y-40{
  --transform-translate-y:-10rem
}

.-translate-y-48{
  --transform-translate-y:-12rem
}

.-translate-y-56{
  --transform-translate-y:-14rem
}

.-translate-y-64{
  --transform-translate-y:-16rem
}

.-translate-y-px{
  --transform-translate-y:-1px
}

.-translate-y-full{
  --transform-translate-y:-100%
}

.-translate-y-1\/2{
  --transform-translate-y:-50%
}

.translate-y-1\/2{
  --transform-translate-y:50%
}

.translate-y-full{
  --transform-translate-y:100%
}

.hover\:translate-x-0:hover{
  --transform-translate-x:0
}

.hover\:translate-x-1:hover{
  --transform-translate-x:0.25rem
}

.hover\:translate-x-2:hover{
  --transform-translate-x:0.5rem
}

.hover\:translate-x-3:hover{
  --transform-translate-x:0.75rem
}

.hover\:translate-x-4:hover{
  --transform-translate-x:1rem
}

.hover\:translate-x-5:hover{
  --transform-translate-x:1.25rem
}

.hover\:translate-x-6:hover{
  --transform-translate-x:1.5rem
}

.hover\:translate-x-8:hover{
  --transform-translate-x:2rem
}

.hover\:translate-x-10:hover{
  --transform-translate-x:2.5rem
}

.hover\:translate-x-12:hover{
  --transform-translate-x:3rem
}

.hover\:translate-x-16:hover{
  --transform-translate-x:4rem
}

.hover\:translate-x-20:hover{
  --transform-translate-x:5rem
}

.hover\:translate-x-24:hover{
  --transform-translate-x:6rem
}

.hover\:translate-x-32:hover{
  --transform-translate-x:8rem
}

.hover\:translate-x-40:hover{
  --transform-translate-x:10rem
}

.hover\:translate-x-48:hover{
  --transform-translate-x:12rem
}

.hover\:translate-x-56:hover{
  --transform-translate-x:14rem
}

.hover\:translate-x-64:hover{
  --transform-translate-x:16rem
}

.hover\:translate-x-px:hover{
  --transform-translate-x:1px
}

.hover\:-translate-x-1:hover{
  --transform-translate-x:-0.25rem
}

.hover\:-translate-x-2:hover{
  --transform-translate-x:-0.5rem
}

.hover\:-translate-x-3:hover{
  --transform-translate-x:-0.75rem
}

.hover\:-translate-x-4:hover{
  --transform-translate-x:-1rem
}

.hover\:-translate-x-5:hover{
  --transform-translate-x:-1.25rem
}

.hover\:-translate-x-6:hover{
  --transform-translate-x:-1.5rem
}

.hover\:-translate-x-8:hover{
  --transform-translate-x:-2rem
}

.hover\:-translate-x-10:hover{
  --transform-translate-x:-2.5rem
}

.hover\:-translate-x-12:hover{
  --transform-translate-x:-3rem
}

.hover\:-translate-x-16:hover{
  --transform-translate-x:-4rem
}

.hover\:-translate-x-20:hover{
  --transform-translate-x:-5rem
}

.hover\:-translate-x-24:hover{
  --transform-translate-x:-6rem
}

.hover\:-translate-x-32:hover{
  --transform-translate-x:-8rem
}

.hover\:-translate-x-40:hover{
  --transform-translate-x:-10rem
}

.hover\:-translate-x-48:hover{
  --transform-translate-x:-12rem
}

.hover\:-translate-x-56:hover{
  --transform-translate-x:-14rem
}

.hover\:-translate-x-64:hover{
  --transform-translate-x:-16rem
}

.hover\:-translate-x-px:hover{
  --transform-translate-x:-1px
}

.hover\:-translate-x-full:hover{
  --transform-translate-x:-100%
}

.hover\:-translate-x-1\/2:hover{
  --transform-translate-x:-50%
}

.hover\:translate-x-1\/2:hover{
  --transform-translate-x:50%
}

.hover\:translate-x-full:hover{
  --transform-translate-x:100%
}

.hover\:translate-y-0:hover{
  --transform-translate-y:0
}

.hover\:translate-y-1:hover{
  --transform-translate-y:0.25rem
}

.hover\:translate-y-2:hover{
  --transform-translate-y:0.5rem
}

.hover\:translate-y-3:hover{
  --transform-translate-y:0.75rem
}

.hover\:translate-y-4:hover{
  --transform-translate-y:1rem
}

.hover\:translate-y-5:hover{
  --transform-translate-y:1.25rem
}

.hover\:translate-y-6:hover{
  --transform-translate-y:1.5rem
}

.hover\:translate-y-8:hover{
  --transform-translate-y:2rem
}

.hover\:translate-y-10:hover{
  --transform-translate-y:2.5rem
}

.hover\:translate-y-12:hover{
  --transform-translate-y:3rem
}

.hover\:translate-y-16:hover{
  --transform-translate-y:4rem
}

.hover\:translate-y-20:hover{
  --transform-translate-y:5rem
}

.hover\:translate-y-24:hover{
  --transform-translate-y:6rem
}

.hover\:translate-y-32:hover{
  --transform-translate-y:8rem
}

.hover\:translate-y-40:hover{
  --transform-translate-y:10rem
}

.hover\:translate-y-48:hover{
  --transform-translate-y:12rem
}

.hover\:translate-y-56:hover{
  --transform-translate-y:14rem
}

.hover\:translate-y-64:hover{
  --transform-translate-y:16rem
}

.hover\:translate-y-px:hover{
  --transform-translate-y:1px
}

.hover\:-translate-y-1:hover{
  --transform-translate-y:-0.25rem
}

.hover\:-translate-y-2:hover{
  --transform-translate-y:-0.5rem
}

.hover\:-translate-y-3:hover{
  --transform-translate-y:-0.75rem
}

.hover\:-translate-y-4:hover{
  --transform-translate-y:-1rem
}

.hover\:-translate-y-5:hover{
  --transform-translate-y:-1.25rem
}

.hover\:-translate-y-6:hover{
  --transform-translate-y:-1.5rem
}

.hover\:-translate-y-8:hover{
  --transform-translate-y:-2rem
}

.hover\:-translate-y-10:hover{
  --transform-translate-y:-2.5rem
}

.hover\:-translate-y-12:hover{
  --transform-translate-y:-3rem
}

.hover\:-translate-y-16:hover{
  --transform-translate-y:-4rem
}

.hover\:-translate-y-20:hover{
  --transform-translate-y:-5rem
}

.hover\:-translate-y-24:hover{
  --transform-translate-y:-6rem
}

.hover\:-translate-y-32:hover{
  --transform-translate-y:-8rem
}

.hover\:-translate-y-40:hover{
  --transform-translate-y:-10rem
}

.hover\:-translate-y-48:hover{
  --transform-translate-y:-12rem
}

.hover\:-translate-y-56:hover{
  --transform-translate-y:-14rem
}

.hover\:-translate-y-64:hover{
  --transform-translate-y:-16rem
}

.hover\:-translate-y-px:hover{
  --transform-translate-y:-1px
}

.hover\:-translate-y-full:hover{
  --transform-translate-y:-100%
}

.hover\:-translate-y-1\/2:hover{
  --transform-translate-y:-50%
}

.hover\:translate-y-1\/2:hover{
  --transform-translate-y:50%
}

.hover\:translate-y-full:hover{
  --transform-translate-y:100%
}

.focus\:translate-x-0:focus{
  --transform-translate-x:0
}

.focus\:translate-x-1:focus{
  --transform-translate-x:0.25rem
}

.focus\:translate-x-2:focus{
  --transform-translate-x:0.5rem
}

.focus\:translate-x-3:focus{
  --transform-translate-x:0.75rem
}

.focus\:translate-x-4:focus{
  --transform-translate-x:1rem
}

.focus\:translate-x-5:focus{
  --transform-translate-x:1.25rem
}

.focus\:translate-x-6:focus{
  --transform-translate-x:1.5rem
}

.focus\:translate-x-8:focus{
  --transform-translate-x:2rem
}

.focus\:translate-x-10:focus{
  --transform-translate-x:2.5rem
}

.focus\:translate-x-12:focus{
  --transform-translate-x:3rem
}

.focus\:translate-x-16:focus{
  --transform-translate-x:4rem
}

.focus\:translate-x-20:focus{
  --transform-translate-x:5rem
}

.focus\:translate-x-24:focus{
  --transform-translate-x:6rem
}

.focus\:translate-x-32:focus{
  --transform-translate-x:8rem
}

.focus\:translate-x-40:focus{
  --transform-translate-x:10rem
}

.focus\:translate-x-48:focus{
  --transform-translate-x:12rem
}

.focus\:translate-x-56:focus{
  --transform-translate-x:14rem
}

.focus\:translate-x-64:focus{
  --transform-translate-x:16rem
}

.focus\:translate-x-px:focus{
  --transform-translate-x:1px
}

.focus\:-translate-x-1:focus{
  --transform-translate-x:-0.25rem
}

.focus\:-translate-x-2:focus{
  --transform-translate-x:-0.5rem
}

.focus\:-translate-x-3:focus{
  --transform-translate-x:-0.75rem
}

.focus\:-translate-x-4:focus{
  --transform-translate-x:-1rem
}

.focus\:-translate-x-5:focus{
  --transform-translate-x:-1.25rem
}

.focus\:-translate-x-6:focus{
  --transform-translate-x:-1.5rem
}

.focus\:-translate-x-8:focus{
  --transform-translate-x:-2rem
}

.focus\:-translate-x-10:focus{
  --transform-translate-x:-2.5rem
}

.focus\:-translate-x-12:focus{
  --transform-translate-x:-3rem
}

.focus\:-translate-x-16:focus{
  --transform-translate-x:-4rem
}

.focus\:-translate-x-20:focus{
  --transform-translate-x:-5rem
}

.focus\:-translate-x-24:focus{
  --transform-translate-x:-6rem
}

.focus\:-translate-x-32:focus{
  --transform-translate-x:-8rem
}

.focus\:-translate-x-40:focus{
  --transform-translate-x:-10rem
}

.focus\:-translate-x-48:focus{
  --transform-translate-x:-12rem
}

.focus\:-translate-x-56:focus{
  --transform-translate-x:-14rem
}

.focus\:-translate-x-64:focus{
  --transform-translate-x:-16rem
}

.focus\:-translate-x-px:focus{
  --transform-translate-x:-1px
}

.focus\:-translate-x-full:focus{
  --transform-translate-x:-100%
}

.focus\:-translate-x-1\/2:focus{
  --transform-translate-x:-50%
}

.focus\:translate-x-1\/2:focus{
  --transform-translate-x:50%
}

.focus\:translate-x-full:focus{
  --transform-translate-x:100%
}

.focus\:translate-y-0:focus{
  --transform-translate-y:0
}

.focus\:translate-y-1:focus{
  --transform-translate-y:0.25rem
}

.focus\:translate-y-2:focus{
  --transform-translate-y:0.5rem
}

.focus\:translate-y-3:focus{
  --transform-translate-y:0.75rem
}

.focus\:translate-y-4:focus{
  --transform-translate-y:1rem
}

.focus\:translate-y-5:focus{
  --transform-translate-y:1.25rem
}

.focus\:translate-y-6:focus{
  --transform-translate-y:1.5rem
}

.focus\:translate-y-8:focus{
  --transform-translate-y:2rem
}

.focus\:translate-y-10:focus{
  --transform-translate-y:2.5rem
}

.focus\:translate-y-12:focus{
  --transform-translate-y:3rem
}

.focus\:translate-y-16:focus{
  --transform-translate-y:4rem
}

.focus\:translate-y-20:focus{
  --transform-translate-y:5rem
}

.focus\:translate-y-24:focus{
  --transform-translate-y:6rem
}

.focus\:translate-y-32:focus{
  --transform-translate-y:8rem
}

.focus\:translate-y-40:focus{
  --transform-translate-y:10rem
}

.focus\:translate-y-48:focus{
  --transform-translate-y:12rem
}

.focus\:translate-y-56:focus{
  --transform-translate-y:14rem
}

.focus\:translate-y-64:focus{
  --transform-translate-y:16rem
}

.focus\:translate-y-px:focus{
  --transform-translate-y:1px
}

.focus\:-translate-y-1:focus{
  --transform-translate-y:-0.25rem
}

.focus\:-translate-y-2:focus{
  --transform-translate-y:-0.5rem
}

.focus\:-translate-y-3:focus{
  --transform-translate-y:-0.75rem
}

.focus\:-translate-y-4:focus{
  --transform-translate-y:-1rem
}

.focus\:-translate-y-5:focus{
  --transform-translate-y:-1.25rem
}

.focus\:-translate-y-6:focus{
  --transform-translate-y:-1.5rem
}

.focus\:-translate-y-8:focus{
  --transform-translate-y:-2rem
}

.focus\:-translate-y-10:focus{
  --transform-translate-y:-2.5rem
}

.focus\:-translate-y-12:focus{
  --transform-translate-y:-3rem
}

.focus\:-translate-y-16:focus{
  --transform-translate-y:-4rem
}

.focus\:-translate-y-20:focus{
  --transform-translate-y:-5rem
}

.focus\:-translate-y-24:focus{
  --transform-translate-y:-6rem
}

.focus\:-translate-y-32:focus{
  --transform-translate-y:-8rem
}

.focus\:-translate-y-40:focus{
  --transform-translate-y:-10rem
}

.focus\:-translate-y-48:focus{
  --transform-translate-y:-12rem
}

.focus\:-translate-y-56:focus{
  --transform-translate-y:-14rem
}

.focus\:-translate-y-64:focus{
  --transform-translate-y:-16rem
}

.focus\:-translate-y-px:focus{
  --transform-translate-y:-1px
}

.focus\:-translate-y-full:focus{
  --transform-translate-y:-100%
}

.focus\:-translate-y-1\/2:focus{
  --transform-translate-y:-50%
}

.focus\:translate-y-1\/2:focus{
  --transform-translate-y:50%
}

.focus\:translate-y-full:focus{
  --transform-translate-y:100%
}

.skew-x-0{
  --transform-skew-x:0
}

.skew-x-1{
  --transform-skew-x:1deg
}

.skew-x-2{
  --transform-skew-x:2deg
}

.skew-x-3{
  --transform-skew-x:3deg
}

.skew-x-6{
  --transform-skew-x:6deg
}

.skew-x-12{
  --transform-skew-x:12deg
}

.-skew-x-12{
  --transform-skew-x:-12deg
}

.-skew-x-6{
  --transform-skew-x:-6deg
}

.-skew-x-3{
  --transform-skew-x:-3deg
}

.-skew-x-2{
  --transform-skew-x:-2deg
}

.-skew-x-1{
  --transform-skew-x:-1deg
}

.skew-y-0{
  --transform-skew-y:0
}

.skew-y-1{
  --transform-skew-y:1deg
}

.skew-y-2{
  --transform-skew-y:2deg
}

.skew-y-3{
  --transform-skew-y:3deg
}

.skew-y-6{
  --transform-skew-y:6deg
}

.skew-y-12{
  --transform-skew-y:12deg
}

.-skew-y-12{
  --transform-skew-y:-12deg
}

.-skew-y-6{
  --transform-skew-y:-6deg
}

.-skew-y-3{
  --transform-skew-y:-3deg
}

.-skew-y-2{
  --transform-skew-y:-2deg
}

.-skew-y-1{
  --transform-skew-y:-1deg
}

.hover\:skew-x-0:hover{
  --transform-skew-x:0
}

.hover\:skew-x-1:hover{
  --transform-skew-x:1deg
}

.hover\:skew-x-2:hover{
  --transform-skew-x:2deg
}

.hover\:skew-x-3:hover{
  --transform-skew-x:3deg
}

.hover\:skew-x-6:hover{
  --transform-skew-x:6deg
}

.hover\:skew-x-12:hover{
  --transform-skew-x:12deg
}

.hover\:-skew-x-12:hover{
  --transform-skew-x:-12deg
}

.hover\:-skew-x-6:hover{
  --transform-skew-x:-6deg
}

.hover\:-skew-x-3:hover{
  --transform-skew-x:-3deg
}

.hover\:-skew-x-2:hover{
  --transform-skew-x:-2deg
}

.hover\:-skew-x-1:hover{
  --transform-skew-x:-1deg
}

.hover\:skew-y-0:hover{
  --transform-skew-y:0
}

.hover\:skew-y-1:hover{
  --transform-skew-y:1deg
}

.hover\:skew-y-2:hover{
  --transform-skew-y:2deg
}

.hover\:skew-y-3:hover{
  --transform-skew-y:3deg
}

.hover\:skew-y-6:hover{
  --transform-skew-y:6deg
}

.hover\:skew-y-12:hover{
  --transform-skew-y:12deg
}

.hover\:-skew-y-12:hover{
  --transform-skew-y:-12deg
}

.hover\:-skew-y-6:hover{
  --transform-skew-y:-6deg
}

.hover\:-skew-y-3:hover{
  --transform-skew-y:-3deg
}

.hover\:-skew-y-2:hover{
  --transform-skew-y:-2deg
}

.hover\:-skew-y-1:hover{
  --transform-skew-y:-1deg
}

.focus\:skew-x-0:focus{
  --transform-skew-x:0
}

.focus\:skew-x-1:focus{
  --transform-skew-x:1deg
}

.focus\:skew-x-2:focus{
  --transform-skew-x:2deg
}

.focus\:skew-x-3:focus{
  --transform-skew-x:3deg
}

.focus\:skew-x-6:focus{
  --transform-skew-x:6deg
}

.focus\:skew-x-12:focus{
  --transform-skew-x:12deg
}

.focus\:-skew-x-12:focus{
  --transform-skew-x:-12deg
}

.focus\:-skew-x-6:focus{
  --transform-skew-x:-6deg
}

.focus\:-skew-x-3:focus{
  --transform-skew-x:-3deg
}

.focus\:-skew-x-2:focus{
  --transform-skew-x:-2deg
}

.focus\:-skew-x-1:focus{
  --transform-skew-x:-1deg
}

.focus\:skew-y-0:focus{
  --transform-skew-y:0
}

.focus\:skew-y-1:focus{
  --transform-skew-y:1deg
}

.focus\:skew-y-2:focus{
  --transform-skew-y:2deg
}

.focus\:skew-y-3:focus{
  --transform-skew-y:3deg
}

.focus\:skew-y-6:focus{
  --transform-skew-y:6deg
}

.focus\:skew-y-12:focus{
  --transform-skew-y:12deg
}

.focus\:-skew-y-12:focus{
  --transform-skew-y:-12deg
}

.focus\:-skew-y-6:focus{
  --transform-skew-y:-6deg
}

.focus\:-skew-y-3:focus{
  --transform-skew-y:-3deg
}

.focus\:-skew-y-2:focus{
  --transform-skew-y:-2deg
}

.focus\:-skew-y-1:focus{
  --transform-skew-y:-1deg
}

.transition-none{
  transition-property:none
}

.transition-all{
  transition-property:all
}

.transition{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
}

.transition-colors{
  transition-property:background-color, border-color, color, fill, stroke
}

.transition-opacity{
  transition-property:opacity
}

.transition-shadow{
  transition-property:box-shadow
}

.transition-transform{
  transition-property:transform
}

.ease-linear{
  transition-timing-function:linear
}

.ease-in{
  transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
}

.ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.duration-75{
  transition-duration:75ms
}

.duration-100{
  transition-duration:100ms
}

.duration-150{
  transition-duration:150ms
}

.duration-200{
  transition-duration:200ms
}

.duration-300{
  transition-duration:300ms
}

.duration-500{
  transition-duration:500ms
}

.duration-700{
  transition-duration:700ms
}

.duration-1000{
  transition-duration:1000ms
}

.delay-75{
  transition-delay:75ms
}

.delay-100{
  transition-delay:100ms
}

.delay-150{
  transition-delay:150ms
}

.delay-200{
  transition-delay:200ms
}

.delay-300{
  transition-delay:300ms
}

.delay-500{
  transition-delay:500ms
}

.delay-700{
  transition-delay:700ms
}

.delay-1000{
  transition-delay:1000ms
}

@keyframes spin{
  to{
    transform:rotate(360deg)
  }
}

@keyframes ping{
  75%, 100%{
    transform:scale(2);
    opacity:0
  }
}

@keyframes pulse{
  50%{
    opacity:.5
  }
}

@keyframes bounce{
  0%, 100%{
    transform:translateY(-25%);
    animation-timing-function:cubic-bezier(0.8,0,1,1)
  }

  50%{
    transform:none;
    animation-timing-function:cubic-bezier(0,0,0.2,1)
  }
}

.animate-none{
  animation:none
}

.animate-spin{
  animation:spin 1s linear infinite
}

.animate-ping{
  animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
}

.animate-pulse{
  animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

.animate-bounce{
  animation:bounce 1s infinite
}

.ember-basic-dropdown{
  position:relative
}

.ember-basic-dropdown-content{
  position:absolute;
  width:auto;
  z-index:1000;
  background-color:#fff
}

.ember-basic-dropdown-content--left{
  left:0
}

.ember-basic-dropdown-content--right{
  right:0
}

.ember-basic-dropdown-overlay{
  position:fixed;
  background:rgba(0,0,0,.5);
  width:100%;
  height:100%;
  z-index:10;
  top:0;
  left:0;
  pointer-events:none
}

.ember-power-select-trigger{
  position:relative;
  border-top:1px solid #e5e6e7;
  border-bottom:1px solid #e5e6e7;
  border-right:1px solid #e5e6e7;
  border-left:1px solid #e5e6e7;
  border-radius:4px;
  background-color:#fff;
  line-height:2;
  overflow-x:hidden;
  text-overflow:ellipsis;
  min-height:2em;
  user-select:none;
  -webkit-user-select:none;
  color:inherit
}

.ember-power-select-trigger:after{
  content:"";
  display:table;
  clear:both
}

.ember-power-select-trigger--active,.ember-power-select-trigger:focus{
  border-top:1px solid #66afe9;
  border-bottom:1px solid #66afe9;
  border-right:1px solid #66afe9;
  border-left:1px solid #66afe9;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  outline:0
}

.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded=true],.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded=true]{
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px
}

.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded=true]{
  border-top-left-radius:4px;
  border-top-right-radius:4px
}

.ember-power-select-placeholder{
  color:#999;
  display:block;
  overflow-x:hidden;
  white-space:nowrap;
  text-overflow:ellipsis
}

.ember-power-select-status-icon{
  position:absolute;
  display:inline-block;
  width:0;
  height:0;
  top:0;
  bottom:0;
  margin:auto;
  border-style:solid;
  border-width:7px 4px 0;
  border-color:#999 transparent transparent;
  right:5px
}

.ember-basic-dropdown-trigger[aria-expanded=true] .ember-power-select-status-icon{
  transform:rotate(180deg)
}

.ember-power-select-clear-btn{
  position:absolute;
  cursor:pointer;
  right:25px
}

.ember-power-select-multiple-options{
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  list-style:none
}

.ember-power-select-trigger-multiple-input{
  font-family:inherit;
  font-size:inherit;
  border:none;
  line-height:inherit;
  -webkit-appearance:none;
  outline:0;
  padding:0;
  background-color:transparent;
  text-indent:2px
}

.ember-power-select-trigger-multiple-input:disabled{
  background-color:#eee
}

.ember-power-select-trigger-multiple-input::placeholder{
  opacity:1;
  color:#999
}

.ember-power-select-trigger-multiple-input::-webkit-input-placeholder{
  opacity:1;
  color:#999
}

.ember-power-select-trigger-multiple-input::-moz-placeholder{
  opacity:1;
  color:#999
}

.ember-power-select-trigger-multiple-input::-ms-input-placeholder{
  opacity:1;
  color:#999
}

.ember-power-select-multiple-option{
  border:1px solid gray;
  border-radius:4px;
  color:#333;
  background-color:#f7fafc;
  padding:0 4px;
  line-height:1.45;
  margin:2px 0 2px 3px
}

.ember-power-select-multiple-remove-btn{
  cursor:pointer
}

.ember-power-select-multiple-remove-btn:not(:hover){
  opacity:.5
}

.ember-power-select-search{
  padding:4px
}

.ember-power-select-search-input{
  border:1px solid #e5e6e7;
  border-radius:3px;
  width:100%;
  font-size:inherit;
  line-height:inherit;
  padding:0 5px
}

.help-block,.ibox-footer{
  font-size:90%
}

.ember-power-select-search-input:focus{
  border:1px solid #66afe9;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
  outline:0
}

.ember-power-select-dropdown{
  border-left:1px solid #e5e6e7;
  border-right:1px solid #e5e6e7;
  line-height:2;
  border-radius:4px;
  box-shadow:rgba(0,0,0,.172549) 0 6px 12px 0;
  overflow:hidden;
  color:inherit
}

.ember-power-select-dropdown.ember-basic-dropdown-content--above{
  transform:translateY(calc(-1 * 3px));
  border-top:1px solid #e5e6e7;
  border-bottom:1px solid #e5e6e7;
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px
}

.ember-power-select-dropdown.ember-basic-dropdown-content--below,.ember-power-select-dropdown.ember-basic-dropdown-content--in-place{
  transform:translateY(3px);
  border-top:1px solid #e5e6e7;
  border-bottom:1px solid #e5e6e7;
  border-top-left-radius:4px;
  border-top-right-radius:4px
}

.ember-power-select-dropdown.ember-basic-dropdown-content--in-place{
  width:100%
}

.ember-power-select-options{
  list-style:none;
  margin:0;
  padding:0;
  user-select:none;
  -webkit-user-select:none
}

.ember-power-select-options[role=listbox]{
  overflow-y:auto;
  -webkit-overflow-scrolling:touch;
  max-height:14em
}

.ember-power-select-option{
  cursor:pointer;
  padding:0 8px
}

.ember-power-select-group[aria-disabled=true]{
  color:#999;
  cursor:not-allowed
}

.ember-power-select-group[aria-disabled=true] .ember-power-select-option,.ember-power-select-option[aria-disabled=true]{
  color:#999;
  pointer-events:none;
  cursor:not-allowed
}

.ember-power-select-option[aria-selected=true]{
  background-color:#f5f5f5
}

.ember-power-select-option[aria-current=true]{
  background-color:#f5f5f5;
  color:inherit
}

.ember-power-select-group-name{
  cursor:default;
  font-weight:700
}

.ember-power-select-trigger[aria-disabled=true]{
  background-color:#eee
}

.ember-power-select-trigger{
  padding:0 16px 0 0
}

.ember-power-select-placeholder,.ember-power-select-selected-item{
  margin-left:8px
}

.ember-power-select-group .ember-power-select-group .ember-power-select-group-name{
  padding-left:24px
}

.ember-power-select-group .ember-power-select-group .ember-power-select-option{
  padding-left:40px
}

.ember-power-select-group .ember-power-select-option{
  padding-left:24px
}

.ember-power-select-group .ember-power-select-group-name{
  padding-left:8px
}

.ember-power-select-trigger[dir=rtl]{
  padding:0 0 0 16px
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder,.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item{
  margin-right:8px
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option,.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input{
  float:right
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon{
  left:5px;
  right:initial
}

.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn{
  left:25px;
  right:initial
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name{
  padding-right:24px
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option{
  padding-right:40px
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option{
  padding-right:24px
}

.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name{
  padding-right:8px
}

.ember-modal-dialog{
  z-index:51;
  position:fixed;
  background-color:#f7fafc
}

.ember-modal-dialog.emd-in-place{
  position:static
}

.ember-modal-wrapper.emd-static.emd-wrapper-target-attachment-center .ember-modal-dialog{
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center{
  width:100vw;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  z-index:50;
  display:flex;
  align-items:center;
  justify-content:center
}

.ember-modal-wrapper.emd-animatable.emd-wrapper-target-attachment-center .ember-modal-overlay{
  display:flex;
  align-items:center;
  justify-content:center
}

.pesdk-ControlGroupList-1f3fuxn__SectionList-x32ss4 *,[data-identifier=adjustments],[data-test=MainBarButtonClose],[data-test=MainBarButtonExport]{
  display:none
}

.ember-modal-wrapper.emd-animatable .ember-modal-dialog{
  position:relative
}

.ember-modal-overlay{
  width:100vw;
  height:100vh;
  position:fixed;
  top:0;
  left:0;
  z-index:50
}

.ember-modal-overlay.translucent{
  background-color:rgba(128,128,128,.77)
}

.ibox-footer{
  color:inherit;
  border-top:1px solid #e7eaec;
  background:#fff;
  padding:10px 15px
}

.login-screen{
  background-color:#e7eaf0
}

.middle-box{
  max-width:400px;
  z-index:100;
  margin:0 auto;
  padding-top:40px
}

.loginscreen.middle-box{
  width:initial
}

.nav-label{
  font-weight:400
}

@media (min-width:768px){
  .navbar-right{
    margin-right:10px
  }
}

.select2-selection.select2-selection--single{
  height:34px
}

.pagination>li>a{
  padding-left:12px;
  padding-right:12px
}

.pagination .active a,.pagination .active a:hover{
  background-color:#337ab7;
  color:#fff
}

.nav-tabs>li.active{
  background:0 0;
  border:none
}

.nav-tabs>li.active>a{
  color:#555
}

.list-group .list-group-item{
  border:none
}

.progress-bar-light-warning{
  background-color:#faea2a
}

.progress-bar-medium-warning{
  background-color:#f69328
}

.form-control[readonly]{
  background-color:#f8fafc
}

.toast-success{
  background-color:#51a351
}

.toast-error{
  background-color:#bd362f
}

.toast-info{
  background-color:#2f96b4
}

.toast-warning{
  background-color:#f89406
}

.ember-modal-overlay.translucent{
  z-index:8000
}

.ember-tooltip{
  z-index:5000
}

.ember-light-table .lt-body-wrap{
  overflow-y:visible
}

.pesdk-ControlGroupList-1f3fuxn__SectionList-x32ss4:after{
  color:grey;
  text-align:center;
  font-family:"Open Sans";
  font-size:20px;
  padding-left:3px;
  padding-top:3px;
  content:"Click an icon on the left to get started"!important
}

.pesdk-desktop-editor .pesdk-Header-2j8ygm{
  background:#4b4b4c
}

[data-test=EditorContainer]{
  height:92%!important
}

.weldnote-small-blue-title{
  color:#1a61a1;
  font-size:16px
}

.weldnote-dark-bg-color,.weldnote-light-bg-color{
  background:#e7eaf0
}

.material-label{
  padding-left:15px
}

.pqr-tab-content{
  min-height:1000px
}

.test-table-display .form-group{
  margin-bottom:0
}

.test-table-display .form-control-static{
  min-height:10px
}

.certificate-tab-content{
  min-height:800px
}

.certificate-duplicate-modal{
  min-width:500px
}

.setup-account-steps .progress-bar.indeterminate{
  position:relative;
  animation:progress-indeterminate 3s linear infinite
}

@keyframes progress-indeterminate{
  from{
    left:-25%;
    width:25%
  }

  to{
    left:100%;
    width:25%
  }
}

.lookup-image-column,body.body-small.fixed-sidebar.mini-navbar .navbar-static-side{
  width:250px
}

.form-control.item-choice{
  background-color:#fff
}

.lookup-line:hover{
  background-color:#ddd;
  cursor:pointer
}

.form-control.base-material-choice:disabled{
  background-color:#fff
}

.task-progress .task-progress-show-download-link{
  background:#fff89b
}

.tooltip-error{
  background-color:#e37f7f;
  color:#fff
}

.tooltip-weldnote{
  color:#fff;
  font-weight:700
}

.filler-material-diameters .help-block-error,.filler-material-welding-pass-selector .help-block-error{
  color:#8e1717
}

.new-version-notifier{
  text-align:center;
  border-radius:0;
  margin-bottom:0
}

.filler-material-diameters .filler-material-error,.filler-material-welding-pass-selector .filler-material-error{
  border:1px solid #8e1717
}

@media all and (max-width:500px){
  .body-small .weldnote-logo{
    display:none
  }

  .certificate-duplicate-modal{
    min-width:300px
  }

  .new-version-notifier button{
    display:block;
    margin:15px auto 0;
    padding:5px 15px
  }
}

.expiring-certificates .expiring-list{
  width:360px;
  left:-335px
}

.base-material-chooser .form-control.base-material-choice{
  background-color:#fff
}

.base-material-chooser .add-new-material-link,.filler-material-chooser .add-new-material-link{
  background-color:#fff89b
}

.filler-material-diameters{
  margin-bottom:15px
}

.filler-material-diameters .filler-material-form-group{
  margin-bottom:0
}

.filler-material-welding-pass-selector{
  margin-bottom:15px
}

.filler-material-welding-pass-selector .filler-material-form-group{
  margin-bottom:0
}

.filler-material-welding-pass-selector .filler-material-diameters-container{
  display:flex;
  flex-direction:row
}

.filler-material-welding-pass-selector .filler-material-item{
  margin-right:5px
}

.show-search-message-more-results{
  font-style:italic;
  text-align:center;
  display:block
}

.form-control.gas-choice{
  background-color:#fff
}

.gas-line:hover{
  background-color:#ddd;
  cursor:pointer
}

.gas-active-line{
  background-color:#eee;
  color:ligthen(#000,10%)
}

@media (min-width:768px){
  .base-material-chooser .base-material-chooser-modal,.filler-material-chooser .filler-material-chooser-modal,.gas-chooser-modal{
    min-width:600px
  }
}

.form-control.flux-choice{
  background-color:#fff
}

.flux-line:hover{
  background-color:#ddd;
  cursor:pointer
}

.flux-active-line{
  background-color:#eee;
  color:ligthen(#000,10%)
}

.weldnote-loading{
  margin-top:100px;
  text-align:center
}

.weldnote-loading-center-only{
  text-align:center
}

.weldnote-breadcrumb{
  margin:10px 0
}

.breadcrumb-item{
  padding:6px
}

.breadcrumb>li+li:before{
  content:none
}

.map-container{
  background:#fff
}

.map-headers{
  background:#aaa;
  color:#000
}

.map-piece-info{
  background:#ddd
}

.map-id{
  font-weight:700
}

.ibox-title-label{
  font-size:18px;
  color:#1a61a1
}

.ibox-closed{
  display:none
}

.ibox-toggle{
  cursor:pointer
}

.w-attribute-boolean-input{
  display:block;
  height:34px
}

.dropzone-valid{
  padding:10px;
  background-color:#EEE;
  border:1px dashed #000
}

.dropzone-invalid{
  border:1px dashed red
}

.unsaved-work .link-pointer{
  cursor:pointer
}

.unsaved-work .trash-content{
  text-align:right
}

.dashed-separator{
  border-top:1px dashed #e7eaec;
  color:#fff;
  background-color:#fff;
  height:1px;
  margin-top:0;
  margin-bottom:20px
}

.welding-passes-field-title{
  color:#1a61a1;
  font-size:16px;
  text-align:center;
  margin-bottom:10px
}

.welding-passes-field-title-pass{
  font-weight:700;
  padding-bottom:19px
}

.welding-passes-direction-label,.welding-passes-field-title-value{
  padding-left:10px
}

.simple-grid-table{
  margin-bottom:0
}

.simple-grid-table table.table th{
  color:#606f7b;
  font-weight:400;
  background-color:#f1f5f8
}

.simple-grid-table .table>tbody>tr{
  border:1px solid #eef
}

.simple-grid-table .table>tbody>tr>td,.simple-grid-table .table>tbody>tr>th,.simple-grid-table .table>tfoot>tr>td,.simple-grid-table .table>tfoot>tr>th,.simple-grid-table .table>thead>tr>td,.simple-grid-table .table>thead>tr>th{
  line-height:1.42857;
  padding:12px;
  vertical-align:top;
  border:none
}

.simple-grid-table table.tr:hover{
  background:#f1f5f8
}

.small-action-list>.action-list{
  margin-bottom:50px
}

.medium-action-list>.action-list{
  margin-bottom:100px
}

.large-action-list>.action-list{
  margin-bottom:150px
}

@media (max-width:767px){
  .simple-grid-table td.d-mobile-table-cell,.simple-grid-table th.d-mobile-table-cell{
    display:table-cell!important
  }
}

@media (min-width:768px) and (max-width:991px){
  .simple-grid-table td.d-mobile-table-cell,.simple-grid-table td.d-tablet-table-cell,.simple-grid-table th.d-mobile-table-cell,.simple-grid-table th.d-tablet-table-cell{
    display:table-cell!important
  }
}

@media (min-width:992px) and (max-width:1199px){
  .simple-grid-table td.d-laptop-table-cell,.simple-grid-table td.d-mobile-table-cell,.simple-grid-table td.d-tablet-table-cell,.simple-grid-table th.d-laptop-table-cell,.simple-grid-table th.d-mobile-table-cell,.simple-grid-table th.d-tablet-table-cell{
    display:table-cell!important
  }
}

@media (min-width:1200px){
  .simple-grid-table td,.simple-grid-table th{
    display:table-cell!important
  }
}

.simple-grid-table tr.expanded-row{
  background-color:#f8f9fa
}

.simple-grid-table .expanded-row-content{
  border-top:none
}

.simple-grid-table .expanded-row-content td{
  background-color:#f1f3f4;
  border-top:1px solid #dee2e6
}

.simple-grid-table .align-right{
  text-align:right
}

.simple-grid-table .align-left{
  text-align:left
}

.row-toggle{
  color:#6c757d;
  border:none;
  background:0 0;
  font-size:.875rem
}

.row-toggle:hover{
  color:#495057
}

.row-toggle:focus{
  outline:0;
  box-shadow:0 0 0 2px rgba(0,123,255,.25)
}

@keyframes bluefade{
  from{
    background:#39C
  }

  to{
    background:0 0
  }
}

.welding-book-no-pqr-found{
  animation-name:bluefade;
  animation-duration:3s
}

.wps-parameter-invalid{
  background:#ffcece
}

.wps-view-mode-active-pqr{
  font-weight:700
}

.project-drawing-tab-content{
  padding:15px;
  background-color:rgb(249.9,249.9,249.9);
  border:1px solid #eee
}

.project-drawing-new-revision-modal{
  min-width:500px
}

@media all and (max-width:500px){
  .project-drawing-new-revision-modal{
    min-width:300px
  }
}

.generic-modal{
  min-width:500px
}

.fix-width-ie11{
  max-width:90%
}

@media all and (max-width:500px){
  .generic-modal{
    min-width:300px
  }
}

body.centered-modal-showing{
  overflow:hidden
}

.centered-scrolling-wrapper,.schematic-editor-wrapper,.video-centered-scrolling-wrapper{
  top:0;
  overflow-y:scroll;
  z-index:9999;
  left:0
}

.centered-scrolling-wrapper{
  width:100vw;
  height:100vh;
  position:fixed
}

.centered-scrolling-overlay{
  position:relative;
  height:auto;
  min-height:100vh;
  padding:1em;
  display:flex;
  display:-webkit-flex;
  align-items:flex-start;
  -webkit-align-items:flex-start;
  justify-content:center;
  -webkit-justify-content:center
}

.centered-scrolling-container,.schematic-editor-container{
  position:relative;
  background-color:transparent;
  min-height:20em;
  min-width:30em;
  box-sizing:border-box
}

.centered-scrolling-container{
  padding:3em;
  margin-top:20px;
  margin-bottom:20px
}

.schematic-editor-container{
  margin-top:5px;
  padding:2px;
  margin-bottom:20px
}

.schematic-editor-wrapper{
  height:100vh;
  position:fixed
}

.centered-scrolling-overlay.translucent{
  background-color:rgba(0,0,0,.5);
  opacity:1
}

.video-centered-scrolling-overlay{
  position:relative;
  height:auto;
  min-height:100vh;
  padding:5px;
  display:flex;
  display:-webkit-flex;
  align-items:flex-start;
  -webkit-align-items:flex-start;
  justify-content:center;
  -webkit-justify-content:center
}

.video-centered-scrolling-container{
  position:relative;
  background-color:#fff;
  min-width:30em;
  min-height:20em;
  padding:5px;
  margin-top:10px;
  margin-bottom:10px;
  box-sizing:border-box
}

.video-centered-scrolling-wrapper{
  width:100vw;
  height:100vh;
  position:fixed;
  overflow-x:hidden
}

.video-centered-scrolling-overlay.translucent{
  background-color:rgba(0,0,0,.5);
  opacity:1
}

.full-width-modal{
  width:95%
}

.video-full-width-modal{
  width:85%
}

.ember-modal-dialog.animated{
  -webkit-animation-fill-mode:none;
  animation-fill-mode:none
}

.flexer,.progress-indicator{
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex
}

.no-flexer,.progress-indicator.stacked{
  display:block
}

.no-flexer-element{
  -ms-flex:0;
  -webkit-flex:0;
  -moz-flex:0;
  flex:0
}

.flexer-element,.progress-indicator>li{
  -ms-flex:1;
  -webkit-flex:1;
  -moz-flex:1;
  flex:1
}

.progress-indicator{
  margin:0 0 1em;
  padding:0;
  font-size:100%;
  text-transform:uppercase
}

.progress-indicator>li{
  list-style:none;
  text-align:center;
  width:auto;
  padding:0;
  margin:0;
  position:relative;
  text-overflow:ellipsis;
  color:#999;
  display:block
}

.progress-indicator>li:hover{
  color:#333
}

.progress-indicator>li.completed,.progress-indicator>li.completed .bubble{
  color:#1a61a1
}

.progress-indicator>li .bubble{
  border-radius:1000px;
  width:25px;
  height:25px;
  background-color:#999;
  display:block;
  margin:0 auto .5em;
  border-bottom:2px solid #666
}

.progress-indicator>li .bubble:after,.progress-indicator>li .bubble:before{
  display:block;
  position:absolute;
  top:10.5px;
  width:100%;
  height:4px;
  content:"";
  background-color:#999
}

.progress-indicator>li.completed .bubble,.progress-indicator>li.completed .bubble:after,.progress-indicator>li.completed .bubble:before{
  background-color:#1a61a1;
  border-color:#000
}

.progress-indicator>li .bubble:before{
  left:0
}

.progress-indicator>li .bubble:after{
  right:0
}

.progress-indicator>li:first-child .bubble:after,.progress-indicator>li:first-child .bubble:before{
  width:50%;
  margin-left:50%
}

.progress-indicator>li:last-child .bubble:after,.progress-indicator>li:last-child .bubble:before{
  width:50%;
  margin-right:50%
}

.progress-indicator>li.active,.progress-indicator>li.active .bubble{
  color:#337AB7
}

.progress-indicator>li.active .bubble,.progress-indicator>li.active .bubble:after,.progress-indicator>li.active .bubble:before{
  background-color:#337AB7;
  border-color:rgb(6.5384615385,15.641025641,23.4615384615)
}

.progress-indicator>li a:hover .bubble,.progress-indicator>li a:hover .bubble:after,.progress-indicator>li a:hover .bubble:before{
  background-color:#5671d0;
  border-color:rgb(19.5833333333,30.8333333333,70.4166666667)
}

.progress-indicator>li a:hover .bubble{
  color:#5671d0
}

.progress-indicator>li.danger .bubble,.progress-indicator>li.danger .bubble:after,.progress-indicator>li.danger .bubble:before{
  background-color:#d3140f;
  border-color:rgb(20.5398230088,1.9469026549,1.4601769912)
}

.progress-indicator>li.danger .bubble{
  color:#d3140f
}

.progress-indicator>li.warning .bubble,.progress-indicator>li.warning .bubble:after,.progress-indicator>li.warning .bubble:before{
  background-color:#edb10a;
  border-color:rgb(41.2591093117,30.8137651822,1.7408906883)
}

.progress-indicator>li.warning .bubble{
  color:#edb10a
}

.progress-indicator>li.info .bubble,.progress-indicator>li.info .bubble:after,.progress-indicator>li.info .bubble:before{
  background-color:#5b32d6;
  border-color:#140a32
}

.progress-indicator>li.info .bubble{
  color:#5b32d6
}

.progress-indicator.stacked>li{
  text-indent:-10px;
  text-align:center;
  display:block
}

.progress-indicator.stacked>li .bubble:after,.progress-indicator.stacked>li .bubble:before{
  left:50%;
  margin-left:-2px;
  width:4px;
  height:100%
}

.progress-indicator.stacked .stacked-text{
  position:relative;
  z-index:10;
  top:0;
  margin-left:60%!important;
  width:45%!important;
  display:inline-block;
  text-align:left;
  line-height:1.2em
}

.copyright,.login-text{
  line-height:18px;
  text-align:center
}

.progress-indicator.stacked>li a{
  border:none
}

.progress-indicator.stacked.nocenter>li .bubble{
  margin-left:0;
  margin-right:0
}

.progress-indicator.stacked.nocenter>li .bubble:after,.progress-indicator.stacked.nocenter>li .bubble:before{
  left:12.5px
}

.progress-indicator.stacked.nocenter .stacked-text{
  width:auto!important;
  display:block;
  margin-left:50px!important
}

@media handheld,screen and (max-width:400px){
  .progress-indicator{
    font-size:60%
  }
}

.welding-details-chooser .disabled-option{
  color:#ddd;
  cursor:not-allowed
}

.trial-notice .notice-box{
  text-align:center;
  border-radius:0;
  margin-bottom:0
}

.login-container{
  height:100vh;
  background-image:url(https://weldnote-uploads.s3.amazonaws.com/weldnote/assets/imgs/background-dd24cb0913dac825d31d5f5505d608ad.png);
  background-size:cover
}

.login-form{
  padding:40px;
  height:260px
}

.login-text{
  font-size:14px
}

.login-text a{
  color:#0691a8!important;
  text-decoration:none
}

.copyright{
  width:100%;
  font-weight:400;
  font-size:14px;
  color:#fff
}

.login-box-border-top{
  width:420px;
  border-radius:40px 0 0
}

.login-box-border-bottom{
  width:420px;
  border-radius:0 0 40px;
  background-color:#eee
}

.login-box-border-both{
  width:420px;
  border-radius:40px 0
}

.login-page-primary-color{
  color:#0691a8!important
}

.bg-login-page-primary-color{
  background-color:#0691a8!important
}

.pika-single{
  z-index:9999;
  display:block;
  position:relative;
  color:#333;
  background:#fff;
  border:1px solid #ccc;
  border-bottom-color:#bbb;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif
}

.pika-single:after,.pika-single:before{
  content:" ";
  display:table
}

.pika-single:after{
  clear:both
}

.pika-single.is-hidden{
  display:none
}

.pika-single.is-bound{
  position:absolute;
  box-shadow:0 5px 15px -5px rgba(0,0,0,.5)
}

.pika-lendar{
  float:left;
  width:240px;
  margin:8px
}

.pika-title{
  position:relative;
  text-align:center
}

.pika-label{
  display:inline-block;
  position:relative;
  z-index:9999;
  overflow:hidden;
  margin:0;
  padding:5px 3px;
  font-size:14px;
  line-height:20px;
  font-weight:700;
  background-color:#fff
}

.pika-button,.pika-table th{
  font-size:12px;
  text-align:center
}

.pika-title select{
  cursor:pointer;
  position:absolute;
  z-index:9998;
  margin:0;
  left:0;
  top:5px;
  opacity:0
}

.pika-next,.pika-prev{
  display:block;
  cursor:pointer;
  position:relative;
  outline:0;
  border:0;
  padding:0;
  width:20px;
  height:30px;
  text-indent:20px;
  white-space:nowrap;
  overflow:hidden;
  background-color:transparent;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:75% 75%;
  opacity:.5
}

.pika-next:hover,.pika-prev:hover{
  opacity:1
}

.is-rtl .pika-next,.pika-prev{
  float:left;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)
}

.is-rtl .pika-prev,.pika-next{
  float:right;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)
}

.pika-next.is-disabled,.pika-prev.is-disabled{
  cursor:default;
  opacity:.2
}

.is-disabled .pika-button,.is-outside-current-month .pika-button{
  opacity:.3;
  color:#999
}

.pika-select{
  display:inline-block
}

.pika-table{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  border:0
}

.pika-table td,.pika-table th{
  width:14.2857142857%;
  padding:0
}

.pika-table th{
  color:#999;
  line-height:25px;
  font-weight:700
}

.pika-button{
  cursor:pointer;
  display:block;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  outline:0;
  border:0;
  margin:0;
  width:100%;
  padding:5px;
  color:#666;
  line-height:15px;
  background:#f5f5f5;
  height:initial
}

.is-disabled .pika-button,.is-selection-disabled{
  pointer-events:none;
  cursor:default
}

.pika-week{
  font-size:11px;
  color:#999
}

.is-today .pika-button{
  color:#3af;
  font-weight:700
}

.has-event .pika-button,.is-selected .pika-button{
  color:#fff;
  font-weight:700;
  background:#3af;
  box-shadow:inset 0 1px 3px #178fe5;
  border-radius:3px
}

.has-event .pika-button{
  background:#005da9;
  box-shadow:inset 0 1px 3px #0076c9
}

.is-disabled .pika-button,.is-inrange .pika-button{
  background:#D5E9F7
}

.is-startrange .pika-button{
  color:#fff;
  background:#6CB31D;
  box-shadow:none;
  border-radius:3px
}

.is-endrange .pika-button{
  color:#fff;
  background:#3af;
  box-shadow:none;
  border-radius:3px
}

.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{
  color:#fff;
  background:#ff8000;
  box-shadow:none;
  border-radius:3px
}

.pika-table abbr{
  border-bottom:none;
  cursor:help
}

.search-button{
  cursor:pointer
}

@media (min-width:768px){
  .commercial-designation-modal,.create-wps-modal{
    min-width:600px
  }
}

.tabs-container .nav-tabs li.has-error:not(.active){
  background:#FFC6C6
}

.tabs-container .nav-tabs li.has-error a{
  color:#8e1717
}

.weldnote-dropdown-background{
  background-color:#fff;
  border:1px solid rgba(0,0,0,.15);
  border-radius:4px;
  box-shadow:0 6px 12px rgba(0,0,0,.175);
  padding:5px;
  margin:2px 0 0
}

.weldnote-dropdown-list{
  list-style:none;
  min-width:160px;
  padding:5px 0;
  margin:2px 0 0
}

.weldnote-dropdown-item{
  padding:5px 20px;
  line-height:1.42857;
  white-space:nowrap
}

.weldnote-dropdown-item:hover{
  background-color:#eee
}

.animated{
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}

@keyframes bluefade{
  from{
    background:#1a61a1
  }

  to{
    background:0 0
  }
}

@keyframes fadeIn{
  from{
    opacity:0
  }

  to{
    opacity:1
  }
}

.fadeIn{
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn
}

.blue-fade-in{
  animation-name:bluefade;
  animation-duration:2s
}

@keyframes slideInRight{
  0%{
    opacity:0;
    -webkit-transform:translateX(2000px);
    -ms-transform:translateX(2000px);
    transform:translateX(2000px)
  }

  100%{
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0)
  }
}

.slideInRight{
  -webkit-animation-name:slideInRight;
  animation-name:slideInRight
}

@keyframes backgroundHighlightAnimation{
  100%,from{
    background:0 0
  }

  10%,20%{
    background:rgba(108,161,205,.7)
  }
}

.background-highlight{
  animation-name:backgroundHighlightAnimation;
  animation-duration:2s;
  animation-iteration-count:1
}

@keyframes fadeInDown{
  0%{
    opacity:0;
    -webkit-transform:translateY(-20px);
    -ms-transform:translateY(-20px);
    transform:translateY(-20px)
  }

  100%{
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
  }
}

.fadeInDown{
  -webkit-animation-name:fadeInDown;
  animation-name:fadeInDown;
  animation-duration:.5s
}

.navbar-default{
  --bg-opacity:1;
  background-color:#c7d0d8;
  background-color:rgba(199, 208, 216, var(--bg-opacity));
}

.nav.weldnote-sidebar>li>a{
  --text-opacity:1;
  color:#26292A;
  color:rgba(38, 41, 42, var(--text-opacity));
}

.nav.weldnote-sidebar li>a>.nav-label{
  vertical-align:middle;
  line-height:normal
}

.nav.weldnote-sidebar>li>a.active{
  --bg-opacity:1;
  background-color:#c7d0d8;
  background-color:rgba(199, 208, 216, var(--bg-opacity));
  --text-opacity:1;
  color:#174167;
  color:rgba(23, 65, 103, var(--text-opacity));
}

.nav.weldnote-sidebar>li>a.active>.nav-label{
  font-weight:700;
}

.nav.weldnote-sidebar>li.active{
  --bg-opacity:1;
  background-color:#c7d0d8;
  background-color:rgba(199, 208, 216, var(--bg-opacity));
  font-weight:700;
  --border-opacity:1;
  border-color:#174167;
  border-color:rgba(23, 65, 103, var(--border-opacity));
  border-left-width:4px;
  border-style:solid;
}

.nav.weldnote-sidebar>li.active>a>.nav-label{
  font-weight:700;
}

.mini-navbar .nav-second-level{
  --bg-opacity:1;
  background-color:#c7d0d8;
  background-color:rgba(199, 208, 216, var(--bg-opacity));
}

.mini-navbar .nav-second-level>li>a.active>.nav-label{
  --text-opacity:1;
  color:#174167;
  color:rgba(23, 65, 103, var(--text-opacity));
  font-weight:700;
}

.navbar-default .nav>li>a:focus,.navbar-default .nav>li>a:hover{
  --bg-opacity:1;
  background-color:#c7d0d8;
  background-color:rgba(199, 208, 216, var(--bg-opacity));
  --text-opacity:1;
  color:#174167;
  color:rgba(23, 65, 103, var(--text-opacity));
}

.nav>li>a{
  --text-opacity:1;
  color:#606f7b;
  color:rgba(96, 111, 123, var(--text-opacity));
}

.nav>li.active>a{
  --text-opacity:1;
  color:#26292A;
  color:rgba(38, 41, 42, var(--text-opacity));
}

.navbar-height{
  height:60px
}

.navbar-height-margin{
  margin-top:60px
}

.navbar-fixed-top{
  border-bottom:0 solid #e7eaec!important
}

.navbar-right{
  float:right!important;
  margin-right:10px
}

.navbar-top-links li:last-child{
  margin-right:0
}

.navbar-background{
  background:#1a61a1;
  background:linear-gradient(272deg,#1a61a1 0,#163f63 100%)
}

body.body-small.fixed-sidebar.mini-navbar #page-wrapper{
  margin:0 0 0 250px
}

.count-info .label{
  right:0;
  top:14px
}

.btn-primary{
  --bg-opacity:1;
  background-color:#1A61A1;
  background-color:rgba(26, 97, 161, var(--bg-opacity));
  --border-opacity:1;
  border-color:#1A61A1;
  border-color:rgba(26, 97, 161, var(--border-opacity));
}

.btn-primary:hover{
  --bg-opacity:1;
  background-color:#347fc3;
  background-color:rgba(52, 127, 195, var(--bg-opacity));
  --border-opacity:1;
  border-color:#347fc3;
  border-color:rgba(52, 127, 195, var(--border-opacity));
}

.btn-primary.btn-outline{
  --text-opacity:1;
  color:#1A61A1;
  color:rgba(26, 97, 161, var(--text-opacity));
  background-color:#fff
}

.btn-primary.btn-outline:hover{
  --bg-opacity:1;
  background-color:#1A61A1;
  background-color:rgba(26, 97, 161, var(--bg-opacity));
  color:#fff
}

.btn-danger{
  --bg-opacity:1;
  background-color:#E23900;
  background-color:rgba(226, 57, 0, var(--bg-opacity));
}

.btn-danger:hover{
  --bg-opacity:1;
  background-color:#ed6031;
  background-color:rgba(237, 96, 49, var(--bg-opacity));
}

.btn-danger.btn-outline{
  --text-opacity:1;
  color:#E23900;
  color:rgba(226, 57, 0, var(--text-opacity));
  background-color:transparent;
}

.btn-danger.btn-outline:hover{
  --bg-opacity:1;
  background-color:#E23900;
  background-color:rgba(226, 57, 0, var(--bg-opacity));
}

a:hover{
  --text-opacity:1;
  color:#347fc3;
  color:rgba(52, 127, 195, var(--text-opacity));
}

.weldnote-light-bg-color{
  --bg-opacity:1;
  background-color:#f0f0f0;
  background-color:rgba(240, 240, 240, var(--bg-opacity));
}

body{
  font-family:Roboto,sans-serif;
  --bg-opacity:1;
  background-color:#26292A;
  background-color:rgba(38, 41, 42, var(--bg-opacity));
}

.pagination .active a{
  --bg-opacity:1;
  background-color:#1A61A1;
  background-color:rgba(26, 97, 161, var(--bg-opacity));
  color:#fff
}

.pagination .active a:hover{
  --bg-opacity:1;
  background-color:#347fc3;
  background-color:rgba(52, 127, 195, var(--bg-opacity));
  color:#fff
}

.active .active-rotate-90{
  transform:rotate(90deg)
}

#sidebar-collapse-button{
  left:236px;
  bottom:50px;
  z-index:2002;
  position:fixed;
  -webkit-transition:left 280ms ease-out
}

#sidebar-collapse-button.collapsed{
  transform:rotate(180deg)
}

@media (min-width: 576px){
  .sm\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0px * var(--space-y-reverse))
  }

  .sm\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0px * var(--space-x-reverse));
    margin-left:calc(0px * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.25rem * var(--space-y-reverse))
  }

  .sm\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.25rem * var(--space-x-reverse));
    margin-left:calc(0.25rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.5rem * var(--space-y-reverse))
  }

  .sm\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.5rem * var(--space-x-reverse));
    margin-left:calc(0.5rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.75rem * var(--space-y-reverse))
  }

  .sm\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.75rem * var(--space-x-reverse));
    margin-left:calc(0.75rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1rem * var(--space-y-reverse))
  }

  .sm\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1rem * var(--space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1.25rem * var(--space-y-reverse))
  }

  .sm\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1.25rem * var(--space-x-reverse));
    margin-left:calc(1.25rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1.5rem * var(--space-y-reverse))
  }

  .sm\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1.5rem * var(--space-x-reverse));
    margin-left:calc(1.5rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(2rem * var(--space-y-reverse))
  }

  .sm\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(2rem * var(--space-x-reverse));
    margin-left:calc(2rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(2.5rem * var(--space-y-reverse))
  }

  .sm\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(2.5rem * var(--space-x-reverse));
    margin-left:calc(2.5rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(3rem * var(--space-y-reverse))
  }

  .sm\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(3rem * var(--space-x-reverse));
    margin-left:calc(3rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(4rem * var(--space-y-reverse))
  }

  .sm\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(4rem * var(--space-x-reverse));
    margin-left:calc(4rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(5rem * var(--space-y-reverse))
  }

  .sm\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(5rem * var(--space-x-reverse));
    margin-left:calc(5rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(6rem * var(--space-y-reverse))
  }

  .sm\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(6rem * var(--space-x-reverse));
    margin-left:calc(6rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(8rem * var(--space-y-reverse))
  }

  .sm\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(8rem * var(--space-x-reverse));
    margin-left:calc(8rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(10rem * var(--space-y-reverse))
  }

  .sm\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(10rem * var(--space-x-reverse));
    margin-left:calc(10rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(12rem * var(--space-y-reverse))
  }

  .sm\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(12rem * var(--space-x-reverse));
    margin-left:calc(12rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(14rem * var(--space-y-reverse))
  }

  .sm\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(14rem * var(--space-x-reverse));
    margin-left:calc(14rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(16rem * var(--space-y-reverse))
  }

  .sm\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(16rem * var(--space-x-reverse));
    margin-left:calc(16rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1px * var(--space-y-reverse))
  }

  .sm\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1px * var(--space-x-reverse));
    margin-left:calc(1px * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.25rem * var(--space-y-reverse))
  }

  .sm\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.25rem * var(--space-x-reverse));
    margin-left:calc(-0.25rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.5rem * var(--space-y-reverse))
  }

  .sm\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.5rem * var(--space-x-reverse));
    margin-left:calc(-0.5rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.75rem * var(--space-y-reverse))
  }

  .sm\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.75rem * var(--space-x-reverse));
    margin-left:calc(-0.75rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1rem * var(--space-y-reverse))
  }

  .sm\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1rem * var(--space-x-reverse));
    margin-left:calc(-1rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1.25rem * var(--space-y-reverse))
  }

  .sm\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1.25rem * var(--space-x-reverse));
    margin-left:calc(-1.25rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1.5rem * var(--space-y-reverse))
  }

  .sm\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1.5rem * var(--space-x-reverse));
    margin-left:calc(-1.5rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-2rem * var(--space-y-reverse))
  }

  .sm\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-2rem * var(--space-x-reverse));
    margin-left:calc(-2rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-2.5rem * var(--space-y-reverse))
  }

  .sm\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-2.5rem * var(--space-x-reverse));
    margin-left:calc(-2.5rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-3rem * var(--space-y-reverse))
  }

  .sm\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-3rem * var(--space-x-reverse));
    margin-left:calc(-3rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-4rem * var(--space-y-reverse))
  }

  .sm\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-4rem * var(--space-x-reverse));
    margin-left:calc(-4rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-5rem * var(--space-y-reverse))
  }

  .sm\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-5rem * var(--space-x-reverse));
    margin-left:calc(-5rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-6rem * var(--space-y-reverse))
  }

  .sm\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-6rem * var(--space-x-reverse));
    margin-left:calc(-6rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-8rem * var(--space-y-reverse))
  }

  .sm\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-8rem * var(--space-x-reverse));
    margin-left:calc(-8rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-10rem * var(--space-y-reverse))
  }

  .sm\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-10rem * var(--space-x-reverse));
    margin-left:calc(-10rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-12rem * var(--space-y-reverse))
  }

  .sm\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-12rem * var(--space-x-reverse));
    margin-left:calc(-12rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-14rem * var(--space-y-reverse))
  }

  .sm\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-14rem * var(--space-x-reverse));
    margin-left:calc(-14rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-16rem * var(--space-y-reverse))
  }

  .sm\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-16rem * var(--space-x-reverse));
    margin-left:calc(-16rem * calc(1 - var(--space-x-reverse)))
  }

  .sm\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1px * var(--space-y-reverse))
  }

  .sm\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1px * var(--space-x-reverse));
    margin-left:calc(-1px * calc(1 - var(--space-x-reverse)))
  }

  .sm\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse:1
  }

  .sm\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse:1
  }

  .sm\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(0px * var(--divide-y-reverse))
  }

  .sm\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(0px * var(--divide-x-reverse));
    border-left-width:calc(0px * calc(1 - var(--divide-x-reverse)))
  }

  .sm\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(2px * var(--divide-y-reverse))
  }

  .sm\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(2px * var(--divide-x-reverse));
    border-left-width:calc(2px * calc(1 - var(--divide-x-reverse)))
  }

  .sm\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(4px * var(--divide-y-reverse))
  }

  .sm\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(4px * var(--divide-x-reverse));
    border-left-width:calc(4px * calc(1 - var(--divide-x-reverse)))
  }

  .sm\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(8px * var(--divide-y-reverse))
  }

  .sm\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(8px * var(--divide-x-reverse));
    border-left-width:calc(8px * calc(1 - var(--divide-x-reverse)))
  }

  .sm\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(1px * var(--divide-y-reverse))
  }

  .sm\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(1px * var(--divide-x-reverse));
    border-left-width:calc(1px * calc(1 - var(--divide-x-reverse)))
  }

  .sm\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse:1
  }

  .sm\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse:1
  }

  .sm\:divide-transparent > :not(template) ~ :not(template){
    border-color:transparent
  }

  .sm\:divide-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#22292f;
    border-color:rgba(34, 41, 47, var(--divide-opacity))
  }

  .sm\:divide-real-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#000;
    border-color:rgba(0, 0, 0, var(--divide-opacity))
  }

  .sm\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3d4852;
    border-color:rgba(61, 72, 82, var(--divide-opacity))
  }

  .sm\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#606f7b;
    border-color:rgba(96, 111, 123, var(--divide-opacity))
  }

  .sm\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#8795a1;
    border-color:rgba(135, 149, 161, var(--divide-opacity))
  }

  .sm\:divide-gray > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#b8c2cc;
    border-color:rgba(184, 194, 204, var(--divide-opacity))
  }

  .sm\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#dae1e7;
    border-color:rgba(218, 225, 231, var(--divide-opacity))
  }

  .sm\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f1f5f8;
    border-color:rgba(241, 245, 248, var(--divide-opacity))
  }

  .sm\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f8fafc;
    border-color:rgba(248, 250, 252, var(--divide-opacity))
  }

  .sm\:divide-white > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ffffff;
    border-color:rgba(255, 255, 255, var(--divide-opacity))
  }

  .sm\:divide-off-white > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f7fafc;
    border-color:rgba(247, 250, 252, var(--divide-opacity))
  }

  .sm\:divide-grey-weldnote > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#dae1e7;
    border-color:rgba(218, 225, 231, var(--divide-opacity))
  }

  .sm\:divide-red-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3b0d0c;
    border-color:rgba(59, 13, 12, var(--divide-opacity))
  }

  .sm\:divide-red-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#621b18;
    border-color:rgba(98, 27, 24, var(--divide-opacity))
  }

  .sm\:divide-red-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#cc1f1a;
    border-color:rgba(204, 31, 26, var(--divide-opacity))
  }

  .sm\:divide-red > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#e3342f;
    border-color:rgba(227, 52, 47, var(--divide-opacity))
  }

  .sm\:divide-red-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ef5753;
    border-color:rgba(239, 87, 83, var(--divide-opacity))
  }

  .sm\:divide-red-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f9acaa;
    border-color:rgba(249, 172, 170, var(--divide-opacity))
  }

  .sm\:divide-red-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcebea;
    border-color:rgba(252, 235, 234, var(--divide-opacity))
  }

  .sm\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#453411;
    border-color:rgba(69, 52, 17, var(--divide-opacity))
  }

  .sm\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a77f2e;
    border-color:rgba(167, 127, 46, var(--divide-opacity))
  }

  .sm\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f2d024;
    border-color:rgba(242, 208, 36, var(--divide-opacity))
  }

  .sm\:divide-yellow > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ffed4a;
    border-color:rgba(255, 237, 74, var(--divide-opacity))
  }

  .sm\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff382;
    border-color:rgba(255, 243, 130, var(--divide-opacity))
  }

  .sm\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff9c2;
    border-color:rgba(255, 249, 194, var(--divide-opacity))
  }

  .sm\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcfbeb;
    border-color:rgba(252, 251, 235, var(--divide-opacity))
  }

  .sm\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#0f2f21;
    border-color:rgba(15, 47, 33, var(--divide-opacity))
  }

  .sm\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1a4731;
    border-color:rgba(26, 71, 49, var(--divide-opacity))
  }

  .sm\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1f9d55;
    border-color:rgba(31, 157, 85, var(--divide-opacity))
  }

  .sm\:divide-green > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#38c172;
    border-color:rgba(56, 193, 114, var(--divide-opacity))
  }

  .sm\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#51d88a;
    border-color:rgba(81, 216, 138, var(--divide-opacity))
  }

  .sm\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a2f5bf;
    border-color:rgba(162, 245, 191, var(--divide-opacity))
  }

  .sm\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#e3fcec;
    border-color:rgba(227, 252, 236, var(--divide-opacity))
  }

  .sm\:divide-blue-modal > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2e4050;
    border-color:rgba(46, 64, 80, var(--divide-opacity))
  }

  .sm\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#12283a;
    border-color:rgba(18, 40, 58, var(--divide-opacity))
  }

  .sm\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1c3d5a;
    border-color:rgba(28, 61, 90, var(--divide-opacity))
  }

  .sm\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2779bd;
    border-color:rgba(39, 121, 189, var(--divide-opacity))
  }

  .sm\:divide-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3498db;
    border-color:rgba(52, 152, 219, var(--divide-opacity))
  }

  .sm\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6cb2eb;
    border-color:rgba(108, 178, 235, var(--divide-opacity))
  }

  .sm\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#bcdefa;
    border-color:rgba(188, 222, 250, var(--divide-opacity))
  }

  .sm\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#eff8ff;
    border-color:rgba(239, 248, 255, var(--divide-opacity))
  }

  .sm\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#21183c;
    border-color:rgba(33, 24, 60, var(--divide-opacity))
  }

  .sm\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#382b5f;
    border-color:rgba(56, 43, 95, var(--divide-opacity))
  }

  .sm\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#794acf;
    border-color:rgba(121, 74, 207, var(--divide-opacity))
  }

  .sm\:divide-purple > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#9561e2;
    border-color:rgba(149, 97, 226, var(--divide-opacity))
  }

  .sm\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a779e9;
    border-color:rgba(167, 121, 233, var(--divide-opacity))
  }

  .sm\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#d6bbfc;
    border-color:rgba(214, 187, 252, var(--divide-opacity))
  }

  .sm\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f3ebff;
    border-color:rgba(243, 235, 255, var(--divide-opacity))
  }

  .sm\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#462a16;
    border-color:rgba(70, 42, 22, var(--divide-opacity))
  }

  .sm\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#613b1f;
    border-color:rgba(97, 59, 31, var(--divide-opacity))
  }

  .sm\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#de751f;
    border-color:rgba(222, 117, 31, var(--divide-opacity))
  }

  .sm\:divide-orange > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f6993f;
    border-color:rgba(246, 153, 63, var(--divide-opacity))
  }

  .sm\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#faad63;
    border-color:rgba(250, 173, 99, var(--divide-opacity))
  }

  .sm\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcd9b6;
    border-color:rgba(252, 217, 182, var(--divide-opacity))
  }

  .sm\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff5eb;
    border-color:rgba(255, 245, 235, var(--divide-opacity))
  }

  .sm\:divide-esab-gray > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#cecfd0;
    border-color:rgba(206, 207, 208, var(--divide-opacity))
  }

  .sm\:divide-esab-orange > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#da7129;
    border-color:rgba(218, 113, 41, var(--divide-opacity))
  }

  .sm\:divide-esab-darkgrey > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#373338;
    border-color:rgba(55, 51, 56, var(--divide-opacity))
  }

  .sm\:divide-esab-background > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f0f0f0;
    border-color:rgba(240, 240, 240, var(--divide-opacity))
  }

  .sm\:divide-esab-icon-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#0B7DA8;
    border-color:rgba(11, 125, 168, var(--divide-opacity))
  }

  .sm\:divide-esab-sidebar-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#c7d0d8;
    border-color:rgba(199, 208, 216, var(--divide-opacity))
  }

  .sm\:divide-esab-sidebar-blue-active > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#174167;
    border-color:rgba(23, 65, 103, var(--divide-opacity))
  }

  .sm\:divide-esab-sidebar-blue-arrow > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#164167;
    border-color:rgba(22, 65, 103, var(--divide-opacity))
  }

  .sm\:divide-esab-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#26292A;
    border-color:rgba(38, 41, 42, var(--divide-opacity))
  }

  .sm\:divide-esab-primary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1A61A1;
    border-color:rgba(26, 97, 161, var(--divide-opacity))
  }

  .sm\:divide-esab-primary-blue-light > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#347fc3;
    border-color:rgba(52, 127, 195, var(--divide-opacity))
  }

  .sm\:divide-esab-secondary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6ca1cd;
    border-color:rgba(108, 161, 205, var(--divide-opacity))
  }

  .sm\:divide-esab-card-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2961A1;
    border-color:rgba(41, 97, 161, var(--divide-opacity))
  }

  .sm\:divide-esab-card-secondary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6491EB;
    border-color:rgba(100, 145, 235, var(--divide-opacity))
  }

  .sm\:divide-esab-red > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#E23900;
    border-color:rgba(226, 57, 0, var(--divide-opacity))
  }

  .sm\:divide-esab-red-highlight > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ed6031;
    border-color:rgba(237, 96, 49, var(--divide-opacity))
  }

  .sm\:divide-assembly-color > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#c7074e;
    border-color:rgba(199, 7, 78, var(--divide-opacity))
  }

  .sm\:divide-solid > :not(template) ~ :not(template){
    border-style:solid
  }

  .sm\:divide-dashed > :not(template) ~ :not(template){
    border-style:dashed
  }

  .sm\:divide-dotted > :not(template) ~ :not(template){
    border-style:dotted
  }

  .sm\:divide-double > :not(template) ~ :not(template){
    border-style:double
  }

  .sm\:divide-none > :not(template) ~ :not(template){
    border-style:none
  }

  .sm\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity:0
  }

  .sm\:divide-opacity-10 > :not(template) ~ :not(template){
    --divide-opacity:.1
  }

  .sm\:divide-opacity-20 > :not(template) ~ :not(template){
    --divide-opacity:.20
  }

  .sm\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity:.25
  }

  .sm\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity:.5
  }

  .sm\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity:.75
  }

  .sm\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity:1
  }

  .sm\:sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border-width:0
  }

  .sm\:not-sr-only{
    position:static;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:auto;
    white-space:normal
  }

  .sm\:focus\:sr-only:focus{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border-width:0
  }

  .sm\:focus\:not-sr-only:focus{
    position:static;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:auto;
    white-space:normal
  }

  .sm\:bg-clip-border{
    background-clip:border-box
  }

  .sm\:bg-clip-padding{
    background-clip:padding-box
  }

  .sm\:bg-clip-content{
    background-clip:content-box
  }

  .sm\:bg-clip-text{
    background-clip:text
  }

  .sm\:bg-none{
    background-image:none
  }

  .sm\:bg-gradient-to-t{
    background-image:linear-gradient(to top, var(--gradient-color-stops))
  }

  .sm\:bg-gradient-to-tr{
    background-image:linear-gradient(to top right, var(--gradient-color-stops))
  }

  .sm\:bg-gradient-to-r{
    background-image:linear-gradient(to right, var(--gradient-color-stops))
  }

  .sm\:bg-gradient-to-br{
    background-image:linear-gradient(to bottom right, var(--gradient-color-stops))
  }

  .sm\:bg-gradient-to-b{
    background-image:linear-gradient(to bottom, var(--gradient-color-stops))
  }

  .sm\:bg-gradient-to-bl{
    background-image:linear-gradient(to bottom left, var(--gradient-color-stops))
  }

  .sm\:bg-gradient-to-l{
    background-image:linear-gradient(to left, var(--gradient-color-stops))
  }

  .sm\:bg-gradient-to-tl{
    background-image:linear-gradient(to top left, var(--gradient-color-stops))
  }

  .sm\:from-transparent{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:from-black{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .sm\:from-real-black{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:from-gray-800{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .sm\:from-gray-700{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .sm\:from-gray-600{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .sm\:from-gray{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .sm\:from-gray-400{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:from-gray-200{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .sm\:from-gray-100{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .sm\:from-white{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .sm\:from-off-white{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .sm\:from-grey-weldnote{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:from-red-900{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .sm\:from-red-800{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .sm\:from-red-600{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .sm\:from-red{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .sm\:from-red-400{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .sm\:from-red-200{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .sm\:from-red-100{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .sm\:from-yellow-900{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .sm\:from-yellow-800{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .sm\:from-yellow-600{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .sm\:from-yellow{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .sm\:from-yellow-400{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .sm\:from-yellow-200{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .sm\:from-yellow-100{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .sm\:from-green-900{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .sm\:from-green-800{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .sm\:from-green-600{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .sm\:from-green{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .sm\:from-green-400{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .sm\:from-green-200{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .sm\:from-green-100{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .sm\:from-blue-modal{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .sm\:from-blue-900{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .sm\:from-blue-800{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .sm\:from-blue-600{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .sm\:from-blue{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .sm\:from-blue-400{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .sm\:from-blue-200{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .sm\:from-blue-100{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .sm\:from-purple-900{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .sm\:from-purple-800{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .sm\:from-purple-600{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .sm\:from-purple{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .sm\:from-purple-400{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .sm\:from-purple-200{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .sm\:from-purple-100{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .sm\:from-orange-900{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .sm\:from-orange-800{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .sm\:from-orange-600{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .sm\:from-orange{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .sm\:from-orange-400{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .sm\:from-orange-200{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .sm\:from-orange-100{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .sm\:from-esab-gray{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .sm\:from-esab-orange{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .sm\:from-esab-darkgrey{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .sm\:from-esab-background{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .sm\:from-esab-icon-blue{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .sm\:from-esab-sidebar-blue{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .sm\:from-esab-sidebar-blue-active{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .sm\:from-esab-sidebar-blue-arrow{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .sm\:from-esab-black{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .sm\:from-esab-primary-blue{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .sm\:from-esab-primary-blue-light{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .sm\:from-esab-secondary-blue{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .sm\:from-esab-card-blue{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .sm\:from-esab-card-secondary-blue{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .sm\:from-esab-red{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .sm\:from-esab-red-highlight{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .sm\:from-assembly-color{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .sm\:via-transparent{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:via-black{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .sm\:via-real-black{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:via-gray-800{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .sm\:via-gray-700{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .sm\:via-gray-600{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .sm\:via-gray{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .sm\:via-gray-400{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:via-gray-200{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .sm\:via-gray-100{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .sm\:via-white{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .sm\:via-off-white{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .sm\:via-grey-weldnote{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:via-red-900{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .sm\:via-red-800{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .sm\:via-red-600{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .sm\:via-red{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .sm\:via-red-400{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .sm\:via-red-200{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .sm\:via-red-100{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .sm\:via-yellow-900{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .sm\:via-yellow-800{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .sm\:via-yellow-600{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .sm\:via-yellow{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .sm\:via-yellow-400{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .sm\:via-yellow-200{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .sm\:via-yellow-100{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .sm\:via-green-900{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .sm\:via-green-800{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .sm\:via-green-600{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .sm\:via-green{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .sm\:via-green-400{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .sm\:via-green-200{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .sm\:via-green-100{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .sm\:via-blue-modal{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .sm\:via-blue-900{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .sm\:via-blue-800{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .sm\:via-blue-600{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .sm\:via-blue{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .sm\:via-blue-400{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .sm\:via-blue-200{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .sm\:via-blue-100{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .sm\:via-purple-900{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .sm\:via-purple-800{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .sm\:via-purple-600{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .sm\:via-purple{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .sm\:via-purple-400{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .sm\:via-purple-200{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .sm\:via-purple-100{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .sm\:via-orange-900{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .sm\:via-orange-800{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .sm\:via-orange-600{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .sm\:via-orange{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .sm\:via-orange-400{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .sm\:via-orange-200{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .sm\:via-orange-100{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .sm\:via-esab-gray{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .sm\:via-esab-orange{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .sm\:via-esab-darkgrey{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .sm\:via-esab-background{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .sm\:via-esab-icon-blue{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .sm\:via-esab-sidebar-blue{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .sm\:via-esab-sidebar-blue-active{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .sm\:via-esab-sidebar-blue-arrow{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .sm\:via-esab-black{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .sm\:via-esab-primary-blue{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .sm\:via-esab-primary-blue-light{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .sm\:via-esab-secondary-blue{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .sm\:via-esab-card-blue{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .sm\:via-esab-card-secondary-blue{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .sm\:via-esab-red{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .sm\:via-esab-red-highlight{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .sm\:via-assembly-color{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .sm\:to-transparent{
    --gradient-to-color:transparent
  }

  .sm\:to-black{
    --gradient-to-color:#22292f
  }

  .sm\:to-real-black{
    --gradient-to-color:#000
  }

  .sm\:to-gray-800{
    --gradient-to-color:#3d4852
  }

  .sm\:to-gray-700{
    --gradient-to-color:#606f7b
  }

  .sm\:to-gray-600{
    --gradient-to-color:#8795a1
  }

  .sm\:to-gray{
    --gradient-to-color:#b8c2cc
  }

  .sm\:to-gray-400{
    --gradient-to-color:#dae1e7
  }

  .sm\:to-gray-200{
    --gradient-to-color:#f1f5f8
  }

  .sm\:to-gray-100{
    --gradient-to-color:#f8fafc
  }

  .sm\:to-white{
    --gradient-to-color:#ffffff
  }

  .sm\:to-off-white{
    --gradient-to-color:#f7fafc
  }

  .sm\:to-grey-weldnote{
    --gradient-to-color:#dae1e7
  }

  .sm\:to-red-900{
    --gradient-to-color:#3b0d0c
  }

  .sm\:to-red-800{
    --gradient-to-color:#621b18
  }

  .sm\:to-red-600{
    --gradient-to-color:#cc1f1a
  }

  .sm\:to-red{
    --gradient-to-color:#e3342f
  }

  .sm\:to-red-400{
    --gradient-to-color:#ef5753
  }

  .sm\:to-red-200{
    --gradient-to-color:#f9acaa
  }

  .sm\:to-red-100{
    --gradient-to-color:#fcebea
  }

  .sm\:to-yellow-900{
    --gradient-to-color:#453411
  }

  .sm\:to-yellow-800{
    --gradient-to-color:#a77f2e
  }

  .sm\:to-yellow-600{
    --gradient-to-color:#f2d024
  }

  .sm\:to-yellow{
    --gradient-to-color:#ffed4a
  }

  .sm\:to-yellow-400{
    --gradient-to-color:#fff382
  }

  .sm\:to-yellow-200{
    --gradient-to-color:#fff9c2
  }

  .sm\:to-yellow-100{
    --gradient-to-color:#fcfbeb
  }

  .sm\:to-green-900{
    --gradient-to-color:#0f2f21
  }

  .sm\:to-green-800{
    --gradient-to-color:#1a4731
  }

  .sm\:to-green-600{
    --gradient-to-color:#1f9d55
  }

  .sm\:to-green{
    --gradient-to-color:#38c172
  }

  .sm\:to-green-400{
    --gradient-to-color:#51d88a
  }

  .sm\:to-green-200{
    --gradient-to-color:#a2f5bf
  }

  .sm\:to-green-100{
    --gradient-to-color:#e3fcec
  }

  .sm\:to-blue-modal{
    --gradient-to-color:#2e4050
  }

  .sm\:to-blue-900{
    --gradient-to-color:#12283a
  }

  .sm\:to-blue-800{
    --gradient-to-color:#1c3d5a
  }

  .sm\:to-blue-600{
    --gradient-to-color:#2779bd
  }

  .sm\:to-blue{
    --gradient-to-color:#3498db
  }

  .sm\:to-blue-400{
    --gradient-to-color:#6cb2eb
  }

  .sm\:to-blue-200{
    --gradient-to-color:#bcdefa
  }

  .sm\:to-blue-100{
    --gradient-to-color:#eff8ff
  }

  .sm\:to-purple-900{
    --gradient-to-color:#21183c
  }

  .sm\:to-purple-800{
    --gradient-to-color:#382b5f
  }

  .sm\:to-purple-600{
    --gradient-to-color:#794acf
  }

  .sm\:to-purple{
    --gradient-to-color:#9561e2
  }

  .sm\:to-purple-400{
    --gradient-to-color:#a779e9
  }

  .sm\:to-purple-200{
    --gradient-to-color:#d6bbfc
  }

  .sm\:to-purple-100{
    --gradient-to-color:#f3ebff
  }

  .sm\:to-orange-900{
    --gradient-to-color:#462a16
  }

  .sm\:to-orange-800{
    --gradient-to-color:#613b1f
  }

  .sm\:to-orange-600{
    --gradient-to-color:#de751f
  }

  .sm\:to-orange{
    --gradient-to-color:#f6993f
  }

  .sm\:to-orange-400{
    --gradient-to-color:#faad63
  }

  .sm\:to-orange-200{
    --gradient-to-color:#fcd9b6
  }

  .sm\:to-orange-100{
    --gradient-to-color:#fff5eb
  }

  .sm\:to-esab-gray{
    --gradient-to-color:#cecfd0
  }

  .sm\:to-esab-orange{
    --gradient-to-color:#da7129
  }

  .sm\:to-esab-darkgrey{
    --gradient-to-color:#373338
  }

  .sm\:to-esab-background{
    --gradient-to-color:#f0f0f0
  }

  .sm\:to-esab-icon-blue{
    --gradient-to-color:#0B7DA8
  }

  .sm\:to-esab-sidebar-blue{
    --gradient-to-color:#c7d0d8
  }

  .sm\:to-esab-sidebar-blue-active{
    --gradient-to-color:#174167
  }

  .sm\:to-esab-sidebar-blue-arrow{
    --gradient-to-color:#164167
  }

  .sm\:to-esab-black{
    --gradient-to-color:#26292A
  }

  .sm\:to-esab-primary-blue{
    --gradient-to-color:#1A61A1
  }

  .sm\:to-esab-primary-blue-light{
    --gradient-to-color:#347fc3
  }

  .sm\:to-esab-secondary-blue{
    --gradient-to-color:#6ca1cd
  }

  .sm\:to-esab-card-blue{
    --gradient-to-color:#2961A1
  }

  .sm\:to-esab-card-secondary-blue{
    --gradient-to-color:#6491EB
  }

  .sm\:to-esab-red{
    --gradient-to-color:#E23900
  }

  .sm\:to-esab-red-highlight{
    --gradient-to-color:#ed6031
  }

  .sm\:to-assembly-color{
    --gradient-to-color:#c7074e
  }

  .sm\:hover\:from-transparent:hover{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:hover\:from-black:hover{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .sm\:hover\:from-real-black:hover{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:hover\:from-gray-800:hover{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .sm\:hover\:from-gray-700:hover{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .sm\:hover\:from-gray-600:hover{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .sm\:hover\:from-gray:hover{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .sm\:hover\:from-gray-400:hover{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:hover\:from-gray-200:hover{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .sm\:hover\:from-gray-100:hover{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .sm\:hover\:from-white:hover{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .sm\:hover\:from-off-white:hover{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .sm\:hover\:from-grey-weldnote:hover{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:hover\:from-red-900:hover{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .sm\:hover\:from-red-800:hover{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .sm\:hover\:from-red-600:hover{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .sm\:hover\:from-red:hover{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .sm\:hover\:from-red-400:hover{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .sm\:hover\:from-red-200:hover{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .sm\:hover\:from-red-100:hover{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .sm\:hover\:from-yellow-900:hover{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .sm\:hover\:from-yellow-800:hover{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .sm\:hover\:from-yellow-600:hover{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .sm\:hover\:from-yellow:hover{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .sm\:hover\:from-yellow-400:hover{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .sm\:hover\:from-yellow-200:hover{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .sm\:hover\:from-yellow-100:hover{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .sm\:hover\:from-green-900:hover{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .sm\:hover\:from-green-800:hover{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .sm\:hover\:from-green-600:hover{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .sm\:hover\:from-green:hover{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .sm\:hover\:from-green-400:hover{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .sm\:hover\:from-green-200:hover{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .sm\:hover\:from-green-100:hover{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .sm\:hover\:from-blue-modal:hover{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .sm\:hover\:from-blue-900:hover{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .sm\:hover\:from-blue-800:hover{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .sm\:hover\:from-blue-600:hover{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .sm\:hover\:from-blue:hover{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .sm\:hover\:from-blue-400:hover{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .sm\:hover\:from-blue-200:hover{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .sm\:hover\:from-blue-100:hover{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .sm\:hover\:from-purple-900:hover{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .sm\:hover\:from-purple-800:hover{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .sm\:hover\:from-purple-600:hover{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .sm\:hover\:from-purple:hover{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .sm\:hover\:from-purple-400:hover{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .sm\:hover\:from-purple-200:hover{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .sm\:hover\:from-purple-100:hover{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .sm\:hover\:from-orange-900:hover{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .sm\:hover\:from-orange-800:hover{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .sm\:hover\:from-orange-600:hover{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .sm\:hover\:from-orange:hover{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .sm\:hover\:from-orange-400:hover{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .sm\:hover\:from-orange-200:hover{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .sm\:hover\:from-orange-100:hover{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .sm\:hover\:from-esab-gray:hover{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .sm\:hover\:from-esab-orange:hover{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .sm\:hover\:from-esab-darkgrey:hover{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .sm\:hover\:from-esab-background:hover{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .sm\:hover\:from-esab-icon-blue:hover{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .sm\:hover\:from-esab-sidebar-blue:hover{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .sm\:hover\:from-esab-sidebar-blue-active:hover{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .sm\:hover\:from-esab-sidebar-blue-arrow:hover{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .sm\:hover\:from-esab-black:hover{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .sm\:hover\:from-esab-primary-blue:hover{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .sm\:hover\:from-esab-primary-blue-light:hover{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .sm\:hover\:from-esab-secondary-blue:hover{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .sm\:hover\:from-esab-card-blue:hover{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .sm\:hover\:from-esab-card-secondary-blue:hover{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .sm\:hover\:from-esab-red:hover{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .sm\:hover\:from-esab-red-highlight:hover{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .sm\:hover\:from-assembly-color:hover{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .sm\:hover\:via-transparent:hover{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:hover\:via-black:hover{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .sm\:hover\:via-real-black:hover{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:hover\:via-gray-800:hover{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .sm\:hover\:via-gray-700:hover{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .sm\:hover\:via-gray-600:hover{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .sm\:hover\:via-gray:hover{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .sm\:hover\:via-gray-400:hover{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:hover\:via-gray-200:hover{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .sm\:hover\:via-gray-100:hover{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .sm\:hover\:via-white:hover{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .sm\:hover\:via-off-white:hover{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .sm\:hover\:via-grey-weldnote:hover{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:hover\:via-red-900:hover{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .sm\:hover\:via-red-800:hover{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .sm\:hover\:via-red-600:hover{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .sm\:hover\:via-red:hover{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .sm\:hover\:via-red-400:hover{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .sm\:hover\:via-red-200:hover{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .sm\:hover\:via-red-100:hover{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .sm\:hover\:via-yellow-900:hover{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .sm\:hover\:via-yellow-800:hover{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .sm\:hover\:via-yellow-600:hover{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .sm\:hover\:via-yellow:hover{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .sm\:hover\:via-yellow-400:hover{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .sm\:hover\:via-yellow-200:hover{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .sm\:hover\:via-yellow-100:hover{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .sm\:hover\:via-green-900:hover{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .sm\:hover\:via-green-800:hover{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .sm\:hover\:via-green-600:hover{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .sm\:hover\:via-green:hover{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .sm\:hover\:via-green-400:hover{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .sm\:hover\:via-green-200:hover{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .sm\:hover\:via-green-100:hover{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .sm\:hover\:via-blue-modal:hover{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .sm\:hover\:via-blue-900:hover{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .sm\:hover\:via-blue-800:hover{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .sm\:hover\:via-blue-600:hover{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .sm\:hover\:via-blue:hover{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .sm\:hover\:via-blue-400:hover{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .sm\:hover\:via-blue-200:hover{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .sm\:hover\:via-blue-100:hover{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .sm\:hover\:via-purple-900:hover{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .sm\:hover\:via-purple-800:hover{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .sm\:hover\:via-purple-600:hover{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .sm\:hover\:via-purple:hover{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .sm\:hover\:via-purple-400:hover{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .sm\:hover\:via-purple-200:hover{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .sm\:hover\:via-purple-100:hover{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .sm\:hover\:via-orange-900:hover{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .sm\:hover\:via-orange-800:hover{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .sm\:hover\:via-orange-600:hover{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .sm\:hover\:via-orange:hover{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .sm\:hover\:via-orange-400:hover{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .sm\:hover\:via-orange-200:hover{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .sm\:hover\:via-orange-100:hover{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .sm\:hover\:via-esab-gray:hover{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .sm\:hover\:via-esab-orange:hover{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .sm\:hover\:via-esab-darkgrey:hover{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .sm\:hover\:via-esab-background:hover{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .sm\:hover\:via-esab-icon-blue:hover{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .sm\:hover\:via-esab-sidebar-blue:hover{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .sm\:hover\:via-esab-sidebar-blue-active:hover{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .sm\:hover\:via-esab-sidebar-blue-arrow:hover{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .sm\:hover\:via-esab-black:hover{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .sm\:hover\:via-esab-primary-blue:hover{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .sm\:hover\:via-esab-primary-blue-light:hover{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .sm\:hover\:via-esab-secondary-blue:hover{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .sm\:hover\:via-esab-card-blue:hover{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .sm\:hover\:via-esab-card-secondary-blue:hover{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .sm\:hover\:via-esab-red:hover{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .sm\:hover\:via-esab-red-highlight:hover{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .sm\:hover\:via-assembly-color:hover{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .sm\:hover\:to-transparent:hover{
    --gradient-to-color:transparent
  }

  .sm\:hover\:to-black:hover{
    --gradient-to-color:#22292f
  }

  .sm\:hover\:to-real-black:hover{
    --gradient-to-color:#000
  }

  .sm\:hover\:to-gray-800:hover{
    --gradient-to-color:#3d4852
  }

  .sm\:hover\:to-gray-700:hover{
    --gradient-to-color:#606f7b
  }

  .sm\:hover\:to-gray-600:hover{
    --gradient-to-color:#8795a1
  }

  .sm\:hover\:to-gray:hover{
    --gradient-to-color:#b8c2cc
  }

  .sm\:hover\:to-gray-400:hover{
    --gradient-to-color:#dae1e7
  }

  .sm\:hover\:to-gray-200:hover{
    --gradient-to-color:#f1f5f8
  }

  .sm\:hover\:to-gray-100:hover{
    --gradient-to-color:#f8fafc
  }

  .sm\:hover\:to-white:hover{
    --gradient-to-color:#ffffff
  }

  .sm\:hover\:to-off-white:hover{
    --gradient-to-color:#f7fafc
  }

  .sm\:hover\:to-grey-weldnote:hover{
    --gradient-to-color:#dae1e7
  }

  .sm\:hover\:to-red-900:hover{
    --gradient-to-color:#3b0d0c
  }

  .sm\:hover\:to-red-800:hover{
    --gradient-to-color:#621b18
  }

  .sm\:hover\:to-red-600:hover{
    --gradient-to-color:#cc1f1a
  }

  .sm\:hover\:to-red:hover{
    --gradient-to-color:#e3342f
  }

  .sm\:hover\:to-red-400:hover{
    --gradient-to-color:#ef5753
  }

  .sm\:hover\:to-red-200:hover{
    --gradient-to-color:#f9acaa
  }

  .sm\:hover\:to-red-100:hover{
    --gradient-to-color:#fcebea
  }

  .sm\:hover\:to-yellow-900:hover{
    --gradient-to-color:#453411
  }

  .sm\:hover\:to-yellow-800:hover{
    --gradient-to-color:#a77f2e
  }

  .sm\:hover\:to-yellow-600:hover{
    --gradient-to-color:#f2d024
  }

  .sm\:hover\:to-yellow:hover{
    --gradient-to-color:#ffed4a
  }

  .sm\:hover\:to-yellow-400:hover{
    --gradient-to-color:#fff382
  }

  .sm\:hover\:to-yellow-200:hover{
    --gradient-to-color:#fff9c2
  }

  .sm\:hover\:to-yellow-100:hover{
    --gradient-to-color:#fcfbeb
  }

  .sm\:hover\:to-green-900:hover{
    --gradient-to-color:#0f2f21
  }

  .sm\:hover\:to-green-800:hover{
    --gradient-to-color:#1a4731
  }

  .sm\:hover\:to-green-600:hover{
    --gradient-to-color:#1f9d55
  }

  .sm\:hover\:to-green:hover{
    --gradient-to-color:#38c172
  }

  .sm\:hover\:to-green-400:hover{
    --gradient-to-color:#51d88a
  }

  .sm\:hover\:to-green-200:hover{
    --gradient-to-color:#a2f5bf
  }

  .sm\:hover\:to-green-100:hover{
    --gradient-to-color:#e3fcec
  }

  .sm\:hover\:to-blue-modal:hover{
    --gradient-to-color:#2e4050
  }

  .sm\:hover\:to-blue-900:hover{
    --gradient-to-color:#12283a
  }

  .sm\:hover\:to-blue-800:hover{
    --gradient-to-color:#1c3d5a
  }

  .sm\:hover\:to-blue-600:hover{
    --gradient-to-color:#2779bd
  }

  .sm\:hover\:to-blue:hover{
    --gradient-to-color:#3498db
  }

  .sm\:hover\:to-blue-400:hover{
    --gradient-to-color:#6cb2eb
  }

  .sm\:hover\:to-blue-200:hover{
    --gradient-to-color:#bcdefa
  }

  .sm\:hover\:to-blue-100:hover{
    --gradient-to-color:#eff8ff
  }

  .sm\:hover\:to-purple-900:hover{
    --gradient-to-color:#21183c
  }

  .sm\:hover\:to-purple-800:hover{
    --gradient-to-color:#382b5f
  }

  .sm\:hover\:to-purple-600:hover{
    --gradient-to-color:#794acf
  }

  .sm\:hover\:to-purple:hover{
    --gradient-to-color:#9561e2
  }

  .sm\:hover\:to-purple-400:hover{
    --gradient-to-color:#a779e9
  }

  .sm\:hover\:to-purple-200:hover{
    --gradient-to-color:#d6bbfc
  }

  .sm\:hover\:to-purple-100:hover{
    --gradient-to-color:#f3ebff
  }

  .sm\:hover\:to-orange-900:hover{
    --gradient-to-color:#462a16
  }

  .sm\:hover\:to-orange-800:hover{
    --gradient-to-color:#613b1f
  }

  .sm\:hover\:to-orange-600:hover{
    --gradient-to-color:#de751f
  }

  .sm\:hover\:to-orange:hover{
    --gradient-to-color:#f6993f
  }

  .sm\:hover\:to-orange-400:hover{
    --gradient-to-color:#faad63
  }

  .sm\:hover\:to-orange-200:hover{
    --gradient-to-color:#fcd9b6
  }

  .sm\:hover\:to-orange-100:hover{
    --gradient-to-color:#fff5eb
  }

  .sm\:hover\:to-esab-gray:hover{
    --gradient-to-color:#cecfd0
  }

  .sm\:hover\:to-esab-orange:hover{
    --gradient-to-color:#da7129
  }

  .sm\:hover\:to-esab-darkgrey:hover{
    --gradient-to-color:#373338
  }

  .sm\:hover\:to-esab-background:hover{
    --gradient-to-color:#f0f0f0
  }

  .sm\:hover\:to-esab-icon-blue:hover{
    --gradient-to-color:#0B7DA8
  }

  .sm\:hover\:to-esab-sidebar-blue:hover{
    --gradient-to-color:#c7d0d8
  }

  .sm\:hover\:to-esab-sidebar-blue-active:hover{
    --gradient-to-color:#174167
  }

  .sm\:hover\:to-esab-sidebar-blue-arrow:hover{
    --gradient-to-color:#164167
  }

  .sm\:hover\:to-esab-black:hover{
    --gradient-to-color:#26292A
  }

  .sm\:hover\:to-esab-primary-blue:hover{
    --gradient-to-color:#1A61A1
  }

  .sm\:hover\:to-esab-primary-blue-light:hover{
    --gradient-to-color:#347fc3
  }

  .sm\:hover\:to-esab-secondary-blue:hover{
    --gradient-to-color:#6ca1cd
  }

  .sm\:hover\:to-esab-card-blue:hover{
    --gradient-to-color:#2961A1
  }

  .sm\:hover\:to-esab-card-secondary-blue:hover{
    --gradient-to-color:#6491EB
  }

  .sm\:hover\:to-esab-red:hover{
    --gradient-to-color:#E23900
  }

  .sm\:hover\:to-esab-red-highlight:hover{
    --gradient-to-color:#ed6031
  }

  .sm\:hover\:to-assembly-color:hover{
    --gradient-to-color:#c7074e
  }

  .sm\:focus\:from-transparent:focus{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:focus\:from-black:focus{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .sm\:focus\:from-real-black:focus{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:focus\:from-gray-800:focus{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .sm\:focus\:from-gray-700:focus{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .sm\:focus\:from-gray-600:focus{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .sm\:focus\:from-gray:focus{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .sm\:focus\:from-gray-400:focus{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:focus\:from-gray-200:focus{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .sm\:focus\:from-gray-100:focus{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .sm\:focus\:from-white:focus{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .sm\:focus\:from-off-white:focus{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .sm\:focus\:from-grey-weldnote:focus{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:focus\:from-red-900:focus{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .sm\:focus\:from-red-800:focus{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .sm\:focus\:from-red-600:focus{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .sm\:focus\:from-red:focus{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .sm\:focus\:from-red-400:focus{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .sm\:focus\:from-red-200:focus{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .sm\:focus\:from-red-100:focus{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .sm\:focus\:from-yellow-900:focus{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .sm\:focus\:from-yellow-800:focus{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .sm\:focus\:from-yellow-600:focus{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .sm\:focus\:from-yellow:focus{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .sm\:focus\:from-yellow-400:focus{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .sm\:focus\:from-yellow-200:focus{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .sm\:focus\:from-yellow-100:focus{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .sm\:focus\:from-green-900:focus{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .sm\:focus\:from-green-800:focus{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .sm\:focus\:from-green-600:focus{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .sm\:focus\:from-green:focus{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .sm\:focus\:from-green-400:focus{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .sm\:focus\:from-green-200:focus{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .sm\:focus\:from-green-100:focus{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .sm\:focus\:from-blue-modal:focus{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .sm\:focus\:from-blue-900:focus{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .sm\:focus\:from-blue-800:focus{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .sm\:focus\:from-blue-600:focus{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .sm\:focus\:from-blue:focus{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .sm\:focus\:from-blue-400:focus{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .sm\:focus\:from-blue-200:focus{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .sm\:focus\:from-blue-100:focus{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .sm\:focus\:from-purple-900:focus{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .sm\:focus\:from-purple-800:focus{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .sm\:focus\:from-purple-600:focus{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .sm\:focus\:from-purple:focus{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .sm\:focus\:from-purple-400:focus{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .sm\:focus\:from-purple-200:focus{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .sm\:focus\:from-purple-100:focus{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .sm\:focus\:from-orange-900:focus{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .sm\:focus\:from-orange-800:focus{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .sm\:focus\:from-orange-600:focus{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .sm\:focus\:from-orange:focus{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .sm\:focus\:from-orange-400:focus{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .sm\:focus\:from-orange-200:focus{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .sm\:focus\:from-orange-100:focus{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .sm\:focus\:from-esab-gray:focus{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .sm\:focus\:from-esab-orange:focus{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .sm\:focus\:from-esab-darkgrey:focus{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .sm\:focus\:from-esab-background:focus{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .sm\:focus\:from-esab-icon-blue:focus{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .sm\:focus\:from-esab-sidebar-blue:focus{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .sm\:focus\:from-esab-sidebar-blue-active:focus{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .sm\:focus\:from-esab-sidebar-blue-arrow:focus{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .sm\:focus\:from-esab-black:focus{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .sm\:focus\:from-esab-primary-blue:focus{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .sm\:focus\:from-esab-primary-blue-light:focus{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .sm\:focus\:from-esab-secondary-blue:focus{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .sm\:focus\:from-esab-card-blue:focus{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .sm\:focus\:from-esab-card-secondary-blue:focus{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .sm\:focus\:from-esab-red:focus{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .sm\:focus\:from-esab-red-highlight:focus{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .sm\:focus\:from-assembly-color:focus{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .sm\:focus\:via-transparent:focus{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:focus\:via-black:focus{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .sm\:focus\:via-real-black:focus{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .sm\:focus\:via-gray-800:focus{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .sm\:focus\:via-gray-700:focus{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .sm\:focus\:via-gray-600:focus{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .sm\:focus\:via-gray:focus{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .sm\:focus\:via-gray-400:focus{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:focus\:via-gray-200:focus{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .sm\:focus\:via-gray-100:focus{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .sm\:focus\:via-white:focus{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .sm\:focus\:via-off-white:focus{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .sm\:focus\:via-grey-weldnote:focus{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .sm\:focus\:via-red-900:focus{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .sm\:focus\:via-red-800:focus{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .sm\:focus\:via-red-600:focus{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .sm\:focus\:via-red:focus{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .sm\:focus\:via-red-400:focus{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .sm\:focus\:via-red-200:focus{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .sm\:focus\:via-red-100:focus{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .sm\:focus\:via-yellow-900:focus{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .sm\:focus\:via-yellow-800:focus{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .sm\:focus\:via-yellow-600:focus{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .sm\:focus\:via-yellow:focus{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .sm\:focus\:via-yellow-400:focus{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .sm\:focus\:via-yellow-200:focus{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .sm\:focus\:via-yellow-100:focus{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .sm\:focus\:via-green-900:focus{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .sm\:focus\:via-green-800:focus{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .sm\:focus\:via-green-600:focus{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .sm\:focus\:via-green:focus{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .sm\:focus\:via-green-400:focus{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .sm\:focus\:via-green-200:focus{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .sm\:focus\:via-green-100:focus{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .sm\:focus\:via-blue-modal:focus{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .sm\:focus\:via-blue-900:focus{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .sm\:focus\:via-blue-800:focus{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .sm\:focus\:via-blue-600:focus{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .sm\:focus\:via-blue:focus{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .sm\:focus\:via-blue-400:focus{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .sm\:focus\:via-blue-200:focus{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .sm\:focus\:via-blue-100:focus{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .sm\:focus\:via-purple-900:focus{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .sm\:focus\:via-purple-800:focus{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .sm\:focus\:via-purple-600:focus{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .sm\:focus\:via-purple:focus{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .sm\:focus\:via-purple-400:focus{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .sm\:focus\:via-purple-200:focus{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .sm\:focus\:via-purple-100:focus{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .sm\:focus\:via-orange-900:focus{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .sm\:focus\:via-orange-800:focus{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .sm\:focus\:via-orange-600:focus{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .sm\:focus\:via-orange:focus{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .sm\:focus\:via-orange-400:focus{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .sm\:focus\:via-orange-200:focus{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .sm\:focus\:via-orange-100:focus{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .sm\:focus\:via-esab-gray:focus{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .sm\:focus\:via-esab-orange:focus{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .sm\:focus\:via-esab-darkgrey:focus{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .sm\:focus\:via-esab-background:focus{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .sm\:focus\:via-esab-icon-blue:focus{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .sm\:focus\:via-esab-sidebar-blue:focus{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .sm\:focus\:via-esab-sidebar-blue-active:focus{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .sm\:focus\:via-esab-sidebar-blue-arrow:focus{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .sm\:focus\:via-esab-black:focus{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .sm\:focus\:via-esab-primary-blue:focus{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .sm\:focus\:via-esab-primary-blue-light:focus{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .sm\:focus\:via-esab-secondary-blue:focus{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .sm\:focus\:via-esab-card-blue:focus{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .sm\:focus\:via-esab-card-secondary-blue:focus{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .sm\:focus\:via-esab-red:focus{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .sm\:focus\:via-esab-red-highlight:focus{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .sm\:focus\:via-assembly-color:focus{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .sm\:focus\:to-transparent:focus{
    --gradient-to-color:transparent
  }

  .sm\:focus\:to-black:focus{
    --gradient-to-color:#22292f
  }

  .sm\:focus\:to-real-black:focus{
    --gradient-to-color:#000
  }

  .sm\:focus\:to-gray-800:focus{
    --gradient-to-color:#3d4852
  }

  .sm\:focus\:to-gray-700:focus{
    --gradient-to-color:#606f7b
  }

  .sm\:focus\:to-gray-600:focus{
    --gradient-to-color:#8795a1
  }

  .sm\:focus\:to-gray:focus{
    --gradient-to-color:#b8c2cc
  }

  .sm\:focus\:to-gray-400:focus{
    --gradient-to-color:#dae1e7
  }

  .sm\:focus\:to-gray-200:focus{
    --gradient-to-color:#f1f5f8
  }

  .sm\:focus\:to-gray-100:focus{
    --gradient-to-color:#f8fafc
  }

  .sm\:focus\:to-white:focus{
    --gradient-to-color:#ffffff
  }

  .sm\:focus\:to-off-white:focus{
    --gradient-to-color:#f7fafc
  }

  .sm\:focus\:to-grey-weldnote:focus{
    --gradient-to-color:#dae1e7
  }

  .sm\:focus\:to-red-900:focus{
    --gradient-to-color:#3b0d0c
  }

  .sm\:focus\:to-red-800:focus{
    --gradient-to-color:#621b18
  }

  .sm\:focus\:to-red-600:focus{
    --gradient-to-color:#cc1f1a
  }

  .sm\:focus\:to-red:focus{
    --gradient-to-color:#e3342f
  }

  .sm\:focus\:to-red-400:focus{
    --gradient-to-color:#ef5753
  }

  .sm\:focus\:to-red-200:focus{
    --gradient-to-color:#f9acaa
  }

  .sm\:focus\:to-red-100:focus{
    --gradient-to-color:#fcebea
  }

  .sm\:focus\:to-yellow-900:focus{
    --gradient-to-color:#453411
  }

  .sm\:focus\:to-yellow-800:focus{
    --gradient-to-color:#a77f2e
  }

  .sm\:focus\:to-yellow-600:focus{
    --gradient-to-color:#f2d024
  }

  .sm\:focus\:to-yellow:focus{
    --gradient-to-color:#ffed4a
  }

  .sm\:focus\:to-yellow-400:focus{
    --gradient-to-color:#fff382
  }

  .sm\:focus\:to-yellow-200:focus{
    --gradient-to-color:#fff9c2
  }

  .sm\:focus\:to-yellow-100:focus{
    --gradient-to-color:#fcfbeb
  }

  .sm\:focus\:to-green-900:focus{
    --gradient-to-color:#0f2f21
  }

  .sm\:focus\:to-green-800:focus{
    --gradient-to-color:#1a4731
  }

  .sm\:focus\:to-green-600:focus{
    --gradient-to-color:#1f9d55
  }

  .sm\:focus\:to-green:focus{
    --gradient-to-color:#38c172
  }

  .sm\:focus\:to-green-400:focus{
    --gradient-to-color:#51d88a
  }

  .sm\:focus\:to-green-200:focus{
    --gradient-to-color:#a2f5bf
  }

  .sm\:focus\:to-green-100:focus{
    --gradient-to-color:#e3fcec
  }

  .sm\:focus\:to-blue-modal:focus{
    --gradient-to-color:#2e4050
  }

  .sm\:focus\:to-blue-900:focus{
    --gradient-to-color:#12283a
  }

  .sm\:focus\:to-blue-800:focus{
    --gradient-to-color:#1c3d5a
  }

  .sm\:focus\:to-blue-600:focus{
    --gradient-to-color:#2779bd
  }

  .sm\:focus\:to-blue:focus{
    --gradient-to-color:#3498db
  }

  .sm\:focus\:to-blue-400:focus{
    --gradient-to-color:#6cb2eb
  }

  .sm\:focus\:to-blue-200:focus{
    --gradient-to-color:#bcdefa
  }

  .sm\:focus\:to-blue-100:focus{
    --gradient-to-color:#eff8ff
  }

  .sm\:focus\:to-purple-900:focus{
    --gradient-to-color:#21183c
  }

  .sm\:focus\:to-purple-800:focus{
    --gradient-to-color:#382b5f
  }

  .sm\:focus\:to-purple-600:focus{
    --gradient-to-color:#794acf
  }

  .sm\:focus\:to-purple:focus{
    --gradient-to-color:#9561e2
  }

  .sm\:focus\:to-purple-400:focus{
    --gradient-to-color:#a779e9
  }

  .sm\:focus\:to-purple-200:focus{
    --gradient-to-color:#d6bbfc
  }

  .sm\:focus\:to-purple-100:focus{
    --gradient-to-color:#f3ebff
  }

  .sm\:focus\:to-orange-900:focus{
    --gradient-to-color:#462a16
  }

  .sm\:focus\:to-orange-800:focus{
    --gradient-to-color:#613b1f
  }

  .sm\:focus\:to-orange-600:focus{
    --gradient-to-color:#de751f
  }

  .sm\:focus\:to-orange:focus{
    --gradient-to-color:#f6993f
  }

  .sm\:focus\:to-orange-400:focus{
    --gradient-to-color:#faad63
  }

  .sm\:focus\:to-orange-200:focus{
    --gradient-to-color:#fcd9b6
  }

  .sm\:focus\:to-orange-100:focus{
    --gradient-to-color:#fff5eb
  }

  .sm\:focus\:to-esab-gray:focus{
    --gradient-to-color:#cecfd0
  }

  .sm\:focus\:to-esab-orange:focus{
    --gradient-to-color:#da7129
  }

  .sm\:focus\:to-esab-darkgrey:focus{
    --gradient-to-color:#373338
  }

  .sm\:focus\:to-esab-background:focus{
    --gradient-to-color:#f0f0f0
  }

  .sm\:focus\:to-esab-icon-blue:focus{
    --gradient-to-color:#0B7DA8
  }

  .sm\:focus\:to-esab-sidebar-blue:focus{
    --gradient-to-color:#c7d0d8
  }

  .sm\:focus\:to-esab-sidebar-blue-active:focus{
    --gradient-to-color:#174167
  }

  .sm\:focus\:to-esab-sidebar-blue-arrow:focus{
    --gradient-to-color:#164167
  }

  .sm\:focus\:to-esab-black:focus{
    --gradient-to-color:#26292A
  }

  .sm\:focus\:to-esab-primary-blue:focus{
    --gradient-to-color:#1A61A1
  }

  .sm\:focus\:to-esab-primary-blue-light:focus{
    --gradient-to-color:#347fc3
  }

  .sm\:focus\:to-esab-secondary-blue:focus{
    --gradient-to-color:#6ca1cd
  }

  .sm\:focus\:to-esab-card-blue:focus{
    --gradient-to-color:#2961A1
  }

  .sm\:focus\:to-esab-card-secondary-blue:focus{
    --gradient-to-color:#6491EB
  }

  .sm\:focus\:to-esab-red:focus{
    --gradient-to-color:#E23900
  }

  .sm\:focus\:to-esab-red-highlight:focus{
    --gradient-to-color:#ed6031
  }

  .sm\:focus\:to-assembly-color:focus{
    --gradient-to-color:#c7074e
  }

  .sm\:bg-opacity-0{
    --bg-opacity:0
  }

  .sm\:bg-opacity-10{
    --bg-opacity:.1
  }

  .sm\:bg-opacity-20{
    --bg-opacity:.20
  }

  .sm\:bg-opacity-25{
    --bg-opacity:.25
  }

  .sm\:bg-opacity-50{
    --bg-opacity:.5
  }

  .sm\:bg-opacity-75{
    --bg-opacity:.75
  }

  .sm\:bg-opacity-100{
    --bg-opacity:1
  }

  .sm\:hover\:bg-opacity-0:hover{
    --bg-opacity:0
  }

  .sm\:hover\:bg-opacity-10:hover{
    --bg-opacity:.1
  }

  .sm\:hover\:bg-opacity-20:hover{
    --bg-opacity:.20
  }

  .sm\:hover\:bg-opacity-25:hover{
    --bg-opacity:.25
  }

  .sm\:hover\:bg-opacity-50:hover{
    --bg-opacity:.5
  }

  .sm\:hover\:bg-opacity-75:hover{
    --bg-opacity:.75
  }

  .sm\:hover\:bg-opacity-100:hover{
    --bg-opacity:1
  }

  .sm\:focus\:bg-opacity-0:focus{
    --bg-opacity:0
  }

  .sm\:focus\:bg-opacity-10:focus{
    --bg-opacity:.1
  }

  .sm\:focus\:bg-opacity-20:focus{
    --bg-opacity:.20
  }

  .sm\:focus\:bg-opacity-25:focus{
    --bg-opacity:.25
  }

  .sm\:focus\:bg-opacity-50:focus{
    --bg-opacity:.5
  }

  .sm\:focus\:bg-opacity-75:focus{
    --bg-opacity:.75
  }

  .sm\:focus\:bg-opacity-100:focus{
    --bg-opacity:1
  }

  .sm\:border-opacity-0{
    --border-opacity:0
  }

  .sm\:border-opacity-10{
    --border-opacity:.1
  }

  .sm\:border-opacity-20{
    --border-opacity:.20
  }

  .sm\:border-opacity-25{
    --border-opacity:.25
  }

  .sm\:border-opacity-50{
    --border-opacity:.5
  }

  .sm\:border-opacity-75{
    --border-opacity:.75
  }

  .sm\:border-opacity-100{
    --border-opacity:1
  }

  .sm\:hover\:border-opacity-0:hover{
    --border-opacity:0
  }

  .sm\:hover\:border-opacity-10:hover{
    --border-opacity:.1
  }

  .sm\:hover\:border-opacity-20:hover{
    --border-opacity:.20
  }

  .sm\:hover\:border-opacity-25:hover{
    --border-opacity:.25
  }

  .sm\:hover\:border-opacity-50:hover{
    --border-opacity:.5
  }

  .sm\:hover\:border-opacity-75:hover{
    --border-opacity:.75
  }

  .sm\:hover\:border-opacity-100:hover{
    --border-opacity:1
  }

  .sm\:focus\:border-opacity-0:focus{
    --border-opacity:0
  }

  .sm\:focus\:border-opacity-10:focus{
    --border-opacity:.1
  }

  .sm\:focus\:border-opacity-20:focus{
    --border-opacity:.20
  }

  .sm\:focus\:border-opacity-25:focus{
    --border-opacity:.25
  }

  .sm\:focus\:border-opacity-50:focus{
    --border-opacity:.5
  }

  .sm\:focus\:border-opacity-75:focus{
    --border-opacity:.75
  }

  .sm\:focus\:border-opacity-100:focus{
    --border-opacity:1
  }

  .sm\:box-border{
    box-sizing:border-box
  }

  .sm\:box-content{
    box-sizing:content-box
  }

  .sm\:place-items-auto{
    place-items:auto
  }

  .sm\:place-items-start{
    place-items:start
  }

  .sm\:place-items-end{
    place-items:end
  }

  .sm\:place-items-center{
    place-items:center
  }

  .sm\:place-items-stretch{
    place-items:stretch
  }

  .sm\:place-content-center{
    place-content:center
  }

  .sm\:place-content-start{
    place-content:start
  }

  .sm\:place-content-end{
    place-content:end
  }

  .sm\:place-content-between{
    place-content:space-between
  }

  .sm\:place-content-around{
    place-content:space-around
  }

  .sm\:place-content-evenly{
    place-content:space-evenly
  }

  .sm\:place-content-stretch{
    place-content:stretch
  }

  .sm\:place-self-auto{
    place-self:auto
  }

  .sm\:place-self-start{
    place-self:start
  }

  .sm\:place-self-end{
    place-self:end
  }

  .sm\:place-self-center{
    place-self:center
  }

  .sm\:place-self-stretch{
    place-self:stretch
  }

  .sm\:justify-items-auto{
    justify-items:auto
  }

  .sm\:justify-items-start{
    justify-items:start
  }

  .sm\:justify-items-end{
    justify-items:end
  }

  .sm\:justify-items-center{
    justify-items:center
  }

  .sm\:justify-items-stretch{
    justify-items:stretch
  }

  .sm\:justify-self-auto{
    justify-self:auto
  }

  .sm\:justify-self-start{
    justify-self:start
  }

  .sm\:justify-self-end{
    justify-self:end
  }

  .sm\:justify-self-center{
    justify-self:center
  }

  .sm\:justify-self-stretch{
    justify-self:stretch
  }

  .sm\:order-1{
    order:1
  }

  .sm\:order-2{
    order:2
  }

  .sm\:order-3{
    order:3
  }

  .sm\:order-4{
    order:4
  }

  .sm\:order-5{
    order:5
  }

  .sm\:order-6{
    order:6
  }

  .sm\:order-7{
    order:7
  }

  .sm\:order-8{
    order:8
  }

  .sm\:order-9{
    order:9
  }

  .sm\:order-10{
    order:10
  }

  .sm\:order-11{
    order:11
  }

  .sm\:order-12{
    order:12
  }

  .sm\:order-first{
    order:-9999
  }

  .sm\:order-last{
    order:9999
  }

  .sm\:order-none{
    order:0
  }

  .sm\:clear-left{
    clear:left
  }

  .sm\:clear-right{
    clear:right
  }

  .sm\:clear-both{
    clear:both
  }

  .sm\:clear-none{
    clear:none
  }

  .sm\:m-0{
    margin:0
  }

  .sm\:m-1{
    margin:0.25rem
  }

  .sm\:m-2{
    margin:0.5rem
  }

  .sm\:m-3{
    margin:0.75rem
  }

  .sm\:m-4{
    margin:1rem
  }

  .sm\:m-5{
    margin:1.25rem
  }

  .sm\:m-6{
    margin:1.5rem
  }

  .sm\:m-8{
    margin:2rem
  }

  .sm\:m-10{
    margin:2.5rem
  }

  .sm\:m-12{
    margin:3rem
  }

  .sm\:m-16{
    margin:4rem
  }

  .sm\:m-20{
    margin:5rem
  }

  .sm\:m-24{
    margin:6rem
  }

  .sm\:m-32{
    margin:8rem
  }

  .sm\:m-auto{
    margin:auto
  }

  .sm\:m-px{
    margin:1px
  }

  .sm\:-m-px{
    margin:-1px
  }

  .sm\:-m-0{
    margin:0
  }

  .sm\:-m-1{
    margin:-0.25rem
  }

  .sm\:-m-2{
    margin:-0.5rem
  }

  .sm\:-m-3{
    margin:-0.75rem
  }

  .sm\:-m-4{
    margin:-1rem
  }

  .sm\:-m-5{
    margin:-1.25rem
  }

  .sm\:-m-6{
    margin:-1.5rem
  }

  .sm\:-m-8{
    margin:-2rem
  }

  .sm\:-m-10{
    margin:-2.5rem
  }

  .sm\:-m-12{
    margin:-3rem
  }

  .sm\:-m-16{
    margin:-4rem
  }

  .sm\:-m-20{
    margin:-5rem
  }

  .sm\:-m-24{
    margin:-6rem
  }

  .sm\:-m-32{
    margin:-8rem
  }

  .sm\:my-0{
    margin-top:0;
    margin-bottom:0
  }

  .sm\:mx-0{
    margin-left:0;
    margin-right:0
  }

  .sm\:my-1{
    margin-top:0.25rem;
    margin-bottom:0.25rem
  }

  .sm\:mx-1{
    margin-left:0.25rem;
    margin-right:0.25rem
  }

  .sm\:my-2{
    margin-top:0.5rem;
    margin-bottom:0.5rem
  }

  .sm\:mx-2{
    margin-left:0.5rem;
    margin-right:0.5rem
  }

  .sm\:my-3{
    margin-top:0.75rem;
    margin-bottom:0.75rem
  }

  .sm\:mx-3{
    margin-left:0.75rem;
    margin-right:0.75rem
  }

  .sm\:my-4{
    margin-top:1rem;
    margin-bottom:1rem
  }

  .sm\:mx-4{
    margin-left:1rem;
    margin-right:1rem
  }

  .sm\:my-5{
    margin-top:1.25rem;
    margin-bottom:1.25rem
  }

  .sm\:mx-5{
    margin-left:1.25rem;
    margin-right:1.25rem
  }

  .sm\:my-6{
    margin-top:1.5rem;
    margin-bottom:1.5rem
  }

  .sm\:mx-6{
    margin-left:1.5rem;
    margin-right:1.5rem
  }

  .sm\:my-8{
    margin-top:2rem;
    margin-bottom:2rem
  }

  .sm\:mx-8{
    margin-left:2rem;
    margin-right:2rem
  }

  .sm\:my-10{
    margin-top:2.5rem;
    margin-bottom:2.5rem
  }

  .sm\:mx-10{
    margin-left:2.5rem;
    margin-right:2.5rem
  }

  .sm\:my-12{
    margin-top:3rem;
    margin-bottom:3rem
  }

  .sm\:mx-12{
    margin-left:3rem;
    margin-right:3rem
  }

  .sm\:my-16{
    margin-top:4rem;
    margin-bottom:4rem
  }

  .sm\:mx-16{
    margin-left:4rem;
    margin-right:4rem
  }

  .sm\:my-20{
    margin-top:5rem;
    margin-bottom:5rem
  }

  .sm\:mx-20{
    margin-left:5rem;
    margin-right:5rem
  }

  .sm\:my-24{
    margin-top:6rem;
    margin-bottom:6rem
  }

  .sm\:mx-24{
    margin-left:6rem;
    margin-right:6rem
  }

  .sm\:my-32{
    margin-top:8rem;
    margin-bottom:8rem
  }

  .sm\:mx-32{
    margin-left:8rem;
    margin-right:8rem
  }

  .sm\:my-auto{
    margin-top:auto;
    margin-bottom:auto
  }

  .sm\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .sm\:my-px{
    margin-top:1px;
    margin-bottom:1px
  }

  .sm\:mx-px{
    margin-left:1px;
    margin-right:1px
  }

  .sm\:-my-px{
    margin-top:-1px;
    margin-bottom:-1px
  }

  .sm\:-mx-px{
    margin-left:-1px;
    margin-right:-1px
  }

  .sm\:-my-0{
    margin-top:0;
    margin-bottom:0
  }

  .sm\:-mx-0{
    margin-left:0;
    margin-right:0
  }

  .sm\:-my-1{
    margin-top:-0.25rem;
    margin-bottom:-0.25rem
  }

  .sm\:-mx-1{
    margin-left:-0.25rem;
    margin-right:-0.25rem
  }

  .sm\:-my-2{
    margin-top:-0.5rem;
    margin-bottom:-0.5rem
  }

  .sm\:-mx-2{
    margin-left:-0.5rem;
    margin-right:-0.5rem
  }

  .sm\:-my-3{
    margin-top:-0.75rem;
    margin-bottom:-0.75rem
  }

  .sm\:-mx-3{
    margin-left:-0.75rem;
    margin-right:-0.75rem
  }

  .sm\:-my-4{
    margin-top:-1rem;
    margin-bottom:-1rem
  }

  .sm\:-mx-4{
    margin-left:-1rem;
    margin-right:-1rem
  }

  .sm\:-my-5{
    margin-top:-1.25rem;
    margin-bottom:-1.25rem
  }

  .sm\:-mx-5{
    margin-left:-1.25rem;
    margin-right:-1.25rem
  }

  .sm\:-my-6{
    margin-top:-1.5rem;
    margin-bottom:-1.5rem
  }

  .sm\:-mx-6{
    margin-left:-1.5rem;
    margin-right:-1.5rem
  }

  .sm\:-my-8{
    margin-top:-2rem;
    margin-bottom:-2rem
  }

  .sm\:-mx-8{
    margin-left:-2rem;
    margin-right:-2rem
  }

  .sm\:-my-10{
    margin-top:-2.5rem;
    margin-bottom:-2.5rem
  }

  .sm\:-mx-10{
    margin-left:-2.5rem;
    margin-right:-2.5rem
  }

  .sm\:-my-12{
    margin-top:-3rem;
    margin-bottom:-3rem
  }

  .sm\:-mx-12{
    margin-left:-3rem;
    margin-right:-3rem
  }

  .sm\:-my-16{
    margin-top:-4rem;
    margin-bottom:-4rem
  }

  .sm\:-mx-16{
    margin-left:-4rem;
    margin-right:-4rem
  }

  .sm\:-my-20{
    margin-top:-5rem;
    margin-bottom:-5rem
  }

  .sm\:-mx-20{
    margin-left:-5rem;
    margin-right:-5rem
  }

  .sm\:-my-24{
    margin-top:-6rem;
    margin-bottom:-6rem
  }

  .sm\:-mx-24{
    margin-left:-6rem;
    margin-right:-6rem
  }

  .sm\:-my-32{
    margin-top:-8rem;
    margin-bottom:-8rem
  }

  .sm\:-mx-32{
    margin-left:-8rem;
    margin-right:-8rem
  }

  .sm\:mt-0{
    margin-top:0
  }

  .sm\:mr-0{
    margin-right:0
  }

  .sm\:mb-0{
    margin-bottom:0
  }

  .sm\:ml-0{
    margin-left:0
  }

  .sm\:mt-1{
    margin-top:0.25rem
  }

  .sm\:mr-1{
    margin-right:0.25rem
  }

  .sm\:mb-1{
    margin-bottom:0.25rem
  }

  .sm\:ml-1{
    margin-left:0.25rem
  }

  .sm\:mt-2{
    margin-top:0.5rem
  }

  .sm\:mr-2{
    margin-right:0.5rem
  }

  .sm\:mb-2{
    margin-bottom:0.5rem
  }

  .sm\:ml-2{
    margin-left:0.5rem
  }

  .sm\:mt-3{
    margin-top:0.75rem
  }

  .sm\:mr-3{
    margin-right:0.75rem
  }

  .sm\:mb-3{
    margin-bottom:0.75rem
  }

  .sm\:ml-3{
    margin-left:0.75rem
  }

  .sm\:mt-4{
    margin-top:1rem
  }

  .sm\:mr-4{
    margin-right:1rem
  }

  .sm\:mb-4{
    margin-bottom:1rem
  }

  .sm\:ml-4{
    margin-left:1rem
  }

  .sm\:mt-5{
    margin-top:1.25rem
  }

  .sm\:mr-5{
    margin-right:1.25rem
  }

  .sm\:mb-5{
    margin-bottom:1.25rem
  }

  .sm\:ml-5{
    margin-left:1.25rem
  }

  .sm\:mt-6{
    margin-top:1.5rem
  }

  .sm\:mr-6{
    margin-right:1.5rem
  }

  .sm\:mb-6{
    margin-bottom:1.5rem
  }

  .sm\:ml-6{
    margin-left:1.5rem
  }

  .sm\:mt-8{
    margin-top:2rem
  }

  .sm\:mr-8{
    margin-right:2rem
  }

  .sm\:mb-8{
    margin-bottom:2rem
  }

  .sm\:ml-8{
    margin-left:2rem
  }

  .sm\:mt-10{
    margin-top:2.5rem
  }

  .sm\:mr-10{
    margin-right:2.5rem
  }

  .sm\:mb-10{
    margin-bottom:2.5rem
  }

  .sm\:ml-10{
    margin-left:2.5rem
  }

  .sm\:mt-12{
    margin-top:3rem
  }

  .sm\:mr-12{
    margin-right:3rem
  }

  .sm\:mb-12{
    margin-bottom:3rem
  }

  .sm\:ml-12{
    margin-left:3rem
  }

  .sm\:mt-16{
    margin-top:4rem
  }

  .sm\:mr-16{
    margin-right:4rem
  }

  .sm\:mb-16{
    margin-bottom:4rem
  }

  .sm\:ml-16{
    margin-left:4rem
  }

  .sm\:mt-20{
    margin-top:5rem
  }

  .sm\:mr-20{
    margin-right:5rem
  }

  .sm\:mb-20{
    margin-bottom:5rem
  }

  .sm\:ml-20{
    margin-left:5rem
  }

  .sm\:mt-24{
    margin-top:6rem
  }

  .sm\:mr-24{
    margin-right:6rem
  }

  .sm\:mb-24{
    margin-bottom:6rem
  }

  .sm\:ml-24{
    margin-left:6rem
  }

  .sm\:mt-32{
    margin-top:8rem
  }

  .sm\:mr-32{
    margin-right:8rem
  }

  .sm\:mb-32{
    margin-bottom:8rem
  }

  .sm\:ml-32{
    margin-left:8rem
  }

  .sm\:mt-auto{
    margin-top:auto
  }

  .sm\:mr-auto{
    margin-right:auto
  }

  .sm\:mb-auto{
    margin-bottom:auto
  }

  .sm\:ml-auto{
    margin-left:auto
  }

  .sm\:mt-px{
    margin-top:1px
  }

  .sm\:mr-px{
    margin-right:1px
  }

  .sm\:mb-px{
    margin-bottom:1px
  }

  .sm\:ml-px{
    margin-left:1px
  }

  .sm\:-mt-px{
    margin-top:-1px
  }

  .sm\:-mr-px{
    margin-right:-1px
  }

  .sm\:-mb-px{
    margin-bottom:-1px
  }

  .sm\:-ml-px{
    margin-left:-1px
  }

  .sm\:-mt-0{
    margin-top:0
  }

  .sm\:-mr-0{
    margin-right:0
  }

  .sm\:-mb-0{
    margin-bottom:0
  }

  .sm\:-ml-0{
    margin-left:0
  }

  .sm\:-mt-1{
    margin-top:-0.25rem
  }

  .sm\:-mr-1{
    margin-right:-0.25rem
  }

  .sm\:-mb-1{
    margin-bottom:-0.25rem
  }

  .sm\:-ml-1{
    margin-left:-0.25rem
  }

  .sm\:-mt-2{
    margin-top:-0.5rem
  }

  .sm\:-mr-2{
    margin-right:-0.5rem
  }

  .sm\:-mb-2{
    margin-bottom:-0.5rem
  }

  .sm\:-ml-2{
    margin-left:-0.5rem
  }

  .sm\:-mt-3{
    margin-top:-0.75rem
  }

  .sm\:-mr-3{
    margin-right:-0.75rem
  }

  .sm\:-mb-3{
    margin-bottom:-0.75rem
  }

  .sm\:-ml-3{
    margin-left:-0.75rem
  }

  .sm\:-mt-4{
    margin-top:-1rem
  }

  .sm\:-mr-4{
    margin-right:-1rem
  }

  .sm\:-mb-4{
    margin-bottom:-1rem
  }

  .sm\:-ml-4{
    margin-left:-1rem
  }

  .sm\:-mt-5{
    margin-top:-1.25rem
  }

  .sm\:-mr-5{
    margin-right:-1.25rem
  }

  .sm\:-mb-5{
    margin-bottom:-1.25rem
  }

  .sm\:-ml-5{
    margin-left:-1.25rem
  }

  .sm\:-mt-6{
    margin-top:-1.5rem
  }

  .sm\:-mr-6{
    margin-right:-1.5rem
  }

  .sm\:-mb-6{
    margin-bottom:-1.5rem
  }

  .sm\:-ml-6{
    margin-left:-1.5rem
  }

  .sm\:-mt-8{
    margin-top:-2rem
  }

  .sm\:-mr-8{
    margin-right:-2rem
  }

  .sm\:-mb-8{
    margin-bottom:-2rem
  }

  .sm\:-ml-8{
    margin-left:-2rem
  }

  .sm\:-mt-10{
    margin-top:-2.5rem
  }

  .sm\:-mr-10{
    margin-right:-2.5rem
  }

  .sm\:-mb-10{
    margin-bottom:-2.5rem
  }

  .sm\:-ml-10{
    margin-left:-2.5rem
  }

  .sm\:-mt-12{
    margin-top:-3rem
  }

  .sm\:-mr-12{
    margin-right:-3rem
  }

  .sm\:-mb-12{
    margin-bottom:-3rem
  }

  .sm\:-ml-12{
    margin-left:-3rem
  }

  .sm\:-mt-16{
    margin-top:-4rem
  }

  .sm\:-mr-16{
    margin-right:-4rem
  }

  .sm\:-mb-16{
    margin-bottom:-4rem
  }

  .sm\:-ml-16{
    margin-left:-4rem
  }

  .sm\:-mt-20{
    margin-top:-5rem
  }

  .sm\:-mr-20{
    margin-right:-5rem
  }

  .sm\:-mb-20{
    margin-bottom:-5rem
  }

  .sm\:-ml-20{
    margin-left:-5rem
  }

  .sm\:-mt-24{
    margin-top:-6rem
  }

  .sm\:-mr-24{
    margin-right:-6rem
  }

  .sm\:-mb-24{
    margin-bottom:-6rem
  }

  .sm\:-ml-24{
    margin-left:-6rem
  }

  .sm\:-mt-32{
    margin-top:-8rem
  }

  .sm\:-mr-32{
    margin-right:-8rem
  }

  .sm\:-mb-32{
    margin-bottom:-8rem
  }

  .sm\:-ml-32{
    margin-left:-8rem
  }

  .sm\:object-contain{
    object-fit:contain
  }

  .sm\:object-cover{
    object-fit:cover
  }

  .sm\:object-fill{
    object-fit:fill
  }

  .sm\:object-none{
    object-fit:none
  }

  .sm\:object-scale-down{
    object-fit:scale-down
  }

  .sm\:object-bottom{
    object-position:bottom
  }

  .sm\:object-center{
    object-position:center
  }

  .sm\:object-left{
    object-position:left
  }

  .sm\:object-left-bottom{
    object-position:left bottom
  }

  .sm\:object-left-top{
    object-position:left top
  }

  .sm\:object-right{
    object-position:right
  }

  .sm\:object-right-bottom{
    object-position:right bottom
  }

  .sm\:object-right-top{
    object-position:right top
  }

  .sm\:object-top{
    object-position:top
  }

  .sm\:overscroll-auto{
    overscroll-behavior:auto
  }

  .sm\:overscroll-contain{
    overscroll-behavior:contain
  }

  .sm\:overscroll-none{
    overscroll-behavior:none
  }

  .sm\:overscroll-y-auto{
    overscroll-behavior-y:auto
  }

  .sm\:overscroll-y-contain{
    overscroll-behavior-y:contain
  }

  .sm\:overscroll-y-none{
    overscroll-behavior-y:none
  }

  .sm\:overscroll-x-auto{
    overscroll-behavior-x:auto
  }

  .sm\:overscroll-x-contain{
    overscroll-behavior-x:contain
  }

  .sm\:overscroll-x-none{
    overscroll-behavior-x:none
  }

  .sm\:placeholder-transparent::placeholder{
    color:transparent
  }

  .sm\:placeholder-black::placeholder{
    --placeholder-opacity:1;
    color:#22292f;
    color:rgba(34, 41, 47, var(--placeholder-opacity))
  }

  .sm\:placeholder-real-black::placeholder{
    --placeholder-opacity:1;
    color:#000;
    color:rgba(0, 0, 0, var(--placeholder-opacity))
  }

  .sm\:placeholder-gray-800::placeholder{
    --placeholder-opacity:1;
    color:#3d4852;
    color:rgba(61, 72, 82, var(--placeholder-opacity))
  }

  .sm\:placeholder-gray-700::placeholder{
    --placeholder-opacity:1;
    color:#606f7b;
    color:rgba(96, 111, 123, var(--placeholder-opacity))
  }

  .sm\:placeholder-gray-600::placeholder{
    --placeholder-opacity:1;
    color:#8795a1;
    color:rgba(135, 149, 161, var(--placeholder-opacity))
  }

  .sm\:placeholder-gray::placeholder{
    --placeholder-opacity:1;
    color:#b8c2cc;
    color:rgba(184, 194, 204, var(--placeholder-opacity))
  }

  .sm\:placeholder-gray-400::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .sm\:placeholder-gray-200::placeholder{
    --placeholder-opacity:1;
    color:#f1f5f8;
    color:rgba(241, 245, 248, var(--placeholder-opacity))
  }

  .sm\:placeholder-gray-100::placeholder{
    --placeholder-opacity:1;
    color:#f8fafc;
    color:rgba(248, 250, 252, var(--placeholder-opacity))
  }

  .sm\:placeholder-white::placeholder{
    --placeholder-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--placeholder-opacity))
  }

  .sm\:placeholder-off-white::placeholder{
    --placeholder-opacity:1;
    color:#f7fafc;
    color:rgba(247, 250, 252, var(--placeholder-opacity))
  }

  .sm\:placeholder-grey-weldnote::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .sm\:placeholder-red-900::placeholder{
    --placeholder-opacity:1;
    color:#3b0d0c;
    color:rgba(59, 13, 12, var(--placeholder-opacity))
  }

  .sm\:placeholder-red-800::placeholder{
    --placeholder-opacity:1;
    color:#621b18;
    color:rgba(98, 27, 24, var(--placeholder-opacity))
  }

  .sm\:placeholder-red-600::placeholder{
    --placeholder-opacity:1;
    color:#cc1f1a;
    color:rgba(204, 31, 26, var(--placeholder-opacity))
  }

  .sm\:placeholder-red::placeholder{
    --placeholder-opacity:1;
    color:#e3342f;
    color:rgba(227, 52, 47, var(--placeholder-opacity))
  }

  .sm\:placeholder-red-400::placeholder{
    --placeholder-opacity:1;
    color:#ef5753;
    color:rgba(239, 87, 83, var(--placeholder-opacity))
  }

  .sm\:placeholder-red-200::placeholder{
    --placeholder-opacity:1;
    color:#f9acaa;
    color:rgba(249, 172, 170, var(--placeholder-opacity))
  }

  .sm\:placeholder-red-100::placeholder{
    --placeholder-opacity:1;
    color:#fcebea;
    color:rgba(252, 235, 234, var(--placeholder-opacity))
  }

  .sm\:placeholder-yellow-900::placeholder{
    --placeholder-opacity:1;
    color:#453411;
    color:rgba(69, 52, 17, var(--placeholder-opacity))
  }

  .sm\:placeholder-yellow-800::placeholder{
    --placeholder-opacity:1;
    color:#a77f2e;
    color:rgba(167, 127, 46, var(--placeholder-opacity))
  }

  .sm\:placeholder-yellow-600::placeholder{
    --placeholder-opacity:1;
    color:#f2d024;
    color:rgba(242, 208, 36, var(--placeholder-opacity))
  }

  .sm\:placeholder-yellow::placeholder{
    --placeholder-opacity:1;
    color:#ffed4a;
    color:rgba(255, 237, 74, var(--placeholder-opacity))
  }

  .sm\:placeholder-yellow-400::placeholder{
    --placeholder-opacity:1;
    color:#fff382;
    color:rgba(255, 243, 130, var(--placeholder-opacity))
  }

  .sm\:placeholder-yellow-200::placeholder{
    --placeholder-opacity:1;
    color:#fff9c2;
    color:rgba(255, 249, 194, var(--placeholder-opacity))
  }

  .sm\:placeholder-yellow-100::placeholder{
    --placeholder-opacity:1;
    color:#fcfbeb;
    color:rgba(252, 251, 235, var(--placeholder-opacity))
  }

  .sm\:placeholder-green-900::placeholder{
    --placeholder-opacity:1;
    color:#0f2f21;
    color:rgba(15, 47, 33, var(--placeholder-opacity))
  }

  .sm\:placeholder-green-800::placeholder{
    --placeholder-opacity:1;
    color:#1a4731;
    color:rgba(26, 71, 49, var(--placeholder-opacity))
  }

  .sm\:placeholder-green-600::placeholder{
    --placeholder-opacity:1;
    color:#1f9d55;
    color:rgba(31, 157, 85, var(--placeholder-opacity))
  }

  .sm\:placeholder-green::placeholder{
    --placeholder-opacity:1;
    color:#38c172;
    color:rgba(56, 193, 114, var(--placeholder-opacity))
  }

  .sm\:placeholder-green-400::placeholder{
    --placeholder-opacity:1;
    color:#51d88a;
    color:rgba(81, 216, 138, var(--placeholder-opacity))
  }

  .sm\:placeholder-green-200::placeholder{
    --placeholder-opacity:1;
    color:#a2f5bf;
    color:rgba(162, 245, 191, var(--placeholder-opacity))
  }

  .sm\:placeholder-green-100::placeholder{
    --placeholder-opacity:1;
    color:#e3fcec;
    color:rgba(227, 252, 236, var(--placeholder-opacity))
  }

  .sm\:placeholder-blue-modal::placeholder{
    --placeholder-opacity:1;
    color:#2e4050;
    color:rgba(46, 64, 80, var(--placeholder-opacity))
  }

  .sm\:placeholder-blue-900::placeholder{
    --placeholder-opacity:1;
    color:#12283a;
    color:rgba(18, 40, 58, var(--placeholder-opacity))
  }

  .sm\:placeholder-blue-800::placeholder{
    --placeholder-opacity:1;
    color:#1c3d5a;
    color:rgba(28, 61, 90, var(--placeholder-opacity))
  }

  .sm\:placeholder-blue-600::placeholder{
    --placeholder-opacity:1;
    color:#2779bd;
    color:rgba(39, 121, 189, var(--placeholder-opacity))
  }

  .sm\:placeholder-blue::placeholder{
    --placeholder-opacity:1;
    color:#3498db;
    color:rgba(52, 152, 219, var(--placeholder-opacity))
  }

  .sm\:placeholder-blue-400::placeholder{
    --placeholder-opacity:1;
    color:#6cb2eb;
    color:rgba(108, 178, 235, var(--placeholder-opacity))
  }

  .sm\:placeholder-blue-200::placeholder{
    --placeholder-opacity:1;
    color:#bcdefa;
    color:rgba(188, 222, 250, var(--placeholder-opacity))
  }

  .sm\:placeholder-blue-100::placeholder{
    --placeholder-opacity:1;
    color:#eff8ff;
    color:rgba(239, 248, 255, var(--placeholder-opacity))
  }

  .sm\:placeholder-purple-900::placeholder{
    --placeholder-opacity:1;
    color:#21183c;
    color:rgba(33, 24, 60, var(--placeholder-opacity))
  }

  .sm\:placeholder-purple-800::placeholder{
    --placeholder-opacity:1;
    color:#382b5f;
    color:rgba(56, 43, 95, var(--placeholder-opacity))
  }

  .sm\:placeholder-purple-600::placeholder{
    --placeholder-opacity:1;
    color:#794acf;
    color:rgba(121, 74, 207, var(--placeholder-opacity))
  }

  .sm\:placeholder-purple::placeholder{
    --placeholder-opacity:1;
    color:#9561e2;
    color:rgba(149, 97, 226, var(--placeholder-opacity))
  }

  .sm\:placeholder-purple-400::placeholder{
    --placeholder-opacity:1;
    color:#a779e9;
    color:rgba(167, 121, 233, var(--placeholder-opacity))
  }

  .sm\:placeholder-purple-200::placeholder{
    --placeholder-opacity:1;
    color:#d6bbfc;
    color:rgba(214, 187, 252, var(--placeholder-opacity))
  }

  .sm\:placeholder-purple-100::placeholder{
    --placeholder-opacity:1;
    color:#f3ebff;
    color:rgba(243, 235, 255, var(--placeholder-opacity))
  }

  .sm\:placeholder-orange-900::placeholder{
    --placeholder-opacity:1;
    color:#462a16;
    color:rgba(70, 42, 22, var(--placeholder-opacity))
  }

  .sm\:placeholder-orange-800::placeholder{
    --placeholder-opacity:1;
    color:#613b1f;
    color:rgba(97, 59, 31, var(--placeholder-opacity))
  }

  .sm\:placeholder-orange-600::placeholder{
    --placeholder-opacity:1;
    color:#de751f;
    color:rgba(222, 117, 31, var(--placeholder-opacity))
  }

  .sm\:placeholder-orange::placeholder{
    --placeholder-opacity:1;
    color:#f6993f;
    color:rgba(246, 153, 63, var(--placeholder-opacity))
  }

  .sm\:placeholder-orange-400::placeholder{
    --placeholder-opacity:1;
    color:#faad63;
    color:rgba(250, 173, 99, var(--placeholder-opacity))
  }

  .sm\:placeholder-orange-200::placeholder{
    --placeholder-opacity:1;
    color:#fcd9b6;
    color:rgba(252, 217, 182, var(--placeholder-opacity))
  }

  .sm\:placeholder-orange-100::placeholder{
    --placeholder-opacity:1;
    color:#fff5eb;
    color:rgba(255, 245, 235, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-gray::placeholder{
    --placeholder-opacity:1;
    color:#cecfd0;
    color:rgba(206, 207, 208, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-orange::placeholder{
    --placeholder-opacity:1;
    color:#da7129;
    color:rgba(218, 113, 41, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-darkgrey::placeholder{
    --placeholder-opacity:1;
    color:#373338;
    color:rgba(55, 51, 56, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-background::placeholder{
    --placeholder-opacity:1;
    color:#f0f0f0;
    color:rgba(240, 240, 240, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-icon-blue::placeholder{
    --placeholder-opacity:1;
    color:#0B7DA8;
    color:rgba(11, 125, 168, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-sidebar-blue::placeholder{
    --placeholder-opacity:1;
    color:#c7d0d8;
    color:rgba(199, 208, 216, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-sidebar-blue-active::placeholder{
    --placeholder-opacity:1;
    color:#174167;
    color:rgba(23, 65, 103, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-sidebar-blue-arrow::placeholder{
    --placeholder-opacity:1;
    color:#164167;
    color:rgba(22, 65, 103, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-black::placeholder{
    --placeholder-opacity:1;
    color:#26292A;
    color:rgba(38, 41, 42, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-primary-blue::placeholder{
    --placeholder-opacity:1;
    color:#1A61A1;
    color:rgba(26, 97, 161, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-primary-blue-light::placeholder{
    --placeholder-opacity:1;
    color:#347fc3;
    color:rgba(52, 127, 195, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-secondary-blue::placeholder{
    --placeholder-opacity:1;
    color:#6ca1cd;
    color:rgba(108, 161, 205, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-card-blue::placeholder{
    --placeholder-opacity:1;
    color:#2961A1;
    color:rgba(41, 97, 161, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-card-secondary-blue::placeholder{
    --placeholder-opacity:1;
    color:#6491EB;
    color:rgba(100, 145, 235, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-red::placeholder{
    --placeholder-opacity:1;
    color:#E23900;
    color:rgba(226, 57, 0, var(--placeholder-opacity))
  }

  .sm\:placeholder-esab-red-highlight::placeholder{
    --placeholder-opacity:1;
    color:#ed6031;
    color:rgba(237, 96, 49, var(--placeholder-opacity))
  }

  .sm\:placeholder-assembly-color::placeholder{
    --placeholder-opacity:1;
    color:#c7074e;
    color:rgba(199, 7, 78, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-transparent:focus::placeholder{
    color:transparent
  }

  .sm\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#22292f;
    color:rgba(34, 41, 47, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-real-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#000;
    color:rgba(0, 0, 0, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#3d4852;
    color:rgba(61, 72, 82, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity:1;
    color:#606f7b;
    color:rgba(96, 111, 123, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#8795a1;
    color:rgba(135, 149, 161, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-gray:focus::placeholder{
    --placeholder-opacity:1;
    color:#b8c2cc;
    color:rgba(184, 194, 204, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#f1f5f8;
    color:rgba(241, 245, 248, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#f8fafc;
    color:rgba(248, 250, 252, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-off-white:focus::placeholder{
    --placeholder-opacity:1;
    color:#f7fafc;
    color:rgba(247, 250, 252, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-grey-weldnote:focus::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-red-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#3b0d0c;
    color:rgba(59, 13, 12, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-red-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#621b18;
    color:rgba(98, 27, 24, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-red-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#cc1f1a;
    color:rgba(204, 31, 26, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity:1;
    color:#e3342f;
    color:rgba(227, 52, 47, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-red-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#ef5753;
    color:rgba(239, 87, 83, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-red-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#f9acaa;
    color:rgba(249, 172, 170, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-red-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcebea;
    color:rgba(252, 235, 234, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#453411;
    color:rgba(69, 52, 17, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#a77f2e;
    color:rgba(167, 127, 46, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#f2d024;
    color:rgba(242, 208, 36, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-yellow:focus::placeholder{
    --placeholder-opacity:1;
    color:#ffed4a;
    color:rgba(255, 237, 74, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff382;
    color:rgba(255, 243, 130, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff9c2;
    color:rgba(255, 249, 194, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcfbeb;
    color:rgba(252, 251, 235, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#0f2f21;
    color:rgba(15, 47, 33, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#1a4731;
    color:rgba(26, 71, 49, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#1f9d55;
    color:rgba(31, 157, 85, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-green:focus::placeholder{
    --placeholder-opacity:1;
    color:#38c172;
    color:rgba(56, 193, 114, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#51d88a;
    color:rgba(81, 216, 138, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#a2f5bf;
    color:rgba(162, 245, 191, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#e3fcec;
    color:rgba(227, 252, 236, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-blue-modal:focus::placeholder{
    --placeholder-opacity:1;
    color:#2e4050;
    color:rgba(46, 64, 80, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#12283a;
    color:rgba(18, 40, 58, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#1c3d5a;
    color:rgba(28, 61, 90, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#2779bd;
    color:rgba(39, 121, 189, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#3498db;
    color:rgba(52, 152, 219, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#6cb2eb;
    color:rgba(108, 178, 235, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#bcdefa;
    color:rgba(188, 222, 250, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#eff8ff;
    color:rgba(239, 248, 255, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#21183c;
    color:rgba(33, 24, 60, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#382b5f;
    color:rgba(56, 43, 95, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#794acf;
    color:rgba(121, 74, 207, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-purple:focus::placeholder{
    --placeholder-opacity:1;
    color:#9561e2;
    color:rgba(149, 97, 226, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#a779e9;
    color:rgba(167, 121, 233, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#d6bbfc;
    color:rgba(214, 187, 252, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#f3ebff;
    color:rgba(243, 235, 255, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#462a16;
    color:rgba(70, 42, 22, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#613b1f;
    color:rgba(97, 59, 31, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#de751f;
    color:rgba(222, 117, 31, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-orange:focus::placeholder{
    --placeholder-opacity:1;
    color:#f6993f;
    color:rgba(246, 153, 63, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#faad63;
    color:rgba(250, 173, 99, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcd9b6;
    color:rgba(252, 217, 182, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff5eb;
    color:rgba(255, 245, 235, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-gray:focus::placeholder{
    --placeholder-opacity:1;
    color:#cecfd0;
    color:rgba(206, 207, 208, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-orange:focus::placeholder{
    --placeholder-opacity:1;
    color:#da7129;
    color:rgba(218, 113, 41, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-darkgrey:focus::placeholder{
    --placeholder-opacity:1;
    color:#373338;
    color:rgba(55, 51, 56, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-background:focus::placeholder{
    --placeholder-opacity:1;
    color:#f0f0f0;
    color:rgba(240, 240, 240, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-icon-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#0B7DA8;
    color:rgba(11, 125, 168, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-sidebar-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#c7d0d8;
    color:rgba(199, 208, 216, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-sidebar-blue-active:focus::placeholder{
    --placeholder-opacity:1;
    color:#174167;
    color:rgba(23, 65, 103, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-sidebar-blue-arrow:focus::placeholder{
    --placeholder-opacity:1;
    color:#164167;
    color:rgba(22, 65, 103, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#26292A;
    color:rgba(38, 41, 42, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-primary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#1A61A1;
    color:rgba(26, 97, 161, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-primary-blue-light:focus::placeholder{
    --placeholder-opacity:1;
    color:#347fc3;
    color:rgba(52, 127, 195, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-secondary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#6ca1cd;
    color:rgba(108, 161, 205, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-card-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#2961A1;
    color:rgba(41, 97, 161, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-card-secondary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#6491EB;
    color:rgba(100, 145, 235, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-red:focus::placeholder{
    --placeholder-opacity:1;
    color:#E23900;
    color:rgba(226, 57, 0, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-esab-red-highlight:focus::placeholder{
    --placeholder-opacity:1;
    color:#ed6031;
    color:rgba(237, 96, 49, var(--placeholder-opacity))
  }

  .sm\:focus\:placeholder-assembly-color:focus::placeholder{
    --placeholder-opacity:1;
    color:#c7074e;
    color:rgba(199, 7, 78, var(--placeholder-opacity))
  }

  .sm\:placeholder-opacity-0::placeholder{
    --placeholder-opacity:0
  }

  .sm\:placeholder-opacity-10::placeholder{
    --placeholder-opacity:.1
  }

  .sm\:placeholder-opacity-20::placeholder{
    --placeholder-opacity:.20
  }

  .sm\:placeholder-opacity-25::placeholder{
    --placeholder-opacity:.25
  }

  .sm\:placeholder-opacity-50::placeholder{
    --placeholder-opacity:.5
  }

  .sm\:placeholder-opacity-75::placeholder{
    --placeholder-opacity:.75
  }

  .sm\:placeholder-opacity-100::placeholder{
    --placeholder-opacity:1
  }

  .sm\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity:0
  }

  .sm\:focus\:placeholder-opacity-10:focus::placeholder{
    --placeholder-opacity:.1
  }

  .sm\:focus\:placeholder-opacity-20:focus::placeholder{
    --placeholder-opacity:.20
  }

  .sm\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity:.25
  }

  .sm\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity:.5
  }

  .sm\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity:.75
  }

  .sm\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity:1
  }

  .sm\:stroke-0{
    stroke-width:0
  }

  .sm\:stroke-1{
    stroke-width:1
  }

  .sm\:stroke-2{
    stroke-width:2
  }

  .sm\:table-auto{
    table-layout:auto
  }

  .sm\:table-fixed{
    table-layout:fixed
  }

  .sm\:text-opacity-0{
    --text-opacity:0
  }

  .sm\:text-opacity-10{
    --text-opacity:.1
  }

  .sm\:text-opacity-20{
    --text-opacity:.20
  }

  .sm\:text-opacity-25{
    --text-opacity:.25
  }

  .sm\:text-opacity-50{
    --text-opacity:.5
  }

  .sm\:text-opacity-75{
    --text-opacity:.75
  }

  .sm\:text-opacity-100{
    --text-opacity:1
  }

  .sm\:hover\:text-opacity-0:hover{
    --text-opacity:0
  }

  .sm\:hover\:text-opacity-10:hover{
    --text-opacity:.1
  }

  .sm\:hover\:text-opacity-20:hover{
    --text-opacity:.20
  }

  .sm\:hover\:text-opacity-25:hover{
    --text-opacity:.25
  }

  .sm\:hover\:text-opacity-50:hover{
    --text-opacity:.5
  }

  .sm\:hover\:text-opacity-75:hover{
    --text-opacity:.75
  }

  .sm\:hover\:text-opacity-100:hover{
    --text-opacity:1
  }

  .sm\:focus\:text-opacity-0:focus{
    --text-opacity:0
  }

  .sm\:focus\:text-opacity-10:focus{
    --text-opacity:.1
  }

  .sm\:focus\:text-opacity-20:focus{
    --text-opacity:.20
  }

  .sm\:focus\:text-opacity-25:focus{
    --text-opacity:.25
  }

  .sm\:focus\:text-opacity-50:focus{
    --text-opacity:.5
  }

  .sm\:focus\:text-opacity-75:focus{
    --text-opacity:.75
  }

  .sm\:focus\:text-opacity-100:focus{
    --text-opacity:1
  }

  .sm\:ordinal, .sm\:slashed-zero, .sm\:lining-nums, .sm\:oldstyle-nums, .sm\:proportional-nums, .sm\:tabular-nums, .sm\:diagonal-fractions, .sm\:stacked-fractions{
    --font-variant-numeric-ordinal:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction:var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric:var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)
  }

  .sm\:normal-nums{
    font-variant-numeric:normal
  }

  .sm\:ordinal{
    --font-variant-numeric-ordinal:ordinal
  }

  .sm\:slashed-zero{
    --font-variant-numeric-slashed-zero:slashed-zero
  }

  .sm\:lining-nums{
    --font-variant-numeric-figure:lining-nums
  }

  .sm\:oldstyle-nums{
    --font-variant-numeric-figure:oldstyle-nums
  }

  .sm\:proportional-nums{
    --font-variant-numeric-spacing:proportional-nums
  }

  .sm\:tabular-nums{
    --font-variant-numeric-spacing:tabular-nums
  }

  .sm\:diagonal-fractions{
    --font-variant-numeric-fraction:diagonal-fractions
  }

  .sm\:stacked-fractions{
    --font-variant-numeric-fraction:stacked-fractions
  }

  .sm\:w-1{
    width:0.25rem
  }

  .sm\:w-2{
    width:0.5rem
  }

  .sm\:w-3{
    width:0.75rem
  }

  .sm\:w-4{
    width:1rem
  }

  .sm\:w-6{
    width:1.5rem
  }

  .sm\:w-8{
    width:2rem
  }

  .sm\:w-10{
    width:2.5rem
  }

  .sm\:w-12{
    width:3rem
  }

  .sm\:w-16{
    width:4rem
  }

  .sm\:w-20{
    width:5rem
  }

  .sm\:w-24{
    width:6rem
  }

  .sm\:w-32{
    width:8rem
  }

  .sm\:w-48{
    width:12rem
  }

  .sm\:w-64{
    width:16rem
  }

  .sm\:w-128{
    width:32rem
  }

  .sm\:w-160{
    width:40rem
  }

  .sm\:w-184{
    width:46rem
  }

  .sm\:w-auto{
    width:auto
  }

  .sm\:w-px{
    width:1px
  }

  .sm\:w-1\/2{
    width:50%
  }

  .sm\:w-1\/3{
    width:33.33333%
  }

  .sm\:w-2\/3{
    width:66.66667%
  }

  .sm\:w-1\/4{
    width:25%
  }

  .sm\:w-3\/4{
    width:75%
  }

  .sm\:w-1\/5{
    width:20%
  }

  .sm\:w-2\/5{
    width:40%
  }

  .sm\:w-3\/5{
    width:60%
  }

  .sm\:w-4\/5{
    width:80%
  }

  .sm\:w-1\/6{
    width:16.66667%
  }

  .sm\:w-5\/6{
    width:83.33333%
  }

  .sm\:w-full{
    width:100%
  }

  .sm\:w-screen{
    width:100vw
  }

  .sm\:gap-0{
    grid-gap:0;
    gap:0
  }

  .sm\:gap-1{
    grid-gap:0.25rem;
    gap:0.25rem
  }

  .sm\:gap-2{
    grid-gap:0.5rem;
    gap:0.5rem
  }

  .sm\:gap-3{
    grid-gap:0.75rem;
    gap:0.75rem
  }

  .sm\:gap-4{
    grid-gap:1rem;
    gap:1rem
  }

  .sm\:gap-5{
    grid-gap:1.25rem;
    gap:1.25rem
  }

  .sm\:gap-6{
    grid-gap:1.5rem;
    gap:1.5rem
  }

  .sm\:gap-8{
    grid-gap:2rem;
    gap:2rem
  }

  .sm\:gap-10{
    grid-gap:2.5rem;
    gap:2.5rem
  }

  .sm\:gap-12{
    grid-gap:3rem;
    gap:3rem
  }

  .sm\:gap-16{
    grid-gap:4rem;
    gap:4rem
  }

  .sm\:gap-20{
    grid-gap:5rem;
    gap:5rem
  }

  .sm\:gap-24{
    grid-gap:6rem;
    gap:6rem
  }

  .sm\:gap-32{
    grid-gap:8rem;
    gap:8rem
  }

  .sm\:gap-40{
    grid-gap:10rem;
    gap:10rem
  }

  .sm\:gap-48{
    grid-gap:12rem;
    gap:12rem
  }

  .sm\:gap-56{
    grid-gap:14rem;
    gap:14rem
  }

  .sm\:gap-64{
    grid-gap:16rem;
    gap:16rem
  }

  .sm\:gap-px{
    grid-gap:1px;
    gap:1px
  }

  .sm\:col-gap-0{
    grid-column-gap:0;
    column-gap:0
  }

  .sm\:col-gap-1{
    grid-column-gap:0.25rem;
    column-gap:0.25rem
  }

  .sm\:col-gap-2{
    grid-column-gap:0.5rem;
    column-gap:0.5rem
  }

  .sm\:col-gap-3{
    grid-column-gap:0.75rem;
    column-gap:0.75rem
  }

  .sm\:col-gap-4{
    grid-column-gap:1rem;
    column-gap:1rem
  }

  .sm\:col-gap-5{
    grid-column-gap:1.25rem;
    column-gap:1.25rem
  }

  .sm\:col-gap-6{
    grid-column-gap:1.5rem;
    column-gap:1.5rem
  }

  .sm\:col-gap-8{
    grid-column-gap:2rem;
    column-gap:2rem
  }

  .sm\:col-gap-10{
    grid-column-gap:2.5rem;
    column-gap:2.5rem
  }

  .sm\:col-gap-12{
    grid-column-gap:3rem;
    column-gap:3rem
  }

  .sm\:col-gap-16{
    grid-column-gap:4rem;
    column-gap:4rem
  }

  .sm\:col-gap-20{
    grid-column-gap:5rem;
    column-gap:5rem
  }

  .sm\:col-gap-24{
    grid-column-gap:6rem;
    column-gap:6rem
  }

  .sm\:col-gap-32{
    grid-column-gap:8rem;
    column-gap:8rem
  }

  .sm\:col-gap-40{
    grid-column-gap:10rem;
    column-gap:10rem
  }

  .sm\:col-gap-48{
    grid-column-gap:12rem;
    column-gap:12rem
  }

  .sm\:col-gap-56{
    grid-column-gap:14rem;
    column-gap:14rem
  }

  .sm\:col-gap-64{
    grid-column-gap:16rem;
    column-gap:16rem
  }

  .sm\:col-gap-px{
    grid-column-gap:1px;
    column-gap:1px
  }

  .sm\:gap-x-0{
    grid-column-gap:0;
    column-gap:0
  }

  .sm\:gap-x-1{
    grid-column-gap:0.25rem;
    column-gap:0.25rem
  }

  .sm\:gap-x-2{
    grid-column-gap:0.5rem;
    column-gap:0.5rem
  }

  .sm\:gap-x-3{
    grid-column-gap:0.75rem;
    column-gap:0.75rem
  }

  .sm\:gap-x-4{
    grid-column-gap:1rem;
    column-gap:1rem
  }

  .sm\:gap-x-5{
    grid-column-gap:1.25rem;
    column-gap:1.25rem
  }

  .sm\:gap-x-6{
    grid-column-gap:1.5rem;
    column-gap:1.5rem
  }

  .sm\:gap-x-8{
    grid-column-gap:2rem;
    column-gap:2rem
  }

  .sm\:gap-x-10{
    grid-column-gap:2.5rem;
    column-gap:2.5rem
  }

  .sm\:gap-x-12{
    grid-column-gap:3rem;
    column-gap:3rem
  }

  .sm\:gap-x-16{
    grid-column-gap:4rem;
    column-gap:4rem
  }

  .sm\:gap-x-20{
    grid-column-gap:5rem;
    column-gap:5rem
  }

  .sm\:gap-x-24{
    grid-column-gap:6rem;
    column-gap:6rem
  }

  .sm\:gap-x-32{
    grid-column-gap:8rem;
    column-gap:8rem
  }

  .sm\:gap-x-40{
    grid-column-gap:10rem;
    column-gap:10rem
  }

  .sm\:gap-x-48{
    grid-column-gap:12rem;
    column-gap:12rem
  }

  .sm\:gap-x-56{
    grid-column-gap:14rem;
    column-gap:14rem
  }

  .sm\:gap-x-64{
    grid-column-gap:16rem;
    column-gap:16rem
  }

  .sm\:gap-x-px{
    grid-column-gap:1px;
    column-gap:1px
  }

  .sm\:row-gap-0{
    grid-row-gap:0;
    row-gap:0
  }

  .sm\:row-gap-1{
    grid-row-gap:0.25rem;
    row-gap:0.25rem
  }

  .sm\:row-gap-2{
    grid-row-gap:0.5rem;
    row-gap:0.5rem
  }

  .sm\:row-gap-3{
    grid-row-gap:0.75rem;
    row-gap:0.75rem
  }

  .sm\:row-gap-4{
    grid-row-gap:1rem;
    row-gap:1rem
  }

  .sm\:row-gap-5{
    grid-row-gap:1.25rem;
    row-gap:1.25rem
  }

  .sm\:row-gap-6{
    grid-row-gap:1.5rem;
    row-gap:1.5rem
  }

  .sm\:row-gap-8{
    grid-row-gap:2rem;
    row-gap:2rem
  }

  .sm\:row-gap-10{
    grid-row-gap:2.5rem;
    row-gap:2.5rem
  }

  .sm\:row-gap-12{
    grid-row-gap:3rem;
    row-gap:3rem
  }

  .sm\:row-gap-16{
    grid-row-gap:4rem;
    row-gap:4rem
  }

  .sm\:row-gap-20{
    grid-row-gap:5rem;
    row-gap:5rem
  }

  .sm\:row-gap-24{
    grid-row-gap:6rem;
    row-gap:6rem
  }

  .sm\:row-gap-32{
    grid-row-gap:8rem;
    row-gap:8rem
  }

  .sm\:row-gap-40{
    grid-row-gap:10rem;
    row-gap:10rem
  }

  .sm\:row-gap-48{
    grid-row-gap:12rem;
    row-gap:12rem
  }

  .sm\:row-gap-56{
    grid-row-gap:14rem;
    row-gap:14rem
  }

  .sm\:row-gap-64{
    grid-row-gap:16rem;
    row-gap:16rem
  }

  .sm\:row-gap-px{
    grid-row-gap:1px;
    row-gap:1px
  }

  .sm\:gap-y-0{
    grid-row-gap:0;
    row-gap:0
  }

  .sm\:gap-y-1{
    grid-row-gap:0.25rem;
    row-gap:0.25rem
  }

  .sm\:gap-y-2{
    grid-row-gap:0.5rem;
    row-gap:0.5rem
  }

  .sm\:gap-y-3{
    grid-row-gap:0.75rem;
    row-gap:0.75rem
  }

  .sm\:gap-y-4{
    grid-row-gap:1rem;
    row-gap:1rem
  }

  .sm\:gap-y-5{
    grid-row-gap:1.25rem;
    row-gap:1.25rem
  }

  .sm\:gap-y-6{
    grid-row-gap:1.5rem;
    row-gap:1.5rem
  }

  .sm\:gap-y-8{
    grid-row-gap:2rem;
    row-gap:2rem
  }

  .sm\:gap-y-10{
    grid-row-gap:2.5rem;
    row-gap:2.5rem
  }

  .sm\:gap-y-12{
    grid-row-gap:3rem;
    row-gap:3rem
  }

  .sm\:gap-y-16{
    grid-row-gap:4rem;
    row-gap:4rem
  }

  .sm\:gap-y-20{
    grid-row-gap:5rem;
    row-gap:5rem
  }

  .sm\:gap-y-24{
    grid-row-gap:6rem;
    row-gap:6rem
  }

  .sm\:gap-y-32{
    grid-row-gap:8rem;
    row-gap:8rem
  }

  .sm\:gap-y-40{
    grid-row-gap:10rem;
    row-gap:10rem
  }

  .sm\:gap-y-48{
    grid-row-gap:12rem;
    row-gap:12rem
  }

  .sm\:gap-y-56{
    grid-row-gap:14rem;
    row-gap:14rem
  }

  .sm\:gap-y-64{
    grid-row-gap:16rem;
    row-gap:16rem
  }

  .sm\:gap-y-px{
    grid-row-gap:1px;
    row-gap:1px
  }

  .sm\:grid-flow-row{
    grid-auto-flow:row
  }

  .sm\:grid-flow-col{
    grid-auto-flow:column
  }

  .sm\:grid-flow-row-dense{
    grid-auto-flow:row dense
  }

  .sm\:grid-flow-col-dense{
    grid-auto-flow:column dense
  }

  .sm\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }

  .sm\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .sm\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .sm\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .sm\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .sm\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr))
  }

  .sm\:grid-cols-7{
    grid-template-columns:repeat(7, minmax(0, 1fr))
  }

  .sm\:grid-cols-8{
    grid-template-columns:repeat(8, minmax(0, 1fr))
  }

  .sm\:grid-cols-9{
    grid-template-columns:repeat(9, minmax(0, 1fr))
  }

  .sm\:grid-cols-10{
    grid-template-columns:repeat(10, minmax(0, 1fr))
  }

  .sm\:grid-cols-11{
    grid-template-columns:repeat(11, minmax(0, 1fr))
  }

  .sm\:grid-cols-12{
    grid-template-columns:repeat(12, minmax(0, 1fr))
  }

  .sm\:grid-cols-none{
    grid-template-columns:none
  }

  .sm\:auto-cols-auto{
    grid-auto-columns:auto
  }

  .sm\:auto-cols-min{
    grid-auto-columns:min-content
  }

  .sm\:auto-cols-max{
    grid-auto-columns:max-content
  }

  .sm\:auto-cols-fr{
    grid-auto-columns:minmax(0, 1fr)
  }

  .sm\:col-auto{
    grid-column:auto
  }

  .sm\:col-span-1{
    grid-column:span 1 / span 1
  }

  .sm\:col-span-2{
    grid-column:span 2 / span 2
  }

  .sm\:col-span-3{
    grid-column:span 3 / span 3
  }

  .sm\:col-span-4{
    grid-column:span 4 / span 4
  }

  .sm\:col-span-5{
    grid-column:span 5 / span 5
  }

  .sm\:col-span-6{
    grid-column:span 6 / span 6
  }

  .sm\:col-span-7{
    grid-column:span 7 / span 7
  }

  .sm\:col-span-8{
    grid-column:span 8 / span 8
  }

  .sm\:col-span-9{
    grid-column:span 9 / span 9
  }

  .sm\:col-span-10{
    grid-column:span 10 / span 10
  }

  .sm\:col-span-11{
    grid-column:span 11 / span 11
  }

  .sm\:col-span-12{
    grid-column:span 12 / span 12
  }

  .sm\:col-span-full{
    grid-column:1 / -1
  }

  .sm\:col-start-1{
    grid-column-start:1
  }

  .sm\:col-start-2{
    grid-column-start:2
  }

  .sm\:col-start-3{
    grid-column-start:3
  }

  .sm\:col-start-4{
    grid-column-start:4
  }

  .sm\:col-start-5{
    grid-column-start:5
  }

  .sm\:col-start-6{
    grid-column-start:6
  }

  .sm\:col-start-7{
    grid-column-start:7
  }

  .sm\:col-start-8{
    grid-column-start:8
  }

  .sm\:col-start-9{
    grid-column-start:9
  }

  .sm\:col-start-10{
    grid-column-start:10
  }

  .sm\:col-start-11{
    grid-column-start:11
  }

  .sm\:col-start-12{
    grid-column-start:12
  }

  .sm\:col-start-13{
    grid-column-start:13
  }

  .sm\:col-start-auto{
    grid-column-start:auto
  }

  .sm\:col-end-1{
    grid-column-end:1
  }

  .sm\:col-end-2{
    grid-column-end:2
  }

  .sm\:col-end-3{
    grid-column-end:3
  }

  .sm\:col-end-4{
    grid-column-end:4
  }

  .sm\:col-end-5{
    grid-column-end:5
  }

  .sm\:col-end-6{
    grid-column-end:6
  }

  .sm\:col-end-7{
    grid-column-end:7
  }

  .sm\:col-end-8{
    grid-column-end:8
  }

  .sm\:col-end-9{
    grid-column-end:9
  }

  .sm\:col-end-10{
    grid-column-end:10
  }

  .sm\:col-end-11{
    grid-column-end:11
  }

  .sm\:col-end-12{
    grid-column-end:12
  }

  .sm\:col-end-13{
    grid-column-end:13
  }

  .sm\:col-end-auto{
    grid-column-end:auto
  }

  .sm\:grid-rows-1{
    grid-template-rows:repeat(1, minmax(0, 1fr))
  }

  .sm\:grid-rows-2{
    grid-template-rows:repeat(2, minmax(0, 1fr))
  }

  .sm\:grid-rows-3{
    grid-template-rows:repeat(3, minmax(0, 1fr))
  }

  .sm\:grid-rows-4{
    grid-template-rows:repeat(4, minmax(0, 1fr))
  }

  .sm\:grid-rows-5{
    grid-template-rows:repeat(5, minmax(0, 1fr))
  }

  .sm\:grid-rows-6{
    grid-template-rows:repeat(6, minmax(0, 1fr))
  }

  .sm\:grid-rows-none{
    grid-template-rows:none
  }

  .sm\:auto-rows-auto{
    grid-auto-rows:auto
  }

  .sm\:auto-rows-min{
    grid-auto-rows:min-content
  }

  .sm\:auto-rows-max{
    grid-auto-rows:max-content
  }

  .sm\:auto-rows-fr{
    grid-auto-rows:minmax(0, 1fr)
  }

  .sm\:row-auto{
    grid-row:auto
  }

  .sm\:row-span-1{
    grid-row:span 1 / span 1
  }

  .sm\:row-span-2{
    grid-row:span 2 / span 2
  }

  .sm\:row-span-3{
    grid-row:span 3 / span 3
  }

  .sm\:row-span-4{
    grid-row:span 4 / span 4
  }

  .sm\:row-span-5{
    grid-row:span 5 / span 5
  }

  .sm\:row-span-6{
    grid-row:span 6 / span 6
  }

  .sm\:row-span-full{
    grid-row:1 / -1
  }

  .sm\:row-start-1{
    grid-row-start:1
  }

  .sm\:row-start-2{
    grid-row-start:2
  }

  .sm\:row-start-3{
    grid-row-start:3
  }

  .sm\:row-start-4{
    grid-row-start:4
  }

  .sm\:row-start-5{
    grid-row-start:5
  }

  .sm\:row-start-6{
    grid-row-start:6
  }

  .sm\:row-start-7{
    grid-row-start:7
  }

  .sm\:row-start-auto{
    grid-row-start:auto
  }

  .sm\:row-end-1{
    grid-row-end:1
  }

  .sm\:row-end-2{
    grid-row-end:2
  }

  .sm\:row-end-3{
    grid-row-end:3
  }

  .sm\:row-end-4{
    grid-row-end:4
  }

  .sm\:row-end-5{
    grid-row-end:5
  }

  .sm\:row-end-6{
    grid-row-end:6
  }

  .sm\:row-end-7{
    grid-row-end:7
  }

  .sm\:row-end-auto{
    grid-row-end:auto
  }

  .sm\:transform{
    --transform-translate-x:0;
    --transform-translate-y:0;
    --transform-rotate:0;
    --transform-skew-x:0;
    --transform-skew-y:0;
    --transform-scale-x:1;
    --transform-scale-y:1;
    transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
  }

  .sm\:transform-none{
    transform:none
  }

  .sm\:origin-center{
    transform-origin:center
  }

  .sm\:origin-top{
    transform-origin:top
  }

  .sm\:origin-top-right{
    transform-origin:top right
  }

  .sm\:origin-right{
    transform-origin:right
  }

  .sm\:origin-bottom-right{
    transform-origin:bottom right
  }

  .sm\:origin-bottom{
    transform-origin:bottom
  }

  .sm\:origin-bottom-left{
    transform-origin:bottom left
  }

  .sm\:origin-left{
    transform-origin:left
  }

  .sm\:origin-top-left{
    transform-origin:top left
  }

  .sm\:scale-0{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .sm\:scale-50{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .sm\:scale-75{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .sm\:scale-90{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .sm\:scale-95{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .sm\:scale-100{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .sm\:scale-105{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .sm\:scale-110{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .sm\:scale-125{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .sm\:scale-150{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .sm\:scale-x-0{
    --transform-scale-x:0
  }

  .sm\:scale-x-50{
    --transform-scale-x:.5
  }

  .sm\:scale-x-75{
    --transform-scale-x:.75
  }

  .sm\:scale-x-90{
    --transform-scale-x:.9
  }

  .sm\:scale-x-95{
    --transform-scale-x:.95
  }

  .sm\:scale-x-100{
    --transform-scale-x:1
  }

  .sm\:scale-x-105{
    --transform-scale-x:1.05
  }

  .sm\:scale-x-110{
    --transform-scale-x:1.1
  }

  .sm\:scale-x-125{
    --transform-scale-x:1.25
  }

  .sm\:scale-x-150{
    --transform-scale-x:1.5
  }

  .sm\:scale-y-0{
    --transform-scale-y:0
  }

  .sm\:scale-y-50{
    --transform-scale-y:.5
  }

  .sm\:scale-y-75{
    --transform-scale-y:.75
  }

  .sm\:scale-y-90{
    --transform-scale-y:.9
  }

  .sm\:scale-y-95{
    --transform-scale-y:.95
  }

  .sm\:scale-y-100{
    --transform-scale-y:1
  }

  .sm\:scale-y-105{
    --transform-scale-y:1.05
  }

  .sm\:scale-y-110{
    --transform-scale-y:1.1
  }

  .sm\:scale-y-125{
    --transform-scale-y:1.25
  }

  .sm\:scale-y-150{
    --transform-scale-y:1.5
  }

  .sm\:hover\:scale-0:hover{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .sm\:hover\:scale-50:hover{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .sm\:hover\:scale-75:hover{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .sm\:hover\:scale-90:hover{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .sm\:hover\:scale-95:hover{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .sm\:hover\:scale-100:hover{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .sm\:hover\:scale-105:hover{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .sm\:hover\:scale-110:hover{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .sm\:hover\:scale-125:hover{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .sm\:hover\:scale-150:hover{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .sm\:hover\:scale-x-0:hover{
    --transform-scale-x:0
  }

  .sm\:hover\:scale-x-50:hover{
    --transform-scale-x:.5
  }

  .sm\:hover\:scale-x-75:hover{
    --transform-scale-x:.75
  }

  .sm\:hover\:scale-x-90:hover{
    --transform-scale-x:.9
  }

  .sm\:hover\:scale-x-95:hover{
    --transform-scale-x:.95
  }

  .sm\:hover\:scale-x-100:hover{
    --transform-scale-x:1
  }

  .sm\:hover\:scale-x-105:hover{
    --transform-scale-x:1.05
  }

  .sm\:hover\:scale-x-110:hover{
    --transform-scale-x:1.1
  }

  .sm\:hover\:scale-x-125:hover{
    --transform-scale-x:1.25
  }

  .sm\:hover\:scale-x-150:hover{
    --transform-scale-x:1.5
  }

  .sm\:hover\:scale-y-0:hover{
    --transform-scale-y:0
  }

  .sm\:hover\:scale-y-50:hover{
    --transform-scale-y:.5
  }

  .sm\:hover\:scale-y-75:hover{
    --transform-scale-y:.75
  }

  .sm\:hover\:scale-y-90:hover{
    --transform-scale-y:.9
  }

  .sm\:hover\:scale-y-95:hover{
    --transform-scale-y:.95
  }

  .sm\:hover\:scale-y-100:hover{
    --transform-scale-y:1
  }

  .sm\:hover\:scale-y-105:hover{
    --transform-scale-y:1.05
  }

  .sm\:hover\:scale-y-110:hover{
    --transform-scale-y:1.1
  }

  .sm\:hover\:scale-y-125:hover{
    --transform-scale-y:1.25
  }

  .sm\:hover\:scale-y-150:hover{
    --transform-scale-y:1.5
  }

  .sm\:focus\:scale-0:focus{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .sm\:focus\:scale-50:focus{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .sm\:focus\:scale-75:focus{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .sm\:focus\:scale-90:focus{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .sm\:focus\:scale-95:focus{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .sm\:focus\:scale-100:focus{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .sm\:focus\:scale-105:focus{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .sm\:focus\:scale-110:focus{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .sm\:focus\:scale-125:focus{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .sm\:focus\:scale-150:focus{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .sm\:focus\:scale-x-0:focus{
    --transform-scale-x:0
  }

  .sm\:focus\:scale-x-50:focus{
    --transform-scale-x:.5
  }

  .sm\:focus\:scale-x-75:focus{
    --transform-scale-x:.75
  }

  .sm\:focus\:scale-x-90:focus{
    --transform-scale-x:.9
  }

  .sm\:focus\:scale-x-95:focus{
    --transform-scale-x:.95
  }

  .sm\:focus\:scale-x-100:focus{
    --transform-scale-x:1
  }

  .sm\:focus\:scale-x-105:focus{
    --transform-scale-x:1.05
  }

  .sm\:focus\:scale-x-110:focus{
    --transform-scale-x:1.1
  }

  .sm\:focus\:scale-x-125:focus{
    --transform-scale-x:1.25
  }

  .sm\:focus\:scale-x-150:focus{
    --transform-scale-x:1.5
  }

  .sm\:focus\:scale-y-0:focus{
    --transform-scale-y:0
  }

  .sm\:focus\:scale-y-50:focus{
    --transform-scale-y:.5
  }

  .sm\:focus\:scale-y-75:focus{
    --transform-scale-y:.75
  }

  .sm\:focus\:scale-y-90:focus{
    --transform-scale-y:.9
  }

  .sm\:focus\:scale-y-95:focus{
    --transform-scale-y:.95
  }

  .sm\:focus\:scale-y-100:focus{
    --transform-scale-y:1
  }

  .sm\:focus\:scale-y-105:focus{
    --transform-scale-y:1.05
  }

  .sm\:focus\:scale-y-110:focus{
    --transform-scale-y:1.1
  }

  .sm\:focus\:scale-y-125:focus{
    --transform-scale-y:1.25
  }

  .sm\:focus\:scale-y-150:focus{
    --transform-scale-y:1.5
  }

  .sm\:rotate-0{
    --transform-rotate:0
  }

  .sm\:rotate-1{
    --transform-rotate:1deg
  }

  .sm\:rotate-2{
    --transform-rotate:2deg
  }

  .sm\:rotate-3{
    --transform-rotate:3deg
  }

  .sm\:rotate-6{
    --transform-rotate:6deg
  }

  .sm\:rotate-12{
    --transform-rotate:12deg
  }

  .sm\:rotate-45{
    --transform-rotate:45deg
  }

  .sm\:rotate-90{
    --transform-rotate:90deg
  }

  .sm\:rotate-180{
    --transform-rotate:180deg
  }

  .sm\:-rotate-180{
    --transform-rotate:-180deg
  }

  .sm\:-rotate-90{
    --transform-rotate:-90deg
  }

  .sm\:-rotate-45{
    --transform-rotate:-45deg
  }

  .sm\:-rotate-12{
    --transform-rotate:-12deg
  }

  .sm\:-rotate-6{
    --transform-rotate:-6deg
  }

  .sm\:-rotate-3{
    --transform-rotate:-3deg
  }

  .sm\:-rotate-2{
    --transform-rotate:-2deg
  }

  .sm\:-rotate-1{
    --transform-rotate:-1deg
  }

  .sm\:hover\:rotate-0:hover{
    --transform-rotate:0
  }

  .sm\:hover\:rotate-1:hover{
    --transform-rotate:1deg
  }

  .sm\:hover\:rotate-2:hover{
    --transform-rotate:2deg
  }

  .sm\:hover\:rotate-3:hover{
    --transform-rotate:3deg
  }

  .sm\:hover\:rotate-6:hover{
    --transform-rotate:6deg
  }

  .sm\:hover\:rotate-12:hover{
    --transform-rotate:12deg
  }

  .sm\:hover\:rotate-45:hover{
    --transform-rotate:45deg
  }

  .sm\:hover\:rotate-90:hover{
    --transform-rotate:90deg
  }

  .sm\:hover\:rotate-180:hover{
    --transform-rotate:180deg
  }

  .sm\:hover\:-rotate-180:hover{
    --transform-rotate:-180deg
  }

  .sm\:hover\:-rotate-90:hover{
    --transform-rotate:-90deg
  }

  .sm\:hover\:-rotate-45:hover{
    --transform-rotate:-45deg
  }

  .sm\:hover\:-rotate-12:hover{
    --transform-rotate:-12deg
  }

  .sm\:hover\:-rotate-6:hover{
    --transform-rotate:-6deg
  }

  .sm\:hover\:-rotate-3:hover{
    --transform-rotate:-3deg
  }

  .sm\:hover\:-rotate-2:hover{
    --transform-rotate:-2deg
  }

  .sm\:hover\:-rotate-1:hover{
    --transform-rotate:-1deg
  }

  .sm\:focus\:rotate-0:focus{
    --transform-rotate:0
  }

  .sm\:focus\:rotate-1:focus{
    --transform-rotate:1deg
  }

  .sm\:focus\:rotate-2:focus{
    --transform-rotate:2deg
  }

  .sm\:focus\:rotate-3:focus{
    --transform-rotate:3deg
  }

  .sm\:focus\:rotate-6:focus{
    --transform-rotate:6deg
  }

  .sm\:focus\:rotate-12:focus{
    --transform-rotate:12deg
  }

  .sm\:focus\:rotate-45:focus{
    --transform-rotate:45deg
  }

  .sm\:focus\:rotate-90:focus{
    --transform-rotate:90deg
  }

  .sm\:focus\:rotate-180:focus{
    --transform-rotate:180deg
  }

  .sm\:focus\:-rotate-180:focus{
    --transform-rotate:-180deg
  }

  .sm\:focus\:-rotate-90:focus{
    --transform-rotate:-90deg
  }

  .sm\:focus\:-rotate-45:focus{
    --transform-rotate:-45deg
  }

  .sm\:focus\:-rotate-12:focus{
    --transform-rotate:-12deg
  }

  .sm\:focus\:-rotate-6:focus{
    --transform-rotate:-6deg
  }

  .sm\:focus\:-rotate-3:focus{
    --transform-rotate:-3deg
  }

  .sm\:focus\:-rotate-2:focus{
    --transform-rotate:-2deg
  }

  .sm\:focus\:-rotate-1:focus{
    --transform-rotate:-1deg
  }

  .sm\:translate-x-0{
    --transform-translate-x:0
  }

  .sm\:translate-x-1{
    --transform-translate-x:0.25rem
  }

  .sm\:translate-x-2{
    --transform-translate-x:0.5rem
  }

  .sm\:translate-x-3{
    --transform-translate-x:0.75rem
  }

  .sm\:translate-x-4{
    --transform-translate-x:1rem
  }

  .sm\:translate-x-5{
    --transform-translate-x:1.25rem
  }

  .sm\:translate-x-6{
    --transform-translate-x:1.5rem
  }

  .sm\:translate-x-8{
    --transform-translate-x:2rem
  }

  .sm\:translate-x-10{
    --transform-translate-x:2.5rem
  }

  .sm\:translate-x-12{
    --transform-translate-x:3rem
  }

  .sm\:translate-x-16{
    --transform-translate-x:4rem
  }

  .sm\:translate-x-20{
    --transform-translate-x:5rem
  }

  .sm\:translate-x-24{
    --transform-translate-x:6rem
  }

  .sm\:translate-x-32{
    --transform-translate-x:8rem
  }

  .sm\:translate-x-40{
    --transform-translate-x:10rem
  }

  .sm\:translate-x-48{
    --transform-translate-x:12rem
  }

  .sm\:translate-x-56{
    --transform-translate-x:14rem
  }

  .sm\:translate-x-64{
    --transform-translate-x:16rem
  }

  .sm\:translate-x-px{
    --transform-translate-x:1px
  }

  .sm\:-translate-x-1{
    --transform-translate-x:-0.25rem
  }

  .sm\:-translate-x-2{
    --transform-translate-x:-0.5rem
  }

  .sm\:-translate-x-3{
    --transform-translate-x:-0.75rem
  }

  .sm\:-translate-x-4{
    --transform-translate-x:-1rem
  }

  .sm\:-translate-x-5{
    --transform-translate-x:-1.25rem
  }

  .sm\:-translate-x-6{
    --transform-translate-x:-1.5rem
  }

  .sm\:-translate-x-8{
    --transform-translate-x:-2rem
  }

  .sm\:-translate-x-10{
    --transform-translate-x:-2.5rem
  }

  .sm\:-translate-x-12{
    --transform-translate-x:-3rem
  }

  .sm\:-translate-x-16{
    --transform-translate-x:-4rem
  }

  .sm\:-translate-x-20{
    --transform-translate-x:-5rem
  }

  .sm\:-translate-x-24{
    --transform-translate-x:-6rem
  }

  .sm\:-translate-x-32{
    --transform-translate-x:-8rem
  }

  .sm\:-translate-x-40{
    --transform-translate-x:-10rem
  }

  .sm\:-translate-x-48{
    --transform-translate-x:-12rem
  }

  .sm\:-translate-x-56{
    --transform-translate-x:-14rem
  }

  .sm\:-translate-x-64{
    --transform-translate-x:-16rem
  }

  .sm\:-translate-x-px{
    --transform-translate-x:-1px
  }

  .sm\:-translate-x-full{
    --transform-translate-x:-100%
  }

  .sm\:-translate-x-1\/2{
    --transform-translate-x:-50%
  }

  .sm\:translate-x-1\/2{
    --transform-translate-x:50%
  }

  .sm\:translate-x-full{
    --transform-translate-x:100%
  }

  .sm\:translate-y-0{
    --transform-translate-y:0
  }

  .sm\:translate-y-1{
    --transform-translate-y:0.25rem
  }

  .sm\:translate-y-2{
    --transform-translate-y:0.5rem
  }

  .sm\:translate-y-3{
    --transform-translate-y:0.75rem
  }

  .sm\:translate-y-4{
    --transform-translate-y:1rem
  }

  .sm\:translate-y-5{
    --transform-translate-y:1.25rem
  }

  .sm\:translate-y-6{
    --transform-translate-y:1.5rem
  }

  .sm\:translate-y-8{
    --transform-translate-y:2rem
  }

  .sm\:translate-y-10{
    --transform-translate-y:2.5rem
  }

  .sm\:translate-y-12{
    --transform-translate-y:3rem
  }

  .sm\:translate-y-16{
    --transform-translate-y:4rem
  }

  .sm\:translate-y-20{
    --transform-translate-y:5rem
  }

  .sm\:translate-y-24{
    --transform-translate-y:6rem
  }

  .sm\:translate-y-32{
    --transform-translate-y:8rem
  }

  .sm\:translate-y-40{
    --transform-translate-y:10rem
  }

  .sm\:translate-y-48{
    --transform-translate-y:12rem
  }

  .sm\:translate-y-56{
    --transform-translate-y:14rem
  }

  .sm\:translate-y-64{
    --transform-translate-y:16rem
  }

  .sm\:translate-y-px{
    --transform-translate-y:1px
  }

  .sm\:-translate-y-1{
    --transform-translate-y:-0.25rem
  }

  .sm\:-translate-y-2{
    --transform-translate-y:-0.5rem
  }

  .sm\:-translate-y-3{
    --transform-translate-y:-0.75rem
  }

  .sm\:-translate-y-4{
    --transform-translate-y:-1rem
  }

  .sm\:-translate-y-5{
    --transform-translate-y:-1.25rem
  }

  .sm\:-translate-y-6{
    --transform-translate-y:-1.5rem
  }

  .sm\:-translate-y-8{
    --transform-translate-y:-2rem
  }

  .sm\:-translate-y-10{
    --transform-translate-y:-2.5rem
  }

  .sm\:-translate-y-12{
    --transform-translate-y:-3rem
  }

  .sm\:-translate-y-16{
    --transform-translate-y:-4rem
  }

  .sm\:-translate-y-20{
    --transform-translate-y:-5rem
  }

  .sm\:-translate-y-24{
    --transform-translate-y:-6rem
  }

  .sm\:-translate-y-32{
    --transform-translate-y:-8rem
  }

  .sm\:-translate-y-40{
    --transform-translate-y:-10rem
  }

  .sm\:-translate-y-48{
    --transform-translate-y:-12rem
  }

  .sm\:-translate-y-56{
    --transform-translate-y:-14rem
  }

  .sm\:-translate-y-64{
    --transform-translate-y:-16rem
  }

  .sm\:-translate-y-px{
    --transform-translate-y:-1px
  }

  .sm\:-translate-y-full{
    --transform-translate-y:-100%
  }

  .sm\:-translate-y-1\/2{
    --transform-translate-y:-50%
  }

  .sm\:translate-y-1\/2{
    --transform-translate-y:50%
  }

  .sm\:translate-y-full{
    --transform-translate-y:100%
  }

  .sm\:hover\:translate-x-0:hover{
    --transform-translate-x:0
  }

  .sm\:hover\:translate-x-1:hover{
    --transform-translate-x:0.25rem
  }

  .sm\:hover\:translate-x-2:hover{
    --transform-translate-x:0.5rem
  }

  .sm\:hover\:translate-x-3:hover{
    --transform-translate-x:0.75rem
  }

  .sm\:hover\:translate-x-4:hover{
    --transform-translate-x:1rem
  }

  .sm\:hover\:translate-x-5:hover{
    --transform-translate-x:1.25rem
  }

  .sm\:hover\:translate-x-6:hover{
    --transform-translate-x:1.5rem
  }

  .sm\:hover\:translate-x-8:hover{
    --transform-translate-x:2rem
  }

  .sm\:hover\:translate-x-10:hover{
    --transform-translate-x:2.5rem
  }

  .sm\:hover\:translate-x-12:hover{
    --transform-translate-x:3rem
  }

  .sm\:hover\:translate-x-16:hover{
    --transform-translate-x:4rem
  }

  .sm\:hover\:translate-x-20:hover{
    --transform-translate-x:5rem
  }

  .sm\:hover\:translate-x-24:hover{
    --transform-translate-x:6rem
  }

  .sm\:hover\:translate-x-32:hover{
    --transform-translate-x:8rem
  }

  .sm\:hover\:translate-x-40:hover{
    --transform-translate-x:10rem
  }

  .sm\:hover\:translate-x-48:hover{
    --transform-translate-x:12rem
  }

  .sm\:hover\:translate-x-56:hover{
    --transform-translate-x:14rem
  }

  .sm\:hover\:translate-x-64:hover{
    --transform-translate-x:16rem
  }

  .sm\:hover\:translate-x-px:hover{
    --transform-translate-x:1px
  }

  .sm\:hover\:-translate-x-1:hover{
    --transform-translate-x:-0.25rem
  }

  .sm\:hover\:-translate-x-2:hover{
    --transform-translate-x:-0.5rem
  }

  .sm\:hover\:-translate-x-3:hover{
    --transform-translate-x:-0.75rem
  }

  .sm\:hover\:-translate-x-4:hover{
    --transform-translate-x:-1rem
  }

  .sm\:hover\:-translate-x-5:hover{
    --transform-translate-x:-1.25rem
  }

  .sm\:hover\:-translate-x-6:hover{
    --transform-translate-x:-1.5rem
  }

  .sm\:hover\:-translate-x-8:hover{
    --transform-translate-x:-2rem
  }

  .sm\:hover\:-translate-x-10:hover{
    --transform-translate-x:-2.5rem
  }

  .sm\:hover\:-translate-x-12:hover{
    --transform-translate-x:-3rem
  }

  .sm\:hover\:-translate-x-16:hover{
    --transform-translate-x:-4rem
  }

  .sm\:hover\:-translate-x-20:hover{
    --transform-translate-x:-5rem
  }

  .sm\:hover\:-translate-x-24:hover{
    --transform-translate-x:-6rem
  }

  .sm\:hover\:-translate-x-32:hover{
    --transform-translate-x:-8rem
  }

  .sm\:hover\:-translate-x-40:hover{
    --transform-translate-x:-10rem
  }

  .sm\:hover\:-translate-x-48:hover{
    --transform-translate-x:-12rem
  }

  .sm\:hover\:-translate-x-56:hover{
    --transform-translate-x:-14rem
  }

  .sm\:hover\:-translate-x-64:hover{
    --transform-translate-x:-16rem
  }

  .sm\:hover\:-translate-x-px:hover{
    --transform-translate-x:-1px
  }

  .sm\:hover\:-translate-x-full:hover{
    --transform-translate-x:-100%
  }

  .sm\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x:-50%
  }

  .sm\:hover\:translate-x-1\/2:hover{
    --transform-translate-x:50%
  }

  .sm\:hover\:translate-x-full:hover{
    --transform-translate-x:100%
  }

  .sm\:hover\:translate-y-0:hover{
    --transform-translate-y:0
  }

  .sm\:hover\:translate-y-1:hover{
    --transform-translate-y:0.25rem
  }

  .sm\:hover\:translate-y-2:hover{
    --transform-translate-y:0.5rem
  }

  .sm\:hover\:translate-y-3:hover{
    --transform-translate-y:0.75rem
  }

  .sm\:hover\:translate-y-4:hover{
    --transform-translate-y:1rem
  }

  .sm\:hover\:translate-y-5:hover{
    --transform-translate-y:1.25rem
  }

  .sm\:hover\:translate-y-6:hover{
    --transform-translate-y:1.5rem
  }

  .sm\:hover\:translate-y-8:hover{
    --transform-translate-y:2rem
  }

  .sm\:hover\:translate-y-10:hover{
    --transform-translate-y:2.5rem
  }

  .sm\:hover\:translate-y-12:hover{
    --transform-translate-y:3rem
  }

  .sm\:hover\:translate-y-16:hover{
    --transform-translate-y:4rem
  }

  .sm\:hover\:translate-y-20:hover{
    --transform-translate-y:5rem
  }

  .sm\:hover\:translate-y-24:hover{
    --transform-translate-y:6rem
  }

  .sm\:hover\:translate-y-32:hover{
    --transform-translate-y:8rem
  }

  .sm\:hover\:translate-y-40:hover{
    --transform-translate-y:10rem
  }

  .sm\:hover\:translate-y-48:hover{
    --transform-translate-y:12rem
  }

  .sm\:hover\:translate-y-56:hover{
    --transform-translate-y:14rem
  }

  .sm\:hover\:translate-y-64:hover{
    --transform-translate-y:16rem
  }

  .sm\:hover\:translate-y-px:hover{
    --transform-translate-y:1px
  }

  .sm\:hover\:-translate-y-1:hover{
    --transform-translate-y:-0.25rem
  }

  .sm\:hover\:-translate-y-2:hover{
    --transform-translate-y:-0.5rem
  }

  .sm\:hover\:-translate-y-3:hover{
    --transform-translate-y:-0.75rem
  }

  .sm\:hover\:-translate-y-4:hover{
    --transform-translate-y:-1rem
  }

  .sm\:hover\:-translate-y-5:hover{
    --transform-translate-y:-1.25rem
  }

  .sm\:hover\:-translate-y-6:hover{
    --transform-translate-y:-1.5rem
  }

  .sm\:hover\:-translate-y-8:hover{
    --transform-translate-y:-2rem
  }

  .sm\:hover\:-translate-y-10:hover{
    --transform-translate-y:-2.5rem
  }

  .sm\:hover\:-translate-y-12:hover{
    --transform-translate-y:-3rem
  }

  .sm\:hover\:-translate-y-16:hover{
    --transform-translate-y:-4rem
  }

  .sm\:hover\:-translate-y-20:hover{
    --transform-translate-y:-5rem
  }

  .sm\:hover\:-translate-y-24:hover{
    --transform-translate-y:-6rem
  }

  .sm\:hover\:-translate-y-32:hover{
    --transform-translate-y:-8rem
  }

  .sm\:hover\:-translate-y-40:hover{
    --transform-translate-y:-10rem
  }

  .sm\:hover\:-translate-y-48:hover{
    --transform-translate-y:-12rem
  }

  .sm\:hover\:-translate-y-56:hover{
    --transform-translate-y:-14rem
  }

  .sm\:hover\:-translate-y-64:hover{
    --transform-translate-y:-16rem
  }

  .sm\:hover\:-translate-y-px:hover{
    --transform-translate-y:-1px
  }

  .sm\:hover\:-translate-y-full:hover{
    --transform-translate-y:-100%
  }

  .sm\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y:-50%
  }

  .sm\:hover\:translate-y-1\/2:hover{
    --transform-translate-y:50%
  }

  .sm\:hover\:translate-y-full:hover{
    --transform-translate-y:100%
  }

  .sm\:focus\:translate-x-0:focus{
    --transform-translate-x:0
  }

  .sm\:focus\:translate-x-1:focus{
    --transform-translate-x:0.25rem
  }

  .sm\:focus\:translate-x-2:focus{
    --transform-translate-x:0.5rem
  }

  .sm\:focus\:translate-x-3:focus{
    --transform-translate-x:0.75rem
  }

  .sm\:focus\:translate-x-4:focus{
    --transform-translate-x:1rem
  }

  .sm\:focus\:translate-x-5:focus{
    --transform-translate-x:1.25rem
  }

  .sm\:focus\:translate-x-6:focus{
    --transform-translate-x:1.5rem
  }

  .sm\:focus\:translate-x-8:focus{
    --transform-translate-x:2rem
  }

  .sm\:focus\:translate-x-10:focus{
    --transform-translate-x:2.5rem
  }

  .sm\:focus\:translate-x-12:focus{
    --transform-translate-x:3rem
  }

  .sm\:focus\:translate-x-16:focus{
    --transform-translate-x:4rem
  }

  .sm\:focus\:translate-x-20:focus{
    --transform-translate-x:5rem
  }

  .sm\:focus\:translate-x-24:focus{
    --transform-translate-x:6rem
  }

  .sm\:focus\:translate-x-32:focus{
    --transform-translate-x:8rem
  }

  .sm\:focus\:translate-x-40:focus{
    --transform-translate-x:10rem
  }

  .sm\:focus\:translate-x-48:focus{
    --transform-translate-x:12rem
  }

  .sm\:focus\:translate-x-56:focus{
    --transform-translate-x:14rem
  }

  .sm\:focus\:translate-x-64:focus{
    --transform-translate-x:16rem
  }

  .sm\:focus\:translate-x-px:focus{
    --transform-translate-x:1px
  }

  .sm\:focus\:-translate-x-1:focus{
    --transform-translate-x:-0.25rem
  }

  .sm\:focus\:-translate-x-2:focus{
    --transform-translate-x:-0.5rem
  }

  .sm\:focus\:-translate-x-3:focus{
    --transform-translate-x:-0.75rem
  }

  .sm\:focus\:-translate-x-4:focus{
    --transform-translate-x:-1rem
  }

  .sm\:focus\:-translate-x-5:focus{
    --transform-translate-x:-1.25rem
  }

  .sm\:focus\:-translate-x-6:focus{
    --transform-translate-x:-1.5rem
  }

  .sm\:focus\:-translate-x-8:focus{
    --transform-translate-x:-2rem
  }

  .sm\:focus\:-translate-x-10:focus{
    --transform-translate-x:-2.5rem
  }

  .sm\:focus\:-translate-x-12:focus{
    --transform-translate-x:-3rem
  }

  .sm\:focus\:-translate-x-16:focus{
    --transform-translate-x:-4rem
  }

  .sm\:focus\:-translate-x-20:focus{
    --transform-translate-x:-5rem
  }

  .sm\:focus\:-translate-x-24:focus{
    --transform-translate-x:-6rem
  }

  .sm\:focus\:-translate-x-32:focus{
    --transform-translate-x:-8rem
  }

  .sm\:focus\:-translate-x-40:focus{
    --transform-translate-x:-10rem
  }

  .sm\:focus\:-translate-x-48:focus{
    --transform-translate-x:-12rem
  }

  .sm\:focus\:-translate-x-56:focus{
    --transform-translate-x:-14rem
  }

  .sm\:focus\:-translate-x-64:focus{
    --transform-translate-x:-16rem
  }

  .sm\:focus\:-translate-x-px:focus{
    --transform-translate-x:-1px
  }

  .sm\:focus\:-translate-x-full:focus{
    --transform-translate-x:-100%
  }

  .sm\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x:-50%
  }

  .sm\:focus\:translate-x-1\/2:focus{
    --transform-translate-x:50%
  }

  .sm\:focus\:translate-x-full:focus{
    --transform-translate-x:100%
  }

  .sm\:focus\:translate-y-0:focus{
    --transform-translate-y:0
  }

  .sm\:focus\:translate-y-1:focus{
    --transform-translate-y:0.25rem
  }

  .sm\:focus\:translate-y-2:focus{
    --transform-translate-y:0.5rem
  }

  .sm\:focus\:translate-y-3:focus{
    --transform-translate-y:0.75rem
  }

  .sm\:focus\:translate-y-4:focus{
    --transform-translate-y:1rem
  }

  .sm\:focus\:translate-y-5:focus{
    --transform-translate-y:1.25rem
  }

  .sm\:focus\:translate-y-6:focus{
    --transform-translate-y:1.5rem
  }

  .sm\:focus\:translate-y-8:focus{
    --transform-translate-y:2rem
  }

  .sm\:focus\:translate-y-10:focus{
    --transform-translate-y:2.5rem
  }

  .sm\:focus\:translate-y-12:focus{
    --transform-translate-y:3rem
  }

  .sm\:focus\:translate-y-16:focus{
    --transform-translate-y:4rem
  }

  .sm\:focus\:translate-y-20:focus{
    --transform-translate-y:5rem
  }

  .sm\:focus\:translate-y-24:focus{
    --transform-translate-y:6rem
  }

  .sm\:focus\:translate-y-32:focus{
    --transform-translate-y:8rem
  }

  .sm\:focus\:translate-y-40:focus{
    --transform-translate-y:10rem
  }

  .sm\:focus\:translate-y-48:focus{
    --transform-translate-y:12rem
  }

  .sm\:focus\:translate-y-56:focus{
    --transform-translate-y:14rem
  }

  .sm\:focus\:translate-y-64:focus{
    --transform-translate-y:16rem
  }

  .sm\:focus\:translate-y-px:focus{
    --transform-translate-y:1px
  }

  .sm\:focus\:-translate-y-1:focus{
    --transform-translate-y:-0.25rem
  }

  .sm\:focus\:-translate-y-2:focus{
    --transform-translate-y:-0.5rem
  }

  .sm\:focus\:-translate-y-3:focus{
    --transform-translate-y:-0.75rem
  }

  .sm\:focus\:-translate-y-4:focus{
    --transform-translate-y:-1rem
  }

  .sm\:focus\:-translate-y-5:focus{
    --transform-translate-y:-1.25rem
  }

  .sm\:focus\:-translate-y-6:focus{
    --transform-translate-y:-1.5rem
  }

  .sm\:focus\:-translate-y-8:focus{
    --transform-translate-y:-2rem
  }

  .sm\:focus\:-translate-y-10:focus{
    --transform-translate-y:-2.5rem
  }

  .sm\:focus\:-translate-y-12:focus{
    --transform-translate-y:-3rem
  }

  .sm\:focus\:-translate-y-16:focus{
    --transform-translate-y:-4rem
  }

  .sm\:focus\:-translate-y-20:focus{
    --transform-translate-y:-5rem
  }

  .sm\:focus\:-translate-y-24:focus{
    --transform-translate-y:-6rem
  }

  .sm\:focus\:-translate-y-32:focus{
    --transform-translate-y:-8rem
  }

  .sm\:focus\:-translate-y-40:focus{
    --transform-translate-y:-10rem
  }

  .sm\:focus\:-translate-y-48:focus{
    --transform-translate-y:-12rem
  }

  .sm\:focus\:-translate-y-56:focus{
    --transform-translate-y:-14rem
  }

  .sm\:focus\:-translate-y-64:focus{
    --transform-translate-y:-16rem
  }

  .sm\:focus\:-translate-y-px:focus{
    --transform-translate-y:-1px
  }

  .sm\:focus\:-translate-y-full:focus{
    --transform-translate-y:-100%
  }

  .sm\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y:-50%
  }

  .sm\:focus\:translate-y-1\/2:focus{
    --transform-translate-y:50%
  }

  .sm\:focus\:translate-y-full:focus{
    --transform-translate-y:100%
  }

  .sm\:skew-x-0{
    --transform-skew-x:0
  }

  .sm\:skew-x-1{
    --transform-skew-x:1deg
  }

  .sm\:skew-x-2{
    --transform-skew-x:2deg
  }

  .sm\:skew-x-3{
    --transform-skew-x:3deg
  }

  .sm\:skew-x-6{
    --transform-skew-x:6deg
  }

  .sm\:skew-x-12{
    --transform-skew-x:12deg
  }

  .sm\:-skew-x-12{
    --transform-skew-x:-12deg
  }

  .sm\:-skew-x-6{
    --transform-skew-x:-6deg
  }

  .sm\:-skew-x-3{
    --transform-skew-x:-3deg
  }

  .sm\:-skew-x-2{
    --transform-skew-x:-2deg
  }

  .sm\:-skew-x-1{
    --transform-skew-x:-1deg
  }

  .sm\:skew-y-0{
    --transform-skew-y:0
  }

  .sm\:skew-y-1{
    --transform-skew-y:1deg
  }

  .sm\:skew-y-2{
    --transform-skew-y:2deg
  }

  .sm\:skew-y-3{
    --transform-skew-y:3deg
  }

  .sm\:skew-y-6{
    --transform-skew-y:6deg
  }

  .sm\:skew-y-12{
    --transform-skew-y:12deg
  }

  .sm\:-skew-y-12{
    --transform-skew-y:-12deg
  }

  .sm\:-skew-y-6{
    --transform-skew-y:-6deg
  }

  .sm\:-skew-y-3{
    --transform-skew-y:-3deg
  }

  .sm\:-skew-y-2{
    --transform-skew-y:-2deg
  }

  .sm\:-skew-y-1{
    --transform-skew-y:-1deg
  }

  .sm\:hover\:skew-x-0:hover{
    --transform-skew-x:0
  }

  .sm\:hover\:skew-x-1:hover{
    --transform-skew-x:1deg
  }

  .sm\:hover\:skew-x-2:hover{
    --transform-skew-x:2deg
  }

  .sm\:hover\:skew-x-3:hover{
    --transform-skew-x:3deg
  }

  .sm\:hover\:skew-x-6:hover{
    --transform-skew-x:6deg
  }

  .sm\:hover\:skew-x-12:hover{
    --transform-skew-x:12deg
  }

  .sm\:hover\:-skew-x-12:hover{
    --transform-skew-x:-12deg
  }

  .sm\:hover\:-skew-x-6:hover{
    --transform-skew-x:-6deg
  }

  .sm\:hover\:-skew-x-3:hover{
    --transform-skew-x:-3deg
  }

  .sm\:hover\:-skew-x-2:hover{
    --transform-skew-x:-2deg
  }

  .sm\:hover\:-skew-x-1:hover{
    --transform-skew-x:-1deg
  }

  .sm\:hover\:skew-y-0:hover{
    --transform-skew-y:0
  }

  .sm\:hover\:skew-y-1:hover{
    --transform-skew-y:1deg
  }

  .sm\:hover\:skew-y-2:hover{
    --transform-skew-y:2deg
  }

  .sm\:hover\:skew-y-3:hover{
    --transform-skew-y:3deg
  }

  .sm\:hover\:skew-y-6:hover{
    --transform-skew-y:6deg
  }

  .sm\:hover\:skew-y-12:hover{
    --transform-skew-y:12deg
  }

  .sm\:hover\:-skew-y-12:hover{
    --transform-skew-y:-12deg
  }

  .sm\:hover\:-skew-y-6:hover{
    --transform-skew-y:-6deg
  }

  .sm\:hover\:-skew-y-3:hover{
    --transform-skew-y:-3deg
  }

  .sm\:hover\:-skew-y-2:hover{
    --transform-skew-y:-2deg
  }

  .sm\:hover\:-skew-y-1:hover{
    --transform-skew-y:-1deg
  }

  .sm\:focus\:skew-x-0:focus{
    --transform-skew-x:0
  }

  .sm\:focus\:skew-x-1:focus{
    --transform-skew-x:1deg
  }

  .sm\:focus\:skew-x-2:focus{
    --transform-skew-x:2deg
  }

  .sm\:focus\:skew-x-3:focus{
    --transform-skew-x:3deg
  }

  .sm\:focus\:skew-x-6:focus{
    --transform-skew-x:6deg
  }

  .sm\:focus\:skew-x-12:focus{
    --transform-skew-x:12deg
  }

  .sm\:focus\:-skew-x-12:focus{
    --transform-skew-x:-12deg
  }

  .sm\:focus\:-skew-x-6:focus{
    --transform-skew-x:-6deg
  }

  .sm\:focus\:-skew-x-3:focus{
    --transform-skew-x:-3deg
  }

  .sm\:focus\:-skew-x-2:focus{
    --transform-skew-x:-2deg
  }

  .sm\:focus\:-skew-x-1:focus{
    --transform-skew-x:-1deg
  }

  .sm\:focus\:skew-y-0:focus{
    --transform-skew-y:0
  }

  .sm\:focus\:skew-y-1:focus{
    --transform-skew-y:1deg
  }

  .sm\:focus\:skew-y-2:focus{
    --transform-skew-y:2deg
  }

  .sm\:focus\:skew-y-3:focus{
    --transform-skew-y:3deg
  }

  .sm\:focus\:skew-y-6:focus{
    --transform-skew-y:6deg
  }

  .sm\:focus\:skew-y-12:focus{
    --transform-skew-y:12deg
  }

  .sm\:focus\:-skew-y-12:focus{
    --transform-skew-y:-12deg
  }

  .sm\:focus\:-skew-y-6:focus{
    --transform-skew-y:-6deg
  }

  .sm\:focus\:-skew-y-3:focus{
    --transform-skew-y:-3deg
  }

  .sm\:focus\:-skew-y-2:focus{
    --transform-skew-y:-2deg
  }

  .sm\:focus\:-skew-y-1:focus{
    --transform-skew-y:-1deg
  }

  .sm\:transition-none{
    transition-property:none
  }

  .sm\:transition-all{
    transition-property:all
  }

  .sm\:transition{
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
  }

  .sm\:transition-colors{
    transition-property:background-color, border-color, color, fill, stroke
  }

  .sm\:transition-opacity{
    transition-property:opacity
  }

  .sm\:transition-shadow{
    transition-property:box-shadow
  }

  .sm\:transition-transform{
    transition-property:transform
  }

  .sm\:ease-linear{
    transition-timing-function:linear
  }

  .sm\:ease-in{
    transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
  }

  .sm\:ease-out{
    transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
  }

  .sm\:ease-in-out{
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
  }

  .sm\:duration-75{
    transition-duration:75ms
  }

  .sm\:duration-100{
    transition-duration:100ms
  }

  .sm\:duration-150{
    transition-duration:150ms
  }

  .sm\:duration-200{
    transition-duration:200ms
  }

  .sm\:duration-300{
    transition-duration:300ms
  }

  .sm\:duration-500{
    transition-duration:500ms
  }

  .sm\:duration-700{
    transition-duration:700ms
  }

  .sm\:duration-1000{
    transition-duration:1000ms
  }

  .sm\:delay-75{
    transition-delay:75ms
  }

  .sm\:delay-100{
    transition-delay:100ms
  }

  .sm\:delay-150{
    transition-delay:150ms
  }

  .sm\:delay-200{
    transition-delay:200ms
  }

  .sm\:delay-300{
    transition-delay:300ms
  }

  .sm\:delay-500{
    transition-delay:500ms
  }

  .sm\:delay-700{
    transition-delay:700ms
  }

  .sm\:delay-1000{
    transition-delay:1000ms
  }

  .sm\:animate-none{
    animation:none
  }

  .sm\:animate-spin{
    animation:spin 1s linear infinite
  }

  .sm\:animate-ping{
    animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
  }

  .sm\:animate-pulse{
    animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
  }

  .sm\:animate-bounce{
    animation:bounce 1s infinite
  }
}

@media (min-width: 768px){
  .md\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0px * var(--space-y-reverse))
  }

  .md\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0px * var(--space-x-reverse));
    margin-left:calc(0px * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.25rem * var(--space-y-reverse))
  }

  .md\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.25rem * var(--space-x-reverse));
    margin-left:calc(0.25rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.5rem * var(--space-y-reverse))
  }

  .md\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.5rem * var(--space-x-reverse));
    margin-left:calc(0.5rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.75rem * var(--space-y-reverse))
  }

  .md\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.75rem * var(--space-x-reverse));
    margin-left:calc(0.75rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1rem * var(--space-y-reverse))
  }

  .md\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1rem * var(--space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1.25rem * var(--space-y-reverse))
  }

  .md\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1.25rem * var(--space-x-reverse));
    margin-left:calc(1.25rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1.5rem * var(--space-y-reverse))
  }

  .md\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1.5rem * var(--space-x-reverse));
    margin-left:calc(1.5rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(2rem * var(--space-y-reverse))
  }

  .md\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(2rem * var(--space-x-reverse));
    margin-left:calc(2rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(2.5rem * var(--space-y-reverse))
  }

  .md\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(2.5rem * var(--space-x-reverse));
    margin-left:calc(2.5rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(3rem * var(--space-y-reverse))
  }

  .md\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(3rem * var(--space-x-reverse));
    margin-left:calc(3rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(4rem * var(--space-y-reverse))
  }

  .md\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(4rem * var(--space-x-reverse));
    margin-left:calc(4rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(5rem * var(--space-y-reverse))
  }

  .md\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(5rem * var(--space-x-reverse));
    margin-left:calc(5rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(6rem * var(--space-y-reverse))
  }

  .md\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(6rem * var(--space-x-reverse));
    margin-left:calc(6rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(8rem * var(--space-y-reverse))
  }

  .md\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(8rem * var(--space-x-reverse));
    margin-left:calc(8rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(10rem * var(--space-y-reverse))
  }

  .md\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(10rem * var(--space-x-reverse));
    margin-left:calc(10rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(12rem * var(--space-y-reverse))
  }

  .md\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(12rem * var(--space-x-reverse));
    margin-left:calc(12rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(14rem * var(--space-y-reverse))
  }

  .md\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(14rem * var(--space-x-reverse));
    margin-left:calc(14rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(16rem * var(--space-y-reverse))
  }

  .md\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(16rem * var(--space-x-reverse));
    margin-left:calc(16rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1px * var(--space-y-reverse))
  }

  .md\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1px * var(--space-x-reverse));
    margin-left:calc(1px * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.25rem * var(--space-y-reverse))
  }

  .md\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.25rem * var(--space-x-reverse));
    margin-left:calc(-0.25rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.5rem * var(--space-y-reverse))
  }

  .md\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.5rem * var(--space-x-reverse));
    margin-left:calc(-0.5rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.75rem * var(--space-y-reverse))
  }

  .md\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.75rem * var(--space-x-reverse));
    margin-left:calc(-0.75rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1rem * var(--space-y-reverse))
  }

  .md\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1rem * var(--space-x-reverse));
    margin-left:calc(-1rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1.25rem * var(--space-y-reverse))
  }

  .md\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1.25rem * var(--space-x-reverse));
    margin-left:calc(-1.25rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1.5rem * var(--space-y-reverse))
  }

  .md\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1.5rem * var(--space-x-reverse));
    margin-left:calc(-1.5rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-2rem * var(--space-y-reverse))
  }

  .md\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-2rem * var(--space-x-reverse));
    margin-left:calc(-2rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-2.5rem * var(--space-y-reverse))
  }

  .md\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-2.5rem * var(--space-x-reverse));
    margin-left:calc(-2.5rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-3rem * var(--space-y-reverse))
  }

  .md\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-3rem * var(--space-x-reverse));
    margin-left:calc(-3rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-4rem * var(--space-y-reverse))
  }

  .md\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-4rem * var(--space-x-reverse));
    margin-left:calc(-4rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-5rem * var(--space-y-reverse))
  }

  .md\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-5rem * var(--space-x-reverse));
    margin-left:calc(-5rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-6rem * var(--space-y-reverse))
  }

  .md\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-6rem * var(--space-x-reverse));
    margin-left:calc(-6rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-8rem * var(--space-y-reverse))
  }

  .md\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-8rem * var(--space-x-reverse));
    margin-left:calc(-8rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-10rem * var(--space-y-reverse))
  }

  .md\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-10rem * var(--space-x-reverse));
    margin-left:calc(-10rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-12rem * var(--space-y-reverse))
  }

  .md\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-12rem * var(--space-x-reverse));
    margin-left:calc(-12rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-14rem * var(--space-y-reverse))
  }

  .md\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-14rem * var(--space-x-reverse));
    margin-left:calc(-14rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-16rem * var(--space-y-reverse))
  }

  .md\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-16rem * var(--space-x-reverse));
    margin-left:calc(-16rem * calc(1 - var(--space-x-reverse)))
  }

  .md\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1px * var(--space-y-reverse))
  }

  .md\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1px * var(--space-x-reverse));
    margin-left:calc(-1px * calc(1 - var(--space-x-reverse)))
  }

  .md\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse:1
  }

  .md\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse:1
  }

  .md\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(0px * var(--divide-y-reverse))
  }

  .md\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(0px * var(--divide-x-reverse));
    border-left-width:calc(0px * calc(1 - var(--divide-x-reverse)))
  }

  .md\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(2px * var(--divide-y-reverse))
  }

  .md\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(2px * var(--divide-x-reverse));
    border-left-width:calc(2px * calc(1 - var(--divide-x-reverse)))
  }

  .md\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(4px * var(--divide-y-reverse))
  }

  .md\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(4px * var(--divide-x-reverse));
    border-left-width:calc(4px * calc(1 - var(--divide-x-reverse)))
  }

  .md\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(8px * var(--divide-y-reverse))
  }

  .md\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(8px * var(--divide-x-reverse));
    border-left-width:calc(8px * calc(1 - var(--divide-x-reverse)))
  }

  .md\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(1px * var(--divide-y-reverse))
  }

  .md\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(1px * var(--divide-x-reverse));
    border-left-width:calc(1px * calc(1 - var(--divide-x-reverse)))
  }

  .md\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse:1
  }

  .md\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse:1
  }

  .md\:divide-transparent > :not(template) ~ :not(template){
    border-color:transparent
  }

  .md\:divide-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#22292f;
    border-color:rgba(34, 41, 47, var(--divide-opacity))
  }

  .md\:divide-real-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#000;
    border-color:rgba(0, 0, 0, var(--divide-opacity))
  }

  .md\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3d4852;
    border-color:rgba(61, 72, 82, var(--divide-opacity))
  }

  .md\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#606f7b;
    border-color:rgba(96, 111, 123, var(--divide-opacity))
  }

  .md\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#8795a1;
    border-color:rgba(135, 149, 161, var(--divide-opacity))
  }

  .md\:divide-gray > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#b8c2cc;
    border-color:rgba(184, 194, 204, var(--divide-opacity))
  }

  .md\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#dae1e7;
    border-color:rgba(218, 225, 231, var(--divide-opacity))
  }

  .md\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f1f5f8;
    border-color:rgba(241, 245, 248, var(--divide-opacity))
  }

  .md\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f8fafc;
    border-color:rgba(248, 250, 252, var(--divide-opacity))
  }

  .md\:divide-white > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ffffff;
    border-color:rgba(255, 255, 255, var(--divide-opacity))
  }

  .md\:divide-off-white > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f7fafc;
    border-color:rgba(247, 250, 252, var(--divide-opacity))
  }

  .md\:divide-grey-weldnote > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#dae1e7;
    border-color:rgba(218, 225, 231, var(--divide-opacity))
  }

  .md\:divide-red-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3b0d0c;
    border-color:rgba(59, 13, 12, var(--divide-opacity))
  }

  .md\:divide-red-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#621b18;
    border-color:rgba(98, 27, 24, var(--divide-opacity))
  }

  .md\:divide-red-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#cc1f1a;
    border-color:rgba(204, 31, 26, var(--divide-opacity))
  }

  .md\:divide-red > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#e3342f;
    border-color:rgba(227, 52, 47, var(--divide-opacity))
  }

  .md\:divide-red-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ef5753;
    border-color:rgba(239, 87, 83, var(--divide-opacity))
  }

  .md\:divide-red-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f9acaa;
    border-color:rgba(249, 172, 170, var(--divide-opacity))
  }

  .md\:divide-red-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcebea;
    border-color:rgba(252, 235, 234, var(--divide-opacity))
  }

  .md\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#453411;
    border-color:rgba(69, 52, 17, var(--divide-opacity))
  }

  .md\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a77f2e;
    border-color:rgba(167, 127, 46, var(--divide-opacity))
  }

  .md\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f2d024;
    border-color:rgba(242, 208, 36, var(--divide-opacity))
  }

  .md\:divide-yellow > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ffed4a;
    border-color:rgba(255, 237, 74, var(--divide-opacity))
  }

  .md\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff382;
    border-color:rgba(255, 243, 130, var(--divide-opacity))
  }

  .md\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff9c2;
    border-color:rgba(255, 249, 194, var(--divide-opacity))
  }

  .md\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcfbeb;
    border-color:rgba(252, 251, 235, var(--divide-opacity))
  }

  .md\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#0f2f21;
    border-color:rgba(15, 47, 33, var(--divide-opacity))
  }

  .md\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1a4731;
    border-color:rgba(26, 71, 49, var(--divide-opacity))
  }

  .md\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1f9d55;
    border-color:rgba(31, 157, 85, var(--divide-opacity))
  }

  .md\:divide-green > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#38c172;
    border-color:rgba(56, 193, 114, var(--divide-opacity))
  }

  .md\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#51d88a;
    border-color:rgba(81, 216, 138, var(--divide-opacity))
  }

  .md\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a2f5bf;
    border-color:rgba(162, 245, 191, var(--divide-opacity))
  }

  .md\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#e3fcec;
    border-color:rgba(227, 252, 236, var(--divide-opacity))
  }

  .md\:divide-blue-modal > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2e4050;
    border-color:rgba(46, 64, 80, var(--divide-opacity))
  }

  .md\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#12283a;
    border-color:rgba(18, 40, 58, var(--divide-opacity))
  }

  .md\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1c3d5a;
    border-color:rgba(28, 61, 90, var(--divide-opacity))
  }

  .md\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2779bd;
    border-color:rgba(39, 121, 189, var(--divide-opacity))
  }

  .md\:divide-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3498db;
    border-color:rgba(52, 152, 219, var(--divide-opacity))
  }

  .md\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6cb2eb;
    border-color:rgba(108, 178, 235, var(--divide-opacity))
  }

  .md\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#bcdefa;
    border-color:rgba(188, 222, 250, var(--divide-opacity))
  }

  .md\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#eff8ff;
    border-color:rgba(239, 248, 255, var(--divide-opacity))
  }

  .md\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#21183c;
    border-color:rgba(33, 24, 60, var(--divide-opacity))
  }

  .md\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#382b5f;
    border-color:rgba(56, 43, 95, var(--divide-opacity))
  }

  .md\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#794acf;
    border-color:rgba(121, 74, 207, var(--divide-opacity))
  }

  .md\:divide-purple > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#9561e2;
    border-color:rgba(149, 97, 226, var(--divide-opacity))
  }

  .md\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a779e9;
    border-color:rgba(167, 121, 233, var(--divide-opacity))
  }

  .md\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#d6bbfc;
    border-color:rgba(214, 187, 252, var(--divide-opacity))
  }

  .md\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f3ebff;
    border-color:rgba(243, 235, 255, var(--divide-opacity))
  }

  .md\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#462a16;
    border-color:rgba(70, 42, 22, var(--divide-opacity))
  }

  .md\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#613b1f;
    border-color:rgba(97, 59, 31, var(--divide-opacity))
  }

  .md\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#de751f;
    border-color:rgba(222, 117, 31, var(--divide-opacity))
  }

  .md\:divide-orange > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f6993f;
    border-color:rgba(246, 153, 63, var(--divide-opacity))
  }

  .md\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#faad63;
    border-color:rgba(250, 173, 99, var(--divide-opacity))
  }

  .md\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcd9b6;
    border-color:rgba(252, 217, 182, var(--divide-opacity))
  }

  .md\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff5eb;
    border-color:rgba(255, 245, 235, var(--divide-opacity))
  }

  .md\:divide-esab-gray > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#cecfd0;
    border-color:rgba(206, 207, 208, var(--divide-opacity))
  }

  .md\:divide-esab-orange > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#da7129;
    border-color:rgba(218, 113, 41, var(--divide-opacity))
  }

  .md\:divide-esab-darkgrey > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#373338;
    border-color:rgba(55, 51, 56, var(--divide-opacity))
  }

  .md\:divide-esab-background > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f0f0f0;
    border-color:rgba(240, 240, 240, var(--divide-opacity))
  }

  .md\:divide-esab-icon-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#0B7DA8;
    border-color:rgba(11, 125, 168, var(--divide-opacity))
  }

  .md\:divide-esab-sidebar-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#c7d0d8;
    border-color:rgba(199, 208, 216, var(--divide-opacity))
  }

  .md\:divide-esab-sidebar-blue-active > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#174167;
    border-color:rgba(23, 65, 103, var(--divide-opacity))
  }

  .md\:divide-esab-sidebar-blue-arrow > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#164167;
    border-color:rgba(22, 65, 103, var(--divide-opacity))
  }

  .md\:divide-esab-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#26292A;
    border-color:rgba(38, 41, 42, var(--divide-opacity))
  }

  .md\:divide-esab-primary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1A61A1;
    border-color:rgba(26, 97, 161, var(--divide-opacity))
  }

  .md\:divide-esab-primary-blue-light > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#347fc3;
    border-color:rgba(52, 127, 195, var(--divide-opacity))
  }

  .md\:divide-esab-secondary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6ca1cd;
    border-color:rgba(108, 161, 205, var(--divide-opacity))
  }

  .md\:divide-esab-card-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2961A1;
    border-color:rgba(41, 97, 161, var(--divide-opacity))
  }

  .md\:divide-esab-card-secondary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6491EB;
    border-color:rgba(100, 145, 235, var(--divide-opacity))
  }

  .md\:divide-esab-red > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#E23900;
    border-color:rgba(226, 57, 0, var(--divide-opacity))
  }

  .md\:divide-esab-red-highlight > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ed6031;
    border-color:rgba(237, 96, 49, var(--divide-opacity))
  }

  .md\:divide-assembly-color > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#c7074e;
    border-color:rgba(199, 7, 78, var(--divide-opacity))
  }

  .md\:divide-solid > :not(template) ~ :not(template){
    border-style:solid
  }

  .md\:divide-dashed > :not(template) ~ :not(template){
    border-style:dashed
  }

  .md\:divide-dotted > :not(template) ~ :not(template){
    border-style:dotted
  }

  .md\:divide-double > :not(template) ~ :not(template){
    border-style:double
  }

  .md\:divide-none > :not(template) ~ :not(template){
    border-style:none
  }

  .md\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity:0
  }

  .md\:divide-opacity-10 > :not(template) ~ :not(template){
    --divide-opacity:.1
  }

  .md\:divide-opacity-20 > :not(template) ~ :not(template){
    --divide-opacity:.20
  }

  .md\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity:.25
  }

  .md\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity:.5
  }

  .md\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity:.75
  }

  .md\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity:1
  }

  .md\:sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border-width:0
  }

  .md\:not-sr-only{
    position:static;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:auto;
    white-space:normal
  }

  .md\:focus\:sr-only:focus{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border-width:0
  }

  .md\:focus\:not-sr-only:focus{
    position:static;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:auto;
    white-space:normal
  }

  .md\:bg-clip-border{
    background-clip:border-box
  }

  .md\:bg-clip-padding{
    background-clip:padding-box
  }

  .md\:bg-clip-content{
    background-clip:content-box
  }

  .md\:bg-clip-text{
    background-clip:text
  }

  .md\:bg-none{
    background-image:none
  }

  .md\:bg-gradient-to-t{
    background-image:linear-gradient(to top, var(--gradient-color-stops))
  }

  .md\:bg-gradient-to-tr{
    background-image:linear-gradient(to top right, var(--gradient-color-stops))
  }

  .md\:bg-gradient-to-r{
    background-image:linear-gradient(to right, var(--gradient-color-stops))
  }

  .md\:bg-gradient-to-br{
    background-image:linear-gradient(to bottom right, var(--gradient-color-stops))
  }

  .md\:bg-gradient-to-b{
    background-image:linear-gradient(to bottom, var(--gradient-color-stops))
  }

  .md\:bg-gradient-to-bl{
    background-image:linear-gradient(to bottom left, var(--gradient-color-stops))
  }

  .md\:bg-gradient-to-l{
    background-image:linear-gradient(to left, var(--gradient-color-stops))
  }

  .md\:bg-gradient-to-tl{
    background-image:linear-gradient(to top left, var(--gradient-color-stops))
  }

  .md\:from-transparent{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:from-black{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .md\:from-real-black{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:from-gray-800{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .md\:from-gray-700{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .md\:from-gray-600{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .md\:from-gray{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .md\:from-gray-400{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:from-gray-200{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .md\:from-gray-100{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .md\:from-white{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .md\:from-off-white{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .md\:from-grey-weldnote{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:from-red-900{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .md\:from-red-800{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .md\:from-red-600{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .md\:from-red{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .md\:from-red-400{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .md\:from-red-200{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .md\:from-red-100{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .md\:from-yellow-900{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .md\:from-yellow-800{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .md\:from-yellow-600{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .md\:from-yellow{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .md\:from-yellow-400{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .md\:from-yellow-200{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .md\:from-yellow-100{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .md\:from-green-900{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .md\:from-green-800{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .md\:from-green-600{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .md\:from-green{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .md\:from-green-400{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .md\:from-green-200{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .md\:from-green-100{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .md\:from-blue-modal{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .md\:from-blue-900{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .md\:from-blue-800{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .md\:from-blue-600{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .md\:from-blue{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .md\:from-blue-400{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .md\:from-blue-200{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .md\:from-blue-100{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .md\:from-purple-900{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .md\:from-purple-800{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .md\:from-purple-600{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .md\:from-purple{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .md\:from-purple-400{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .md\:from-purple-200{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .md\:from-purple-100{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .md\:from-orange-900{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .md\:from-orange-800{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .md\:from-orange-600{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .md\:from-orange{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .md\:from-orange-400{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .md\:from-orange-200{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .md\:from-orange-100{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .md\:from-esab-gray{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .md\:from-esab-orange{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .md\:from-esab-darkgrey{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .md\:from-esab-background{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .md\:from-esab-icon-blue{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .md\:from-esab-sidebar-blue{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .md\:from-esab-sidebar-blue-active{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .md\:from-esab-sidebar-blue-arrow{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .md\:from-esab-black{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .md\:from-esab-primary-blue{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .md\:from-esab-primary-blue-light{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .md\:from-esab-secondary-blue{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .md\:from-esab-card-blue{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .md\:from-esab-card-secondary-blue{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .md\:from-esab-red{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .md\:from-esab-red-highlight{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .md\:from-assembly-color{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .md\:via-transparent{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:via-black{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .md\:via-real-black{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:via-gray-800{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .md\:via-gray-700{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .md\:via-gray-600{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .md\:via-gray{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .md\:via-gray-400{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:via-gray-200{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .md\:via-gray-100{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .md\:via-white{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .md\:via-off-white{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .md\:via-grey-weldnote{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:via-red-900{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .md\:via-red-800{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .md\:via-red-600{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .md\:via-red{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .md\:via-red-400{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .md\:via-red-200{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .md\:via-red-100{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .md\:via-yellow-900{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .md\:via-yellow-800{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .md\:via-yellow-600{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .md\:via-yellow{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .md\:via-yellow-400{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .md\:via-yellow-200{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .md\:via-yellow-100{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .md\:via-green-900{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .md\:via-green-800{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .md\:via-green-600{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .md\:via-green{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .md\:via-green-400{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .md\:via-green-200{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .md\:via-green-100{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .md\:via-blue-modal{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .md\:via-blue-900{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .md\:via-blue-800{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .md\:via-blue-600{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .md\:via-blue{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .md\:via-blue-400{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .md\:via-blue-200{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .md\:via-blue-100{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .md\:via-purple-900{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .md\:via-purple-800{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .md\:via-purple-600{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .md\:via-purple{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .md\:via-purple-400{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .md\:via-purple-200{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .md\:via-purple-100{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .md\:via-orange-900{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .md\:via-orange-800{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .md\:via-orange-600{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .md\:via-orange{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .md\:via-orange-400{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .md\:via-orange-200{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .md\:via-orange-100{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .md\:via-esab-gray{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .md\:via-esab-orange{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .md\:via-esab-darkgrey{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .md\:via-esab-background{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .md\:via-esab-icon-blue{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .md\:via-esab-sidebar-blue{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .md\:via-esab-sidebar-blue-active{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .md\:via-esab-sidebar-blue-arrow{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .md\:via-esab-black{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .md\:via-esab-primary-blue{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .md\:via-esab-primary-blue-light{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .md\:via-esab-secondary-blue{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .md\:via-esab-card-blue{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .md\:via-esab-card-secondary-blue{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .md\:via-esab-red{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .md\:via-esab-red-highlight{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .md\:via-assembly-color{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .md\:to-transparent{
    --gradient-to-color:transparent
  }

  .md\:to-black{
    --gradient-to-color:#22292f
  }

  .md\:to-real-black{
    --gradient-to-color:#000
  }

  .md\:to-gray-800{
    --gradient-to-color:#3d4852
  }

  .md\:to-gray-700{
    --gradient-to-color:#606f7b
  }

  .md\:to-gray-600{
    --gradient-to-color:#8795a1
  }

  .md\:to-gray{
    --gradient-to-color:#b8c2cc
  }

  .md\:to-gray-400{
    --gradient-to-color:#dae1e7
  }

  .md\:to-gray-200{
    --gradient-to-color:#f1f5f8
  }

  .md\:to-gray-100{
    --gradient-to-color:#f8fafc
  }

  .md\:to-white{
    --gradient-to-color:#ffffff
  }

  .md\:to-off-white{
    --gradient-to-color:#f7fafc
  }

  .md\:to-grey-weldnote{
    --gradient-to-color:#dae1e7
  }

  .md\:to-red-900{
    --gradient-to-color:#3b0d0c
  }

  .md\:to-red-800{
    --gradient-to-color:#621b18
  }

  .md\:to-red-600{
    --gradient-to-color:#cc1f1a
  }

  .md\:to-red{
    --gradient-to-color:#e3342f
  }

  .md\:to-red-400{
    --gradient-to-color:#ef5753
  }

  .md\:to-red-200{
    --gradient-to-color:#f9acaa
  }

  .md\:to-red-100{
    --gradient-to-color:#fcebea
  }

  .md\:to-yellow-900{
    --gradient-to-color:#453411
  }

  .md\:to-yellow-800{
    --gradient-to-color:#a77f2e
  }

  .md\:to-yellow-600{
    --gradient-to-color:#f2d024
  }

  .md\:to-yellow{
    --gradient-to-color:#ffed4a
  }

  .md\:to-yellow-400{
    --gradient-to-color:#fff382
  }

  .md\:to-yellow-200{
    --gradient-to-color:#fff9c2
  }

  .md\:to-yellow-100{
    --gradient-to-color:#fcfbeb
  }

  .md\:to-green-900{
    --gradient-to-color:#0f2f21
  }

  .md\:to-green-800{
    --gradient-to-color:#1a4731
  }

  .md\:to-green-600{
    --gradient-to-color:#1f9d55
  }

  .md\:to-green{
    --gradient-to-color:#38c172
  }

  .md\:to-green-400{
    --gradient-to-color:#51d88a
  }

  .md\:to-green-200{
    --gradient-to-color:#a2f5bf
  }

  .md\:to-green-100{
    --gradient-to-color:#e3fcec
  }

  .md\:to-blue-modal{
    --gradient-to-color:#2e4050
  }

  .md\:to-blue-900{
    --gradient-to-color:#12283a
  }

  .md\:to-blue-800{
    --gradient-to-color:#1c3d5a
  }

  .md\:to-blue-600{
    --gradient-to-color:#2779bd
  }

  .md\:to-blue{
    --gradient-to-color:#3498db
  }

  .md\:to-blue-400{
    --gradient-to-color:#6cb2eb
  }

  .md\:to-blue-200{
    --gradient-to-color:#bcdefa
  }

  .md\:to-blue-100{
    --gradient-to-color:#eff8ff
  }

  .md\:to-purple-900{
    --gradient-to-color:#21183c
  }

  .md\:to-purple-800{
    --gradient-to-color:#382b5f
  }

  .md\:to-purple-600{
    --gradient-to-color:#794acf
  }

  .md\:to-purple{
    --gradient-to-color:#9561e2
  }

  .md\:to-purple-400{
    --gradient-to-color:#a779e9
  }

  .md\:to-purple-200{
    --gradient-to-color:#d6bbfc
  }

  .md\:to-purple-100{
    --gradient-to-color:#f3ebff
  }

  .md\:to-orange-900{
    --gradient-to-color:#462a16
  }

  .md\:to-orange-800{
    --gradient-to-color:#613b1f
  }

  .md\:to-orange-600{
    --gradient-to-color:#de751f
  }

  .md\:to-orange{
    --gradient-to-color:#f6993f
  }

  .md\:to-orange-400{
    --gradient-to-color:#faad63
  }

  .md\:to-orange-200{
    --gradient-to-color:#fcd9b6
  }

  .md\:to-orange-100{
    --gradient-to-color:#fff5eb
  }

  .md\:to-esab-gray{
    --gradient-to-color:#cecfd0
  }

  .md\:to-esab-orange{
    --gradient-to-color:#da7129
  }

  .md\:to-esab-darkgrey{
    --gradient-to-color:#373338
  }

  .md\:to-esab-background{
    --gradient-to-color:#f0f0f0
  }

  .md\:to-esab-icon-blue{
    --gradient-to-color:#0B7DA8
  }

  .md\:to-esab-sidebar-blue{
    --gradient-to-color:#c7d0d8
  }

  .md\:to-esab-sidebar-blue-active{
    --gradient-to-color:#174167
  }

  .md\:to-esab-sidebar-blue-arrow{
    --gradient-to-color:#164167
  }

  .md\:to-esab-black{
    --gradient-to-color:#26292A
  }

  .md\:to-esab-primary-blue{
    --gradient-to-color:#1A61A1
  }

  .md\:to-esab-primary-blue-light{
    --gradient-to-color:#347fc3
  }

  .md\:to-esab-secondary-blue{
    --gradient-to-color:#6ca1cd
  }

  .md\:to-esab-card-blue{
    --gradient-to-color:#2961A1
  }

  .md\:to-esab-card-secondary-blue{
    --gradient-to-color:#6491EB
  }

  .md\:to-esab-red{
    --gradient-to-color:#E23900
  }

  .md\:to-esab-red-highlight{
    --gradient-to-color:#ed6031
  }

  .md\:to-assembly-color{
    --gradient-to-color:#c7074e
  }

  .md\:hover\:from-transparent:hover{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:hover\:from-black:hover{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .md\:hover\:from-real-black:hover{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:hover\:from-gray-800:hover{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .md\:hover\:from-gray-700:hover{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .md\:hover\:from-gray-600:hover{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .md\:hover\:from-gray:hover{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .md\:hover\:from-gray-400:hover{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:hover\:from-gray-200:hover{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .md\:hover\:from-gray-100:hover{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .md\:hover\:from-white:hover{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .md\:hover\:from-off-white:hover{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .md\:hover\:from-grey-weldnote:hover{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:hover\:from-red-900:hover{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .md\:hover\:from-red-800:hover{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .md\:hover\:from-red-600:hover{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .md\:hover\:from-red:hover{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .md\:hover\:from-red-400:hover{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .md\:hover\:from-red-200:hover{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .md\:hover\:from-red-100:hover{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .md\:hover\:from-yellow-900:hover{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .md\:hover\:from-yellow-800:hover{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .md\:hover\:from-yellow-600:hover{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .md\:hover\:from-yellow:hover{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .md\:hover\:from-yellow-400:hover{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .md\:hover\:from-yellow-200:hover{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .md\:hover\:from-yellow-100:hover{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .md\:hover\:from-green-900:hover{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .md\:hover\:from-green-800:hover{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .md\:hover\:from-green-600:hover{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .md\:hover\:from-green:hover{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .md\:hover\:from-green-400:hover{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .md\:hover\:from-green-200:hover{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .md\:hover\:from-green-100:hover{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .md\:hover\:from-blue-modal:hover{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .md\:hover\:from-blue-900:hover{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .md\:hover\:from-blue-800:hover{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .md\:hover\:from-blue-600:hover{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .md\:hover\:from-blue:hover{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .md\:hover\:from-blue-400:hover{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .md\:hover\:from-blue-200:hover{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .md\:hover\:from-blue-100:hover{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .md\:hover\:from-purple-900:hover{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .md\:hover\:from-purple-800:hover{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .md\:hover\:from-purple-600:hover{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .md\:hover\:from-purple:hover{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .md\:hover\:from-purple-400:hover{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .md\:hover\:from-purple-200:hover{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .md\:hover\:from-purple-100:hover{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .md\:hover\:from-orange-900:hover{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .md\:hover\:from-orange-800:hover{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .md\:hover\:from-orange-600:hover{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .md\:hover\:from-orange:hover{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .md\:hover\:from-orange-400:hover{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .md\:hover\:from-orange-200:hover{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .md\:hover\:from-orange-100:hover{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .md\:hover\:from-esab-gray:hover{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .md\:hover\:from-esab-orange:hover{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .md\:hover\:from-esab-darkgrey:hover{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .md\:hover\:from-esab-background:hover{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .md\:hover\:from-esab-icon-blue:hover{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .md\:hover\:from-esab-sidebar-blue:hover{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .md\:hover\:from-esab-sidebar-blue-active:hover{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .md\:hover\:from-esab-sidebar-blue-arrow:hover{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .md\:hover\:from-esab-black:hover{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .md\:hover\:from-esab-primary-blue:hover{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .md\:hover\:from-esab-primary-blue-light:hover{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .md\:hover\:from-esab-secondary-blue:hover{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .md\:hover\:from-esab-card-blue:hover{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .md\:hover\:from-esab-card-secondary-blue:hover{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .md\:hover\:from-esab-red:hover{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .md\:hover\:from-esab-red-highlight:hover{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .md\:hover\:from-assembly-color:hover{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .md\:hover\:via-transparent:hover{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:hover\:via-black:hover{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .md\:hover\:via-real-black:hover{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:hover\:via-gray-800:hover{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .md\:hover\:via-gray-700:hover{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .md\:hover\:via-gray-600:hover{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .md\:hover\:via-gray:hover{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .md\:hover\:via-gray-400:hover{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:hover\:via-gray-200:hover{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .md\:hover\:via-gray-100:hover{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .md\:hover\:via-white:hover{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .md\:hover\:via-off-white:hover{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .md\:hover\:via-grey-weldnote:hover{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:hover\:via-red-900:hover{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .md\:hover\:via-red-800:hover{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .md\:hover\:via-red-600:hover{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .md\:hover\:via-red:hover{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .md\:hover\:via-red-400:hover{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .md\:hover\:via-red-200:hover{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .md\:hover\:via-red-100:hover{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .md\:hover\:via-yellow-900:hover{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .md\:hover\:via-yellow-800:hover{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .md\:hover\:via-yellow-600:hover{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .md\:hover\:via-yellow:hover{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .md\:hover\:via-yellow-400:hover{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .md\:hover\:via-yellow-200:hover{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .md\:hover\:via-yellow-100:hover{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .md\:hover\:via-green-900:hover{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .md\:hover\:via-green-800:hover{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .md\:hover\:via-green-600:hover{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .md\:hover\:via-green:hover{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .md\:hover\:via-green-400:hover{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .md\:hover\:via-green-200:hover{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .md\:hover\:via-green-100:hover{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .md\:hover\:via-blue-modal:hover{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .md\:hover\:via-blue-900:hover{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .md\:hover\:via-blue-800:hover{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .md\:hover\:via-blue-600:hover{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .md\:hover\:via-blue:hover{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .md\:hover\:via-blue-400:hover{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .md\:hover\:via-blue-200:hover{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .md\:hover\:via-blue-100:hover{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .md\:hover\:via-purple-900:hover{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .md\:hover\:via-purple-800:hover{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .md\:hover\:via-purple-600:hover{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .md\:hover\:via-purple:hover{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .md\:hover\:via-purple-400:hover{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .md\:hover\:via-purple-200:hover{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .md\:hover\:via-purple-100:hover{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .md\:hover\:via-orange-900:hover{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .md\:hover\:via-orange-800:hover{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .md\:hover\:via-orange-600:hover{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .md\:hover\:via-orange:hover{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .md\:hover\:via-orange-400:hover{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .md\:hover\:via-orange-200:hover{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .md\:hover\:via-orange-100:hover{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .md\:hover\:via-esab-gray:hover{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .md\:hover\:via-esab-orange:hover{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .md\:hover\:via-esab-darkgrey:hover{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .md\:hover\:via-esab-background:hover{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .md\:hover\:via-esab-icon-blue:hover{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .md\:hover\:via-esab-sidebar-blue:hover{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .md\:hover\:via-esab-sidebar-blue-active:hover{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .md\:hover\:via-esab-sidebar-blue-arrow:hover{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .md\:hover\:via-esab-black:hover{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .md\:hover\:via-esab-primary-blue:hover{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .md\:hover\:via-esab-primary-blue-light:hover{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .md\:hover\:via-esab-secondary-blue:hover{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .md\:hover\:via-esab-card-blue:hover{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .md\:hover\:via-esab-card-secondary-blue:hover{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .md\:hover\:via-esab-red:hover{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .md\:hover\:via-esab-red-highlight:hover{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .md\:hover\:via-assembly-color:hover{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .md\:hover\:to-transparent:hover{
    --gradient-to-color:transparent
  }

  .md\:hover\:to-black:hover{
    --gradient-to-color:#22292f
  }

  .md\:hover\:to-real-black:hover{
    --gradient-to-color:#000
  }

  .md\:hover\:to-gray-800:hover{
    --gradient-to-color:#3d4852
  }

  .md\:hover\:to-gray-700:hover{
    --gradient-to-color:#606f7b
  }

  .md\:hover\:to-gray-600:hover{
    --gradient-to-color:#8795a1
  }

  .md\:hover\:to-gray:hover{
    --gradient-to-color:#b8c2cc
  }

  .md\:hover\:to-gray-400:hover{
    --gradient-to-color:#dae1e7
  }

  .md\:hover\:to-gray-200:hover{
    --gradient-to-color:#f1f5f8
  }

  .md\:hover\:to-gray-100:hover{
    --gradient-to-color:#f8fafc
  }

  .md\:hover\:to-white:hover{
    --gradient-to-color:#ffffff
  }

  .md\:hover\:to-off-white:hover{
    --gradient-to-color:#f7fafc
  }

  .md\:hover\:to-grey-weldnote:hover{
    --gradient-to-color:#dae1e7
  }

  .md\:hover\:to-red-900:hover{
    --gradient-to-color:#3b0d0c
  }

  .md\:hover\:to-red-800:hover{
    --gradient-to-color:#621b18
  }

  .md\:hover\:to-red-600:hover{
    --gradient-to-color:#cc1f1a
  }

  .md\:hover\:to-red:hover{
    --gradient-to-color:#e3342f
  }

  .md\:hover\:to-red-400:hover{
    --gradient-to-color:#ef5753
  }

  .md\:hover\:to-red-200:hover{
    --gradient-to-color:#f9acaa
  }

  .md\:hover\:to-red-100:hover{
    --gradient-to-color:#fcebea
  }

  .md\:hover\:to-yellow-900:hover{
    --gradient-to-color:#453411
  }

  .md\:hover\:to-yellow-800:hover{
    --gradient-to-color:#a77f2e
  }

  .md\:hover\:to-yellow-600:hover{
    --gradient-to-color:#f2d024
  }

  .md\:hover\:to-yellow:hover{
    --gradient-to-color:#ffed4a
  }

  .md\:hover\:to-yellow-400:hover{
    --gradient-to-color:#fff382
  }

  .md\:hover\:to-yellow-200:hover{
    --gradient-to-color:#fff9c2
  }

  .md\:hover\:to-yellow-100:hover{
    --gradient-to-color:#fcfbeb
  }

  .md\:hover\:to-green-900:hover{
    --gradient-to-color:#0f2f21
  }

  .md\:hover\:to-green-800:hover{
    --gradient-to-color:#1a4731
  }

  .md\:hover\:to-green-600:hover{
    --gradient-to-color:#1f9d55
  }

  .md\:hover\:to-green:hover{
    --gradient-to-color:#38c172
  }

  .md\:hover\:to-green-400:hover{
    --gradient-to-color:#51d88a
  }

  .md\:hover\:to-green-200:hover{
    --gradient-to-color:#a2f5bf
  }

  .md\:hover\:to-green-100:hover{
    --gradient-to-color:#e3fcec
  }

  .md\:hover\:to-blue-modal:hover{
    --gradient-to-color:#2e4050
  }

  .md\:hover\:to-blue-900:hover{
    --gradient-to-color:#12283a
  }

  .md\:hover\:to-blue-800:hover{
    --gradient-to-color:#1c3d5a
  }

  .md\:hover\:to-blue-600:hover{
    --gradient-to-color:#2779bd
  }

  .md\:hover\:to-blue:hover{
    --gradient-to-color:#3498db
  }

  .md\:hover\:to-blue-400:hover{
    --gradient-to-color:#6cb2eb
  }

  .md\:hover\:to-blue-200:hover{
    --gradient-to-color:#bcdefa
  }

  .md\:hover\:to-blue-100:hover{
    --gradient-to-color:#eff8ff
  }

  .md\:hover\:to-purple-900:hover{
    --gradient-to-color:#21183c
  }

  .md\:hover\:to-purple-800:hover{
    --gradient-to-color:#382b5f
  }

  .md\:hover\:to-purple-600:hover{
    --gradient-to-color:#794acf
  }

  .md\:hover\:to-purple:hover{
    --gradient-to-color:#9561e2
  }

  .md\:hover\:to-purple-400:hover{
    --gradient-to-color:#a779e9
  }

  .md\:hover\:to-purple-200:hover{
    --gradient-to-color:#d6bbfc
  }

  .md\:hover\:to-purple-100:hover{
    --gradient-to-color:#f3ebff
  }

  .md\:hover\:to-orange-900:hover{
    --gradient-to-color:#462a16
  }

  .md\:hover\:to-orange-800:hover{
    --gradient-to-color:#613b1f
  }

  .md\:hover\:to-orange-600:hover{
    --gradient-to-color:#de751f
  }

  .md\:hover\:to-orange:hover{
    --gradient-to-color:#f6993f
  }

  .md\:hover\:to-orange-400:hover{
    --gradient-to-color:#faad63
  }

  .md\:hover\:to-orange-200:hover{
    --gradient-to-color:#fcd9b6
  }

  .md\:hover\:to-orange-100:hover{
    --gradient-to-color:#fff5eb
  }

  .md\:hover\:to-esab-gray:hover{
    --gradient-to-color:#cecfd0
  }

  .md\:hover\:to-esab-orange:hover{
    --gradient-to-color:#da7129
  }

  .md\:hover\:to-esab-darkgrey:hover{
    --gradient-to-color:#373338
  }

  .md\:hover\:to-esab-background:hover{
    --gradient-to-color:#f0f0f0
  }

  .md\:hover\:to-esab-icon-blue:hover{
    --gradient-to-color:#0B7DA8
  }

  .md\:hover\:to-esab-sidebar-blue:hover{
    --gradient-to-color:#c7d0d8
  }

  .md\:hover\:to-esab-sidebar-blue-active:hover{
    --gradient-to-color:#174167
  }

  .md\:hover\:to-esab-sidebar-blue-arrow:hover{
    --gradient-to-color:#164167
  }

  .md\:hover\:to-esab-black:hover{
    --gradient-to-color:#26292A
  }

  .md\:hover\:to-esab-primary-blue:hover{
    --gradient-to-color:#1A61A1
  }

  .md\:hover\:to-esab-primary-blue-light:hover{
    --gradient-to-color:#347fc3
  }

  .md\:hover\:to-esab-secondary-blue:hover{
    --gradient-to-color:#6ca1cd
  }

  .md\:hover\:to-esab-card-blue:hover{
    --gradient-to-color:#2961A1
  }

  .md\:hover\:to-esab-card-secondary-blue:hover{
    --gradient-to-color:#6491EB
  }

  .md\:hover\:to-esab-red:hover{
    --gradient-to-color:#E23900
  }

  .md\:hover\:to-esab-red-highlight:hover{
    --gradient-to-color:#ed6031
  }

  .md\:hover\:to-assembly-color:hover{
    --gradient-to-color:#c7074e
  }

  .md\:focus\:from-transparent:focus{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:focus\:from-black:focus{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .md\:focus\:from-real-black:focus{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:focus\:from-gray-800:focus{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .md\:focus\:from-gray-700:focus{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .md\:focus\:from-gray-600:focus{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .md\:focus\:from-gray:focus{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .md\:focus\:from-gray-400:focus{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:focus\:from-gray-200:focus{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .md\:focus\:from-gray-100:focus{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .md\:focus\:from-white:focus{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .md\:focus\:from-off-white:focus{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .md\:focus\:from-grey-weldnote:focus{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:focus\:from-red-900:focus{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .md\:focus\:from-red-800:focus{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .md\:focus\:from-red-600:focus{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .md\:focus\:from-red:focus{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .md\:focus\:from-red-400:focus{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .md\:focus\:from-red-200:focus{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .md\:focus\:from-red-100:focus{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .md\:focus\:from-yellow-900:focus{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .md\:focus\:from-yellow-800:focus{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .md\:focus\:from-yellow-600:focus{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .md\:focus\:from-yellow:focus{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .md\:focus\:from-yellow-400:focus{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .md\:focus\:from-yellow-200:focus{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .md\:focus\:from-yellow-100:focus{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .md\:focus\:from-green-900:focus{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .md\:focus\:from-green-800:focus{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .md\:focus\:from-green-600:focus{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .md\:focus\:from-green:focus{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .md\:focus\:from-green-400:focus{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .md\:focus\:from-green-200:focus{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .md\:focus\:from-green-100:focus{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .md\:focus\:from-blue-modal:focus{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .md\:focus\:from-blue-900:focus{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .md\:focus\:from-blue-800:focus{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .md\:focus\:from-blue-600:focus{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .md\:focus\:from-blue:focus{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .md\:focus\:from-blue-400:focus{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .md\:focus\:from-blue-200:focus{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .md\:focus\:from-blue-100:focus{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .md\:focus\:from-purple-900:focus{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .md\:focus\:from-purple-800:focus{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .md\:focus\:from-purple-600:focus{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .md\:focus\:from-purple:focus{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .md\:focus\:from-purple-400:focus{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .md\:focus\:from-purple-200:focus{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .md\:focus\:from-purple-100:focus{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .md\:focus\:from-orange-900:focus{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .md\:focus\:from-orange-800:focus{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .md\:focus\:from-orange-600:focus{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .md\:focus\:from-orange:focus{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .md\:focus\:from-orange-400:focus{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .md\:focus\:from-orange-200:focus{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .md\:focus\:from-orange-100:focus{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .md\:focus\:from-esab-gray:focus{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .md\:focus\:from-esab-orange:focus{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .md\:focus\:from-esab-darkgrey:focus{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .md\:focus\:from-esab-background:focus{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .md\:focus\:from-esab-icon-blue:focus{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .md\:focus\:from-esab-sidebar-blue:focus{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .md\:focus\:from-esab-sidebar-blue-active:focus{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .md\:focus\:from-esab-sidebar-blue-arrow:focus{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .md\:focus\:from-esab-black:focus{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .md\:focus\:from-esab-primary-blue:focus{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .md\:focus\:from-esab-primary-blue-light:focus{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .md\:focus\:from-esab-secondary-blue:focus{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .md\:focus\:from-esab-card-blue:focus{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .md\:focus\:from-esab-card-secondary-blue:focus{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .md\:focus\:from-esab-red:focus{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .md\:focus\:from-esab-red-highlight:focus{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .md\:focus\:from-assembly-color:focus{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .md\:focus\:via-transparent:focus{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:focus\:via-black:focus{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .md\:focus\:via-real-black:focus{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .md\:focus\:via-gray-800:focus{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .md\:focus\:via-gray-700:focus{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .md\:focus\:via-gray-600:focus{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .md\:focus\:via-gray:focus{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .md\:focus\:via-gray-400:focus{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:focus\:via-gray-200:focus{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .md\:focus\:via-gray-100:focus{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .md\:focus\:via-white:focus{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .md\:focus\:via-off-white:focus{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .md\:focus\:via-grey-weldnote:focus{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .md\:focus\:via-red-900:focus{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .md\:focus\:via-red-800:focus{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .md\:focus\:via-red-600:focus{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .md\:focus\:via-red:focus{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .md\:focus\:via-red-400:focus{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .md\:focus\:via-red-200:focus{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .md\:focus\:via-red-100:focus{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .md\:focus\:via-yellow-900:focus{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .md\:focus\:via-yellow-800:focus{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .md\:focus\:via-yellow-600:focus{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .md\:focus\:via-yellow:focus{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .md\:focus\:via-yellow-400:focus{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .md\:focus\:via-yellow-200:focus{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .md\:focus\:via-yellow-100:focus{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .md\:focus\:via-green-900:focus{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .md\:focus\:via-green-800:focus{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .md\:focus\:via-green-600:focus{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .md\:focus\:via-green:focus{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .md\:focus\:via-green-400:focus{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .md\:focus\:via-green-200:focus{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .md\:focus\:via-green-100:focus{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .md\:focus\:via-blue-modal:focus{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .md\:focus\:via-blue-900:focus{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .md\:focus\:via-blue-800:focus{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .md\:focus\:via-blue-600:focus{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .md\:focus\:via-blue:focus{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .md\:focus\:via-blue-400:focus{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .md\:focus\:via-blue-200:focus{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .md\:focus\:via-blue-100:focus{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .md\:focus\:via-purple-900:focus{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .md\:focus\:via-purple-800:focus{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .md\:focus\:via-purple-600:focus{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .md\:focus\:via-purple:focus{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .md\:focus\:via-purple-400:focus{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .md\:focus\:via-purple-200:focus{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .md\:focus\:via-purple-100:focus{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .md\:focus\:via-orange-900:focus{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .md\:focus\:via-orange-800:focus{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .md\:focus\:via-orange-600:focus{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .md\:focus\:via-orange:focus{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .md\:focus\:via-orange-400:focus{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .md\:focus\:via-orange-200:focus{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .md\:focus\:via-orange-100:focus{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .md\:focus\:via-esab-gray:focus{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .md\:focus\:via-esab-orange:focus{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .md\:focus\:via-esab-darkgrey:focus{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .md\:focus\:via-esab-background:focus{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .md\:focus\:via-esab-icon-blue:focus{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .md\:focus\:via-esab-sidebar-blue:focus{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .md\:focus\:via-esab-sidebar-blue-active:focus{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .md\:focus\:via-esab-sidebar-blue-arrow:focus{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .md\:focus\:via-esab-black:focus{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .md\:focus\:via-esab-primary-blue:focus{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .md\:focus\:via-esab-primary-blue-light:focus{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .md\:focus\:via-esab-secondary-blue:focus{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .md\:focus\:via-esab-card-blue:focus{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .md\:focus\:via-esab-card-secondary-blue:focus{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .md\:focus\:via-esab-red:focus{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .md\:focus\:via-esab-red-highlight:focus{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .md\:focus\:via-assembly-color:focus{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .md\:focus\:to-transparent:focus{
    --gradient-to-color:transparent
  }

  .md\:focus\:to-black:focus{
    --gradient-to-color:#22292f
  }

  .md\:focus\:to-real-black:focus{
    --gradient-to-color:#000
  }

  .md\:focus\:to-gray-800:focus{
    --gradient-to-color:#3d4852
  }

  .md\:focus\:to-gray-700:focus{
    --gradient-to-color:#606f7b
  }

  .md\:focus\:to-gray-600:focus{
    --gradient-to-color:#8795a1
  }

  .md\:focus\:to-gray:focus{
    --gradient-to-color:#b8c2cc
  }

  .md\:focus\:to-gray-400:focus{
    --gradient-to-color:#dae1e7
  }

  .md\:focus\:to-gray-200:focus{
    --gradient-to-color:#f1f5f8
  }

  .md\:focus\:to-gray-100:focus{
    --gradient-to-color:#f8fafc
  }

  .md\:focus\:to-white:focus{
    --gradient-to-color:#ffffff
  }

  .md\:focus\:to-off-white:focus{
    --gradient-to-color:#f7fafc
  }

  .md\:focus\:to-grey-weldnote:focus{
    --gradient-to-color:#dae1e7
  }

  .md\:focus\:to-red-900:focus{
    --gradient-to-color:#3b0d0c
  }

  .md\:focus\:to-red-800:focus{
    --gradient-to-color:#621b18
  }

  .md\:focus\:to-red-600:focus{
    --gradient-to-color:#cc1f1a
  }

  .md\:focus\:to-red:focus{
    --gradient-to-color:#e3342f
  }

  .md\:focus\:to-red-400:focus{
    --gradient-to-color:#ef5753
  }

  .md\:focus\:to-red-200:focus{
    --gradient-to-color:#f9acaa
  }

  .md\:focus\:to-red-100:focus{
    --gradient-to-color:#fcebea
  }

  .md\:focus\:to-yellow-900:focus{
    --gradient-to-color:#453411
  }

  .md\:focus\:to-yellow-800:focus{
    --gradient-to-color:#a77f2e
  }

  .md\:focus\:to-yellow-600:focus{
    --gradient-to-color:#f2d024
  }

  .md\:focus\:to-yellow:focus{
    --gradient-to-color:#ffed4a
  }

  .md\:focus\:to-yellow-400:focus{
    --gradient-to-color:#fff382
  }

  .md\:focus\:to-yellow-200:focus{
    --gradient-to-color:#fff9c2
  }

  .md\:focus\:to-yellow-100:focus{
    --gradient-to-color:#fcfbeb
  }

  .md\:focus\:to-green-900:focus{
    --gradient-to-color:#0f2f21
  }

  .md\:focus\:to-green-800:focus{
    --gradient-to-color:#1a4731
  }

  .md\:focus\:to-green-600:focus{
    --gradient-to-color:#1f9d55
  }

  .md\:focus\:to-green:focus{
    --gradient-to-color:#38c172
  }

  .md\:focus\:to-green-400:focus{
    --gradient-to-color:#51d88a
  }

  .md\:focus\:to-green-200:focus{
    --gradient-to-color:#a2f5bf
  }

  .md\:focus\:to-green-100:focus{
    --gradient-to-color:#e3fcec
  }

  .md\:focus\:to-blue-modal:focus{
    --gradient-to-color:#2e4050
  }

  .md\:focus\:to-blue-900:focus{
    --gradient-to-color:#12283a
  }

  .md\:focus\:to-blue-800:focus{
    --gradient-to-color:#1c3d5a
  }

  .md\:focus\:to-blue-600:focus{
    --gradient-to-color:#2779bd
  }

  .md\:focus\:to-blue:focus{
    --gradient-to-color:#3498db
  }

  .md\:focus\:to-blue-400:focus{
    --gradient-to-color:#6cb2eb
  }

  .md\:focus\:to-blue-200:focus{
    --gradient-to-color:#bcdefa
  }

  .md\:focus\:to-blue-100:focus{
    --gradient-to-color:#eff8ff
  }

  .md\:focus\:to-purple-900:focus{
    --gradient-to-color:#21183c
  }

  .md\:focus\:to-purple-800:focus{
    --gradient-to-color:#382b5f
  }

  .md\:focus\:to-purple-600:focus{
    --gradient-to-color:#794acf
  }

  .md\:focus\:to-purple:focus{
    --gradient-to-color:#9561e2
  }

  .md\:focus\:to-purple-400:focus{
    --gradient-to-color:#a779e9
  }

  .md\:focus\:to-purple-200:focus{
    --gradient-to-color:#d6bbfc
  }

  .md\:focus\:to-purple-100:focus{
    --gradient-to-color:#f3ebff
  }

  .md\:focus\:to-orange-900:focus{
    --gradient-to-color:#462a16
  }

  .md\:focus\:to-orange-800:focus{
    --gradient-to-color:#613b1f
  }

  .md\:focus\:to-orange-600:focus{
    --gradient-to-color:#de751f
  }

  .md\:focus\:to-orange:focus{
    --gradient-to-color:#f6993f
  }

  .md\:focus\:to-orange-400:focus{
    --gradient-to-color:#faad63
  }

  .md\:focus\:to-orange-200:focus{
    --gradient-to-color:#fcd9b6
  }

  .md\:focus\:to-orange-100:focus{
    --gradient-to-color:#fff5eb
  }

  .md\:focus\:to-esab-gray:focus{
    --gradient-to-color:#cecfd0
  }

  .md\:focus\:to-esab-orange:focus{
    --gradient-to-color:#da7129
  }

  .md\:focus\:to-esab-darkgrey:focus{
    --gradient-to-color:#373338
  }

  .md\:focus\:to-esab-background:focus{
    --gradient-to-color:#f0f0f0
  }

  .md\:focus\:to-esab-icon-blue:focus{
    --gradient-to-color:#0B7DA8
  }

  .md\:focus\:to-esab-sidebar-blue:focus{
    --gradient-to-color:#c7d0d8
  }

  .md\:focus\:to-esab-sidebar-blue-active:focus{
    --gradient-to-color:#174167
  }

  .md\:focus\:to-esab-sidebar-blue-arrow:focus{
    --gradient-to-color:#164167
  }

  .md\:focus\:to-esab-black:focus{
    --gradient-to-color:#26292A
  }

  .md\:focus\:to-esab-primary-blue:focus{
    --gradient-to-color:#1A61A1
  }

  .md\:focus\:to-esab-primary-blue-light:focus{
    --gradient-to-color:#347fc3
  }

  .md\:focus\:to-esab-secondary-blue:focus{
    --gradient-to-color:#6ca1cd
  }

  .md\:focus\:to-esab-card-blue:focus{
    --gradient-to-color:#2961A1
  }

  .md\:focus\:to-esab-card-secondary-blue:focus{
    --gradient-to-color:#6491EB
  }

  .md\:focus\:to-esab-red:focus{
    --gradient-to-color:#E23900
  }

  .md\:focus\:to-esab-red-highlight:focus{
    --gradient-to-color:#ed6031
  }

  .md\:focus\:to-assembly-color:focus{
    --gradient-to-color:#c7074e
  }

  .md\:bg-opacity-0{
    --bg-opacity:0
  }

  .md\:bg-opacity-10{
    --bg-opacity:.1
  }

  .md\:bg-opacity-20{
    --bg-opacity:.20
  }

  .md\:bg-opacity-25{
    --bg-opacity:.25
  }

  .md\:bg-opacity-50{
    --bg-opacity:.5
  }

  .md\:bg-opacity-75{
    --bg-opacity:.75
  }

  .md\:bg-opacity-100{
    --bg-opacity:1
  }

  .md\:hover\:bg-opacity-0:hover{
    --bg-opacity:0
  }

  .md\:hover\:bg-opacity-10:hover{
    --bg-opacity:.1
  }

  .md\:hover\:bg-opacity-20:hover{
    --bg-opacity:.20
  }

  .md\:hover\:bg-opacity-25:hover{
    --bg-opacity:.25
  }

  .md\:hover\:bg-opacity-50:hover{
    --bg-opacity:.5
  }

  .md\:hover\:bg-opacity-75:hover{
    --bg-opacity:.75
  }

  .md\:hover\:bg-opacity-100:hover{
    --bg-opacity:1
  }

  .md\:focus\:bg-opacity-0:focus{
    --bg-opacity:0
  }

  .md\:focus\:bg-opacity-10:focus{
    --bg-opacity:.1
  }

  .md\:focus\:bg-opacity-20:focus{
    --bg-opacity:.20
  }

  .md\:focus\:bg-opacity-25:focus{
    --bg-opacity:.25
  }

  .md\:focus\:bg-opacity-50:focus{
    --bg-opacity:.5
  }

  .md\:focus\:bg-opacity-75:focus{
    --bg-opacity:.75
  }

  .md\:focus\:bg-opacity-100:focus{
    --bg-opacity:1
  }

  .md\:border-opacity-0{
    --border-opacity:0
  }

  .md\:border-opacity-10{
    --border-opacity:.1
  }

  .md\:border-opacity-20{
    --border-opacity:.20
  }

  .md\:border-opacity-25{
    --border-opacity:.25
  }

  .md\:border-opacity-50{
    --border-opacity:.5
  }

  .md\:border-opacity-75{
    --border-opacity:.75
  }

  .md\:border-opacity-100{
    --border-opacity:1
  }

  .md\:hover\:border-opacity-0:hover{
    --border-opacity:0
  }

  .md\:hover\:border-opacity-10:hover{
    --border-opacity:.1
  }

  .md\:hover\:border-opacity-20:hover{
    --border-opacity:.20
  }

  .md\:hover\:border-opacity-25:hover{
    --border-opacity:.25
  }

  .md\:hover\:border-opacity-50:hover{
    --border-opacity:.5
  }

  .md\:hover\:border-opacity-75:hover{
    --border-opacity:.75
  }

  .md\:hover\:border-opacity-100:hover{
    --border-opacity:1
  }

  .md\:focus\:border-opacity-0:focus{
    --border-opacity:0
  }

  .md\:focus\:border-opacity-10:focus{
    --border-opacity:.1
  }

  .md\:focus\:border-opacity-20:focus{
    --border-opacity:.20
  }

  .md\:focus\:border-opacity-25:focus{
    --border-opacity:.25
  }

  .md\:focus\:border-opacity-50:focus{
    --border-opacity:.5
  }

  .md\:focus\:border-opacity-75:focus{
    --border-opacity:.75
  }

  .md\:focus\:border-opacity-100:focus{
    --border-opacity:1
  }

  .md\:box-border{
    box-sizing:border-box
  }

  .md\:box-content{
    box-sizing:content-box
  }

  .md\:place-items-auto{
    place-items:auto
  }

  .md\:place-items-start{
    place-items:start
  }

  .md\:place-items-end{
    place-items:end
  }

  .md\:place-items-center{
    place-items:center
  }

  .md\:place-items-stretch{
    place-items:stretch
  }

  .md\:place-content-center{
    place-content:center
  }

  .md\:place-content-start{
    place-content:start
  }

  .md\:place-content-end{
    place-content:end
  }

  .md\:place-content-between{
    place-content:space-between
  }

  .md\:place-content-around{
    place-content:space-around
  }

  .md\:place-content-evenly{
    place-content:space-evenly
  }

  .md\:place-content-stretch{
    place-content:stretch
  }

  .md\:place-self-auto{
    place-self:auto
  }

  .md\:place-self-start{
    place-self:start
  }

  .md\:place-self-end{
    place-self:end
  }

  .md\:place-self-center{
    place-self:center
  }

  .md\:place-self-stretch{
    place-self:stretch
  }

  .md\:justify-items-auto{
    justify-items:auto
  }

  .md\:justify-items-start{
    justify-items:start
  }

  .md\:justify-items-end{
    justify-items:end
  }

  .md\:justify-items-center{
    justify-items:center
  }

  .md\:justify-items-stretch{
    justify-items:stretch
  }

  .md\:justify-self-auto{
    justify-self:auto
  }

  .md\:justify-self-start{
    justify-self:start
  }

  .md\:justify-self-end{
    justify-self:end
  }

  .md\:justify-self-center{
    justify-self:center
  }

  .md\:justify-self-stretch{
    justify-self:stretch
  }

  .md\:order-1{
    order:1
  }

  .md\:order-2{
    order:2
  }

  .md\:order-3{
    order:3
  }

  .md\:order-4{
    order:4
  }

  .md\:order-5{
    order:5
  }

  .md\:order-6{
    order:6
  }

  .md\:order-7{
    order:7
  }

  .md\:order-8{
    order:8
  }

  .md\:order-9{
    order:9
  }

  .md\:order-10{
    order:10
  }

  .md\:order-11{
    order:11
  }

  .md\:order-12{
    order:12
  }

  .md\:order-first{
    order:-9999
  }

  .md\:order-last{
    order:9999
  }

  .md\:order-none{
    order:0
  }

  .md\:clear-left{
    clear:left
  }

  .md\:clear-right{
    clear:right
  }

  .md\:clear-both{
    clear:both
  }

  .md\:clear-none{
    clear:none
  }

  .md\:m-0{
    margin:0
  }

  .md\:m-1{
    margin:0.25rem
  }

  .md\:m-2{
    margin:0.5rem
  }

  .md\:m-3{
    margin:0.75rem
  }

  .md\:m-4{
    margin:1rem
  }

  .md\:m-5{
    margin:1.25rem
  }

  .md\:m-6{
    margin:1.5rem
  }

  .md\:m-8{
    margin:2rem
  }

  .md\:m-10{
    margin:2.5rem
  }

  .md\:m-12{
    margin:3rem
  }

  .md\:m-16{
    margin:4rem
  }

  .md\:m-20{
    margin:5rem
  }

  .md\:m-24{
    margin:6rem
  }

  .md\:m-32{
    margin:8rem
  }

  .md\:m-auto{
    margin:auto
  }

  .md\:m-px{
    margin:1px
  }

  .md\:-m-px{
    margin:-1px
  }

  .md\:-m-0{
    margin:0
  }

  .md\:-m-1{
    margin:-0.25rem
  }

  .md\:-m-2{
    margin:-0.5rem
  }

  .md\:-m-3{
    margin:-0.75rem
  }

  .md\:-m-4{
    margin:-1rem
  }

  .md\:-m-5{
    margin:-1.25rem
  }

  .md\:-m-6{
    margin:-1.5rem
  }

  .md\:-m-8{
    margin:-2rem
  }

  .md\:-m-10{
    margin:-2.5rem
  }

  .md\:-m-12{
    margin:-3rem
  }

  .md\:-m-16{
    margin:-4rem
  }

  .md\:-m-20{
    margin:-5rem
  }

  .md\:-m-24{
    margin:-6rem
  }

  .md\:-m-32{
    margin:-8rem
  }

  .md\:my-0{
    margin-top:0;
    margin-bottom:0
  }

  .md\:mx-0{
    margin-left:0;
    margin-right:0
  }

  .md\:my-1{
    margin-top:0.25rem;
    margin-bottom:0.25rem
  }

  .md\:mx-1{
    margin-left:0.25rem;
    margin-right:0.25rem
  }

  .md\:my-2{
    margin-top:0.5rem;
    margin-bottom:0.5rem
  }

  .md\:mx-2{
    margin-left:0.5rem;
    margin-right:0.5rem
  }

  .md\:my-3{
    margin-top:0.75rem;
    margin-bottom:0.75rem
  }

  .md\:mx-3{
    margin-left:0.75rem;
    margin-right:0.75rem
  }

  .md\:my-4{
    margin-top:1rem;
    margin-bottom:1rem
  }

  .md\:mx-4{
    margin-left:1rem;
    margin-right:1rem
  }

  .md\:my-5{
    margin-top:1.25rem;
    margin-bottom:1.25rem
  }

  .md\:mx-5{
    margin-left:1.25rem;
    margin-right:1.25rem
  }

  .md\:my-6{
    margin-top:1.5rem;
    margin-bottom:1.5rem
  }

  .md\:mx-6{
    margin-left:1.5rem;
    margin-right:1.5rem
  }

  .md\:my-8{
    margin-top:2rem;
    margin-bottom:2rem
  }

  .md\:mx-8{
    margin-left:2rem;
    margin-right:2rem
  }

  .md\:my-10{
    margin-top:2.5rem;
    margin-bottom:2.5rem
  }

  .md\:mx-10{
    margin-left:2.5rem;
    margin-right:2.5rem
  }

  .md\:my-12{
    margin-top:3rem;
    margin-bottom:3rem
  }

  .md\:mx-12{
    margin-left:3rem;
    margin-right:3rem
  }

  .md\:my-16{
    margin-top:4rem;
    margin-bottom:4rem
  }

  .md\:mx-16{
    margin-left:4rem;
    margin-right:4rem
  }

  .md\:my-20{
    margin-top:5rem;
    margin-bottom:5rem
  }

  .md\:mx-20{
    margin-left:5rem;
    margin-right:5rem
  }

  .md\:my-24{
    margin-top:6rem;
    margin-bottom:6rem
  }

  .md\:mx-24{
    margin-left:6rem;
    margin-right:6rem
  }

  .md\:my-32{
    margin-top:8rem;
    margin-bottom:8rem
  }

  .md\:mx-32{
    margin-left:8rem;
    margin-right:8rem
  }

  .md\:my-auto{
    margin-top:auto;
    margin-bottom:auto
  }

  .md\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .md\:my-px{
    margin-top:1px;
    margin-bottom:1px
  }

  .md\:mx-px{
    margin-left:1px;
    margin-right:1px
  }

  .md\:-my-px{
    margin-top:-1px;
    margin-bottom:-1px
  }

  .md\:-mx-px{
    margin-left:-1px;
    margin-right:-1px
  }

  .md\:-my-0{
    margin-top:0;
    margin-bottom:0
  }

  .md\:-mx-0{
    margin-left:0;
    margin-right:0
  }

  .md\:-my-1{
    margin-top:-0.25rem;
    margin-bottom:-0.25rem
  }

  .md\:-mx-1{
    margin-left:-0.25rem;
    margin-right:-0.25rem
  }

  .md\:-my-2{
    margin-top:-0.5rem;
    margin-bottom:-0.5rem
  }

  .md\:-mx-2{
    margin-left:-0.5rem;
    margin-right:-0.5rem
  }

  .md\:-my-3{
    margin-top:-0.75rem;
    margin-bottom:-0.75rem
  }

  .md\:-mx-3{
    margin-left:-0.75rem;
    margin-right:-0.75rem
  }

  .md\:-my-4{
    margin-top:-1rem;
    margin-bottom:-1rem
  }

  .md\:-mx-4{
    margin-left:-1rem;
    margin-right:-1rem
  }

  .md\:-my-5{
    margin-top:-1.25rem;
    margin-bottom:-1.25rem
  }

  .md\:-mx-5{
    margin-left:-1.25rem;
    margin-right:-1.25rem
  }

  .md\:-my-6{
    margin-top:-1.5rem;
    margin-bottom:-1.5rem
  }

  .md\:-mx-6{
    margin-left:-1.5rem;
    margin-right:-1.5rem
  }

  .md\:-my-8{
    margin-top:-2rem;
    margin-bottom:-2rem
  }

  .md\:-mx-8{
    margin-left:-2rem;
    margin-right:-2rem
  }

  .md\:-my-10{
    margin-top:-2.5rem;
    margin-bottom:-2.5rem
  }

  .md\:-mx-10{
    margin-left:-2.5rem;
    margin-right:-2.5rem
  }

  .md\:-my-12{
    margin-top:-3rem;
    margin-bottom:-3rem
  }

  .md\:-mx-12{
    margin-left:-3rem;
    margin-right:-3rem
  }

  .md\:-my-16{
    margin-top:-4rem;
    margin-bottom:-4rem
  }

  .md\:-mx-16{
    margin-left:-4rem;
    margin-right:-4rem
  }

  .md\:-my-20{
    margin-top:-5rem;
    margin-bottom:-5rem
  }

  .md\:-mx-20{
    margin-left:-5rem;
    margin-right:-5rem
  }

  .md\:-my-24{
    margin-top:-6rem;
    margin-bottom:-6rem
  }

  .md\:-mx-24{
    margin-left:-6rem;
    margin-right:-6rem
  }

  .md\:-my-32{
    margin-top:-8rem;
    margin-bottom:-8rem
  }

  .md\:-mx-32{
    margin-left:-8rem;
    margin-right:-8rem
  }

  .md\:mt-0{
    margin-top:0
  }

  .md\:mr-0{
    margin-right:0
  }

  .md\:mb-0{
    margin-bottom:0
  }

  .md\:ml-0{
    margin-left:0
  }

  .md\:mt-1{
    margin-top:0.25rem
  }

  .md\:mr-1{
    margin-right:0.25rem
  }

  .md\:mb-1{
    margin-bottom:0.25rem
  }

  .md\:ml-1{
    margin-left:0.25rem
  }

  .md\:mt-2{
    margin-top:0.5rem
  }

  .md\:mr-2{
    margin-right:0.5rem
  }

  .md\:mb-2{
    margin-bottom:0.5rem
  }

  .md\:ml-2{
    margin-left:0.5rem
  }

  .md\:mt-3{
    margin-top:0.75rem
  }

  .md\:mr-3{
    margin-right:0.75rem
  }

  .md\:mb-3{
    margin-bottom:0.75rem
  }

  .md\:ml-3{
    margin-left:0.75rem
  }

  .md\:mt-4{
    margin-top:1rem
  }

  .md\:mr-4{
    margin-right:1rem
  }

  .md\:mb-4{
    margin-bottom:1rem
  }

  .md\:ml-4{
    margin-left:1rem
  }

  .md\:mt-5{
    margin-top:1.25rem
  }

  .md\:mr-5{
    margin-right:1.25rem
  }

  .md\:mb-5{
    margin-bottom:1.25rem
  }

  .md\:ml-5{
    margin-left:1.25rem
  }

  .md\:mt-6{
    margin-top:1.5rem
  }

  .md\:mr-6{
    margin-right:1.5rem
  }

  .md\:mb-6{
    margin-bottom:1.5rem
  }

  .md\:ml-6{
    margin-left:1.5rem
  }

  .md\:mt-8{
    margin-top:2rem
  }

  .md\:mr-8{
    margin-right:2rem
  }

  .md\:mb-8{
    margin-bottom:2rem
  }

  .md\:ml-8{
    margin-left:2rem
  }

  .md\:mt-10{
    margin-top:2.5rem
  }

  .md\:mr-10{
    margin-right:2.5rem
  }

  .md\:mb-10{
    margin-bottom:2.5rem
  }

  .md\:ml-10{
    margin-left:2.5rem
  }

  .md\:mt-12{
    margin-top:3rem
  }

  .md\:mr-12{
    margin-right:3rem
  }

  .md\:mb-12{
    margin-bottom:3rem
  }

  .md\:ml-12{
    margin-left:3rem
  }

  .md\:mt-16{
    margin-top:4rem
  }

  .md\:mr-16{
    margin-right:4rem
  }

  .md\:mb-16{
    margin-bottom:4rem
  }

  .md\:ml-16{
    margin-left:4rem
  }

  .md\:mt-20{
    margin-top:5rem
  }

  .md\:mr-20{
    margin-right:5rem
  }

  .md\:mb-20{
    margin-bottom:5rem
  }

  .md\:ml-20{
    margin-left:5rem
  }

  .md\:mt-24{
    margin-top:6rem
  }

  .md\:mr-24{
    margin-right:6rem
  }

  .md\:mb-24{
    margin-bottom:6rem
  }

  .md\:ml-24{
    margin-left:6rem
  }

  .md\:mt-32{
    margin-top:8rem
  }

  .md\:mr-32{
    margin-right:8rem
  }

  .md\:mb-32{
    margin-bottom:8rem
  }

  .md\:ml-32{
    margin-left:8rem
  }

  .md\:mt-auto{
    margin-top:auto
  }

  .md\:mr-auto{
    margin-right:auto
  }

  .md\:mb-auto{
    margin-bottom:auto
  }

  .md\:ml-auto{
    margin-left:auto
  }

  .md\:mt-px{
    margin-top:1px
  }

  .md\:mr-px{
    margin-right:1px
  }

  .md\:mb-px{
    margin-bottom:1px
  }

  .md\:ml-px{
    margin-left:1px
  }

  .md\:-mt-px{
    margin-top:-1px
  }

  .md\:-mr-px{
    margin-right:-1px
  }

  .md\:-mb-px{
    margin-bottom:-1px
  }

  .md\:-ml-px{
    margin-left:-1px
  }

  .md\:-mt-0{
    margin-top:0
  }

  .md\:-mr-0{
    margin-right:0
  }

  .md\:-mb-0{
    margin-bottom:0
  }

  .md\:-ml-0{
    margin-left:0
  }

  .md\:-mt-1{
    margin-top:-0.25rem
  }

  .md\:-mr-1{
    margin-right:-0.25rem
  }

  .md\:-mb-1{
    margin-bottom:-0.25rem
  }

  .md\:-ml-1{
    margin-left:-0.25rem
  }

  .md\:-mt-2{
    margin-top:-0.5rem
  }

  .md\:-mr-2{
    margin-right:-0.5rem
  }

  .md\:-mb-2{
    margin-bottom:-0.5rem
  }

  .md\:-ml-2{
    margin-left:-0.5rem
  }

  .md\:-mt-3{
    margin-top:-0.75rem
  }

  .md\:-mr-3{
    margin-right:-0.75rem
  }

  .md\:-mb-3{
    margin-bottom:-0.75rem
  }

  .md\:-ml-3{
    margin-left:-0.75rem
  }

  .md\:-mt-4{
    margin-top:-1rem
  }

  .md\:-mr-4{
    margin-right:-1rem
  }

  .md\:-mb-4{
    margin-bottom:-1rem
  }

  .md\:-ml-4{
    margin-left:-1rem
  }

  .md\:-mt-5{
    margin-top:-1.25rem
  }

  .md\:-mr-5{
    margin-right:-1.25rem
  }

  .md\:-mb-5{
    margin-bottom:-1.25rem
  }

  .md\:-ml-5{
    margin-left:-1.25rem
  }

  .md\:-mt-6{
    margin-top:-1.5rem
  }

  .md\:-mr-6{
    margin-right:-1.5rem
  }

  .md\:-mb-6{
    margin-bottom:-1.5rem
  }

  .md\:-ml-6{
    margin-left:-1.5rem
  }

  .md\:-mt-8{
    margin-top:-2rem
  }

  .md\:-mr-8{
    margin-right:-2rem
  }

  .md\:-mb-8{
    margin-bottom:-2rem
  }

  .md\:-ml-8{
    margin-left:-2rem
  }

  .md\:-mt-10{
    margin-top:-2.5rem
  }

  .md\:-mr-10{
    margin-right:-2.5rem
  }

  .md\:-mb-10{
    margin-bottom:-2.5rem
  }

  .md\:-ml-10{
    margin-left:-2.5rem
  }

  .md\:-mt-12{
    margin-top:-3rem
  }

  .md\:-mr-12{
    margin-right:-3rem
  }

  .md\:-mb-12{
    margin-bottom:-3rem
  }

  .md\:-ml-12{
    margin-left:-3rem
  }

  .md\:-mt-16{
    margin-top:-4rem
  }

  .md\:-mr-16{
    margin-right:-4rem
  }

  .md\:-mb-16{
    margin-bottom:-4rem
  }

  .md\:-ml-16{
    margin-left:-4rem
  }

  .md\:-mt-20{
    margin-top:-5rem
  }

  .md\:-mr-20{
    margin-right:-5rem
  }

  .md\:-mb-20{
    margin-bottom:-5rem
  }

  .md\:-ml-20{
    margin-left:-5rem
  }

  .md\:-mt-24{
    margin-top:-6rem
  }

  .md\:-mr-24{
    margin-right:-6rem
  }

  .md\:-mb-24{
    margin-bottom:-6rem
  }

  .md\:-ml-24{
    margin-left:-6rem
  }

  .md\:-mt-32{
    margin-top:-8rem
  }

  .md\:-mr-32{
    margin-right:-8rem
  }

  .md\:-mb-32{
    margin-bottom:-8rem
  }

  .md\:-ml-32{
    margin-left:-8rem
  }

  .md\:object-contain{
    object-fit:contain
  }

  .md\:object-cover{
    object-fit:cover
  }

  .md\:object-fill{
    object-fit:fill
  }

  .md\:object-none{
    object-fit:none
  }

  .md\:object-scale-down{
    object-fit:scale-down
  }

  .md\:object-bottom{
    object-position:bottom
  }

  .md\:object-center{
    object-position:center
  }

  .md\:object-left{
    object-position:left
  }

  .md\:object-left-bottom{
    object-position:left bottom
  }

  .md\:object-left-top{
    object-position:left top
  }

  .md\:object-right{
    object-position:right
  }

  .md\:object-right-bottom{
    object-position:right bottom
  }

  .md\:object-right-top{
    object-position:right top
  }

  .md\:object-top{
    object-position:top
  }

  .md\:overscroll-auto{
    overscroll-behavior:auto
  }

  .md\:overscroll-contain{
    overscroll-behavior:contain
  }

  .md\:overscroll-none{
    overscroll-behavior:none
  }

  .md\:overscroll-y-auto{
    overscroll-behavior-y:auto
  }

  .md\:overscroll-y-contain{
    overscroll-behavior-y:contain
  }

  .md\:overscroll-y-none{
    overscroll-behavior-y:none
  }

  .md\:overscroll-x-auto{
    overscroll-behavior-x:auto
  }

  .md\:overscroll-x-contain{
    overscroll-behavior-x:contain
  }

  .md\:overscroll-x-none{
    overscroll-behavior-x:none
  }

  .md\:placeholder-transparent::placeholder{
    color:transparent
  }

  .md\:placeholder-black::placeholder{
    --placeholder-opacity:1;
    color:#22292f;
    color:rgba(34, 41, 47, var(--placeholder-opacity))
  }

  .md\:placeholder-real-black::placeholder{
    --placeholder-opacity:1;
    color:#000;
    color:rgba(0, 0, 0, var(--placeholder-opacity))
  }

  .md\:placeholder-gray-800::placeholder{
    --placeholder-opacity:1;
    color:#3d4852;
    color:rgba(61, 72, 82, var(--placeholder-opacity))
  }

  .md\:placeholder-gray-700::placeholder{
    --placeholder-opacity:1;
    color:#606f7b;
    color:rgba(96, 111, 123, var(--placeholder-opacity))
  }

  .md\:placeholder-gray-600::placeholder{
    --placeholder-opacity:1;
    color:#8795a1;
    color:rgba(135, 149, 161, var(--placeholder-opacity))
  }

  .md\:placeholder-gray::placeholder{
    --placeholder-opacity:1;
    color:#b8c2cc;
    color:rgba(184, 194, 204, var(--placeholder-opacity))
  }

  .md\:placeholder-gray-400::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .md\:placeholder-gray-200::placeholder{
    --placeholder-opacity:1;
    color:#f1f5f8;
    color:rgba(241, 245, 248, var(--placeholder-opacity))
  }

  .md\:placeholder-gray-100::placeholder{
    --placeholder-opacity:1;
    color:#f8fafc;
    color:rgba(248, 250, 252, var(--placeholder-opacity))
  }

  .md\:placeholder-white::placeholder{
    --placeholder-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--placeholder-opacity))
  }

  .md\:placeholder-off-white::placeholder{
    --placeholder-opacity:1;
    color:#f7fafc;
    color:rgba(247, 250, 252, var(--placeholder-opacity))
  }

  .md\:placeholder-grey-weldnote::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .md\:placeholder-red-900::placeholder{
    --placeholder-opacity:1;
    color:#3b0d0c;
    color:rgba(59, 13, 12, var(--placeholder-opacity))
  }

  .md\:placeholder-red-800::placeholder{
    --placeholder-opacity:1;
    color:#621b18;
    color:rgba(98, 27, 24, var(--placeholder-opacity))
  }

  .md\:placeholder-red-600::placeholder{
    --placeholder-opacity:1;
    color:#cc1f1a;
    color:rgba(204, 31, 26, var(--placeholder-opacity))
  }

  .md\:placeholder-red::placeholder{
    --placeholder-opacity:1;
    color:#e3342f;
    color:rgba(227, 52, 47, var(--placeholder-opacity))
  }

  .md\:placeholder-red-400::placeholder{
    --placeholder-opacity:1;
    color:#ef5753;
    color:rgba(239, 87, 83, var(--placeholder-opacity))
  }

  .md\:placeholder-red-200::placeholder{
    --placeholder-opacity:1;
    color:#f9acaa;
    color:rgba(249, 172, 170, var(--placeholder-opacity))
  }

  .md\:placeholder-red-100::placeholder{
    --placeholder-opacity:1;
    color:#fcebea;
    color:rgba(252, 235, 234, var(--placeholder-opacity))
  }

  .md\:placeholder-yellow-900::placeholder{
    --placeholder-opacity:1;
    color:#453411;
    color:rgba(69, 52, 17, var(--placeholder-opacity))
  }

  .md\:placeholder-yellow-800::placeholder{
    --placeholder-opacity:1;
    color:#a77f2e;
    color:rgba(167, 127, 46, var(--placeholder-opacity))
  }

  .md\:placeholder-yellow-600::placeholder{
    --placeholder-opacity:1;
    color:#f2d024;
    color:rgba(242, 208, 36, var(--placeholder-opacity))
  }

  .md\:placeholder-yellow::placeholder{
    --placeholder-opacity:1;
    color:#ffed4a;
    color:rgba(255, 237, 74, var(--placeholder-opacity))
  }

  .md\:placeholder-yellow-400::placeholder{
    --placeholder-opacity:1;
    color:#fff382;
    color:rgba(255, 243, 130, var(--placeholder-opacity))
  }

  .md\:placeholder-yellow-200::placeholder{
    --placeholder-opacity:1;
    color:#fff9c2;
    color:rgba(255, 249, 194, var(--placeholder-opacity))
  }

  .md\:placeholder-yellow-100::placeholder{
    --placeholder-opacity:1;
    color:#fcfbeb;
    color:rgba(252, 251, 235, var(--placeholder-opacity))
  }

  .md\:placeholder-green-900::placeholder{
    --placeholder-opacity:1;
    color:#0f2f21;
    color:rgba(15, 47, 33, var(--placeholder-opacity))
  }

  .md\:placeholder-green-800::placeholder{
    --placeholder-opacity:1;
    color:#1a4731;
    color:rgba(26, 71, 49, var(--placeholder-opacity))
  }

  .md\:placeholder-green-600::placeholder{
    --placeholder-opacity:1;
    color:#1f9d55;
    color:rgba(31, 157, 85, var(--placeholder-opacity))
  }

  .md\:placeholder-green::placeholder{
    --placeholder-opacity:1;
    color:#38c172;
    color:rgba(56, 193, 114, var(--placeholder-opacity))
  }

  .md\:placeholder-green-400::placeholder{
    --placeholder-opacity:1;
    color:#51d88a;
    color:rgba(81, 216, 138, var(--placeholder-opacity))
  }

  .md\:placeholder-green-200::placeholder{
    --placeholder-opacity:1;
    color:#a2f5bf;
    color:rgba(162, 245, 191, var(--placeholder-opacity))
  }

  .md\:placeholder-green-100::placeholder{
    --placeholder-opacity:1;
    color:#e3fcec;
    color:rgba(227, 252, 236, var(--placeholder-opacity))
  }

  .md\:placeholder-blue-modal::placeholder{
    --placeholder-opacity:1;
    color:#2e4050;
    color:rgba(46, 64, 80, var(--placeholder-opacity))
  }

  .md\:placeholder-blue-900::placeholder{
    --placeholder-opacity:1;
    color:#12283a;
    color:rgba(18, 40, 58, var(--placeholder-opacity))
  }

  .md\:placeholder-blue-800::placeholder{
    --placeholder-opacity:1;
    color:#1c3d5a;
    color:rgba(28, 61, 90, var(--placeholder-opacity))
  }

  .md\:placeholder-blue-600::placeholder{
    --placeholder-opacity:1;
    color:#2779bd;
    color:rgba(39, 121, 189, var(--placeholder-opacity))
  }

  .md\:placeholder-blue::placeholder{
    --placeholder-opacity:1;
    color:#3498db;
    color:rgba(52, 152, 219, var(--placeholder-opacity))
  }

  .md\:placeholder-blue-400::placeholder{
    --placeholder-opacity:1;
    color:#6cb2eb;
    color:rgba(108, 178, 235, var(--placeholder-opacity))
  }

  .md\:placeholder-blue-200::placeholder{
    --placeholder-opacity:1;
    color:#bcdefa;
    color:rgba(188, 222, 250, var(--placeholder-opacity))
  }

  .md\:placeholder-blue-100::placeholder{
    --placeholder-opacity:1;
    color:#eff8ff;
    color:rgba(239, 248, 255, var(--placeholder-opacity))
  }

  .md\:placeholder-purple-900::placeholder{
    --placeholder-opacity:1;
    color:#21183c;
    color:rgba(33, 24, 60, var(--placeholder-opacity))
  }

  .md\:placeholder-purple-800::placeholder{
    --placeholder-opacity:1;
    color:#382b5f;
    color:rgba(56, 43, 95, var(--placeholder-opacity))
  }

  .md\:placeholder-purple-600::placeholder{
    --placeholder-opacity:1;
    color:#794acf;
    color:rgba(121, 74, 207, var(--placeholder-opacity))
  }

  .md\:placeholder-purple::placeholder{
    --placeholder-opacity:1;
    color:#9561e2;
    color:rgba(149, 97, 226, var(--placeholder-opacity))
  }

  .md\:placeholder-purple-400::placeholder{
    --placeholder-opacity:1;
    color:#a779e9;
    color:rgba(167, 121, 233, var(--placeholder-opacity))
  }

  .md\:placeholder-purple-200::placeholder{
    --placeholder-opacity:1;
    color:#d6bbfc;
    color:rgba(214, 187, 252, var(--placeholder-opacity))
  }

  .md\:placeholder-purple-100::placeholder{
    --placeholder-opacity:1;
    color:#f3ebff;
    color:rgba(243, 235, 255, var(--placeholder-opacity))
  }

  .md\:placeholder-orange-900::placeholder{
    --placeholder-opacity:1;
    color:#462a16;
    color:rgba(70, 42, 22, var(--placeholder-opacity))
  }

  .md\:placeholder-orange-800::placeholder{
    --placeholder-opacity:1;
    color:#613b1f;
    color:rgba(97, 59, 31, var(--placeholder-opacity))
  }

  .md\:placeholder-orange-600::placeholder{
    --placeholder-opacity:1;
    color:#de751f;
    color:rgba(222, 117, 31, var(--placeholder-opacity))
  }

  .md\:placeholder-orange::placeholder{
    --placeholder-opacity:1;
    color:#f6993f;
    color:rgba(246, 153, 63, var(--placeholder-opacity))
  }

  .md\:placeholder-orange-400::placeholder{
    --placeholder-opacity:1;
    color:#faad63;
    color:rgba(250, 173, 99, var(--placeholder-opacity))
  }

  .md\:placeholder-orange-200::placeholder{
    --placeholder-opacity:1;
    color:#fcd9b6;
    color:rgba(252, 217, 182, var(--placeholder-opacity))
  }

  .md\:placeholder-orange-100::placeholder{
    --placeholder-opacity:1;
    color:#fff5eb;
    color:rgba(255, 245, 235, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-gray::placeholder{
    --placeholder-opacity:1;
    color:#cecfd0;
    color:rgba(206, 207, 208, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-orange::placeholder{
    --placeholder-opacity:1;
    color:#da7129;
    color:rgba(218, 113, 41, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-darkgrey::placeholder{
    --placeholder-opacity:1;
    color:#373338;
    color:rgba(55, 51, 56, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-background::placeholder{
    --placeholder-opacity:1;
    color:#f0f0f0;
    color:rgba(240, 240, 240, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-icon-blue::placeholder{
    --placeholder-opacity:1;
    color:#0B7DA8;
    color:rgba(11, 125, 168, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-sidebar-blue::placeholder{
    --placeholder-opacity:1;
    color:#c7d0d8;
    color:rgba(199, 208, 216, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-sidebar-blue-active::placeholder{
    --placeholder-opacity:1;
    color:#174167;
    color:rgba(23, 65, 103, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-sidebar-blue-arrow::placeholder{
    --placeholder-opacity:1;
    color:#164167;
    color:rgba(22, 65, 103, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-black::placeholder{
    --placeholder-opacity:1;
    color:#26292A;
    color:rgba(38, 41, 42, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-primary-blue::placeholder{
    --placeholder-opacity:1;
    color:#1A61A1;
    color:rgba(26, 97, 161, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-primary-blue-light::placeholder{
    --placeholder-opacity:1;
    color:#347fc3;
    color:rgba(52, 127, 195, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-secondary-blue::placeholder{
    --placeholder-opacity:1;
    color:#6ca1cd;
    color:rgba(108, 161, 205, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-card-blue::placeholder{
    --placeholder-opacity:1;
    color:#2961A1;
    color:rgba(41, 97, 161, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-card-secondary-blue::placeholder{
    --placeholder-opacity:1;
    color:#6491EB;
    color:rgba(100, 145, 235, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-red::placeholder{
    --placeholder-opacity:1;
    color:#E23900;
    color:rgba(226, 57, 0, var(--placeholder-opacity))
  }

  .md\:placeholder-esab-red-highlight::placeholder{
    --placeholder-opacity:1;
    color:#ed6031;
    color:rgba(237, 96, 49, var(--placeholder-opacity))
  }

  .md\:placeholder-assembly-color::placeholder{
    --placeholder-opacity:1;
    color:#c7074e;
    color:rgba(199, 7, 78, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-transparent:focus::placeholder{
    color:transparent
  }

  .md\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#22292f;
    color:rgba(34, 41, 47, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-real-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#000;
    color:rgba(0, 0, 0, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#3d4852;
    color:rgba(61, 72, 82, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity:1;
    color:#606f7b;
    color:rgba(96, 111, 123, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#8795a1;
    color:rgba(135, 149, 161, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-gray:focus::placeholder{
    --placeholder-opacity:1;
    color:#b8c2cc;
    color:rgba(184, 194, 204, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#f1f5f8;
    color:rgba(241, 245, 248, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#f8fafc;
    color:rgba(248, 250, 252, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-off-white:focus::placeholder{
    --placeholder-opacity:1;
    color:#f7fafc;
    color:rgba(247, 250, 252, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-grey-weldnote:focus::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-red-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#3b0d0c;
    color:rgba(59, 13, 12, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-red-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#621b18;
    color:rgba(98, 27, 24, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-red-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#cc1f1a;
    color:rgba(204, 31, 26, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity:1;
    color:#e3342f;
    color:rgba(227, 52, 47, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-red-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#ef5753;
    color:rgba(239, 87, 83, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-red-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#f9acaa;
    color:rgba(249, 172, 170, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-red-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcebea;
    color:rgba(252, 235, 234, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#453411;
    color:rgba(69, 52, 17, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#a77f2e;
    color:rgba(167, 127, 46, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#f2d024;
    color:rgba(242, 208, 36, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-yellow:focus::placeholder{
    --placeholder-opacity:1;
    color:#ffed4a;
    color:rgba(255, 237, 74, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff382;
    color:rgba(255, 243, 130, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff9c2;
    color:rgba(255, 249, 194, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcfbeb;
    color:rgba(252, 251, 235, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#0f2f21;
    color:rgba(15, 47, 33, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#1a4731;
    color:rgba(26, 71, 49, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#1f9d55;
    color:rgba(31, 157, 85, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-green:focus::placeholder{
    --placeholder-opacity:1;
    color:#38c172;
    color:rgba(56, 193, 114, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#51d88a;
    color:rgba(81, 216, 138, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#a2f5bf;
    color:rgba(162, 245, 191, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#e3fcec;
    color:rgba(227, 252, 236, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-blue-modal:focus::placeholder{
    --placeholder-opacity:1;
    color:#2e4050;
    color:rgba(46, 64, 80, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#12283a;
    color:rgba(18, 40, 58, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#1c3d5a;
    color:rgba(28, 61, 90, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#2779bd;
    color:rgba(39, 121, 189, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#3498db;
    color:rgba(52, 152, 219, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#6cb2eb;
    color:rgba(108, 178, 235, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#bcdefa;
    color:rgba(188, 222, 250, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#eff8ff;
    color:rgba(239, 248, 255, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#21183c;
    color:rgba(33, 24, 60, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#382b5f;
    color:rgba(56, 43, 95, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#794acf;
    color:rgba(121, 74, 207, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-purple:focus::placeholder{
    --placeholder-opacity:1;
    color:#9561e2;
    color:rgba(149, 97, 226, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#a779e9;
    color:rgba(167, 121, 233, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#d6bbfc;
    color:rgba(214, 187, 252, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#f3ebff;
    color:rgba(243, 235, 255, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#462a16;
    color:rgba(70, 42, 22, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#613b1f;
    color:rgba(97, 59, 31, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#de751f;
    color:rgba(222, 117, 31, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-orange:focus::placeholder{
    --placeholder-opacity:1;
    color:#f6993f;
    color:rgba(246, 153, 63, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#faad63;
    color:rgba(250, 173, 99, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcd9b6;
    color:rgba(252, 217, 182, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff5eb;
    color:rgba(255, 245, 235, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-gray:focus::placeholder{
    --placeholder-opacity:1;
    color:#cecfd0;
    color:rgba(206, 207, 208, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-orange:focus::placeholder{
    --placeholder-opacity:1;
    color:#da7129;
    color:rgba(218, 113, 41, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-darkgrey:focus::placeholder{
    --placeholder-opacity:1;
    color:#373338;
    color:rgba(55, 51, 56, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-background:focus::placeholder{
    --placeholder-opacity:1;
    color:#f0f0f0;
    color:rgba(240, 240, 240, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-icon-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#0B7DA8;
    color:rgba(11, 125, 168, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-sidebar-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#c7d0d8;
    color:rgba(199, 208, 216, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-sidebar-blue-active:focus::placeholder{
    --placeholder-opacity:1;
    color:#174167;
    color:rgba(23, 65, 103, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-sidebar-blue-arrow:focus::placeholder{
    --placeholder-opacity:1;
    color:#164167;
    color:rgba(22, 65, 103, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#26292A;
    color:rgba(38, 41, 42, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-primary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#1A61A1;
    color:rgba(26, 97, 161, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-primary-blue-light:focus::placeholder{
    --placeholder-opacity:1;
    color:#347fc3;
    color:rgba(52, 127, 195, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-secondary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#6ca1cd;
    color:rgba(108, 161, 205, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-card-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#2961A1;
    color:rgba(41, 97, 161, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-card-secondary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#6491EB;
    color:rgba(100, 145, 235, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-red:focus::placeholder{
    --placeholder-opacity:1;
    color:#E23900;
    color:rgba(226, 57, 0, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-esab-red-highlight:focus::placeholder{
    --placeholder-opacity:1;
    color:#ed6031;
    color:rgba(237, 96, 49, var(--placeholder-opacity))
  }

  .md\:focus\:placeholder-assembly-color:focus::placeholder{
    --placeholder-opacity:1;
    color:#c7074e;
    color:rgba(199, 7, 78, var(--placeholder-opacity))
  }

  .md\:placeholder-opacity-0::placeholder{
    --placeholder-opacity:0
  }

  .md\:placeholder-opacity-10::placeholder{
    --placeholder-opacity:.1
  }

  .md\:placeholder-opacity-20::placeholder{
    --placeholder-opacity:.20
  }

  .md\:placeholder-opacity-25::placeholder{
    --placeholder-opacity:.25
  }

  .md\:placeholder-opacity-50::placeholder{
    --placeholder-opacity:.5
  }

  .md\:placeholder-opacity-75::placeholder{
    --placeholder-opacity:.75
  }

  .md\:placeholder-opacity-100::placeholder{
    --placeholder-opacity:1
  }

  .md\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity:0
  }

  .md\:focus\:placeholder-opacity-10:focus::placeholder{
    --placeholder-opacity:.1
  }

  .md\:focus\:placeholder-opacity-20:focus::placeholder{
    --placeholder-opacity:.20
  }

  .md\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity:.25
  }

  .md\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity:.5
  }

  .md\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity:.75
  }

  .md\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity:1
  }

  .md\:stroke-0{
    stroke-width:0
  }

  .md\:stroke-1{
    stroke-width:1
  }

  .md\:stroke-2{
    stroke-width:2
  }

  .md\:table-auto{
    table-layout:auto
  }

  .md\:table-fixed{
    table-layout:fixed
  }

  .md\:text-opacity-0{
    --text-opacity:0
  }

  .md\:text-opacity-10{
    --text-opacity:.1
  }

  .md\:text-opacity-20{
    --text-opacity:.20
  }

  .md\:text-opacity-25{
    --text-opacity:.25
  }

  .md\:text-opacity-50{
    --text-opacity:.5
  }

  .md\:text-opacity-75{
    --text-opacity:.75
  }

  .md\:text-opacity-100{
    --text-opacity:1
  }

  .md\:hover\:text-opacity-0:hover{
    --text-opacity:0
  }

  .md\:hover\:text-opacity-10:hover{
    --text-opacity:.1
  }

  .md\:hover\:text-opacity-20:hover{
    --text-opacity:.20
  }

  .md\:hover\:text-opacity-25:hover{
    --text-opacity:.25
  }

  .md\:hover\:text-opacity-50:hover{
    --text-opacity:.5
  }

  .md\:hover\:text-opacity-75:hover{
    --text-opacity:.75
  }

  .md\:hover\:text-opacity-100:hover{
    --text-opacity:1
  }

  .md\:focus\:text-opacity-0:focus{
    --text-opacity:0
  }

  .md\:focus\:text-opacity-10:focus{
    --text-opacity:.1
  }

  .md\:focus\:text-opacity-20:focus{
    --text-opacity:.20
  }

  .md\:focus\:text-opacity-25:focus{
    --text-opacity:.25
  }

  .md\:focus\:text-opacity-50:focus{
    --text-opacity:.5
  }

  .md\:focus\:text-opacity-75:focus{
    --text-opacity:.75
  }

  .md\:focus\:text-opacity-100:focus{
    --text-opacity:1
  }

  .md\:ordinal, .md\:slashed-zero, .md\:lining-nums, .md\:oldstyle-nums, .md\:proportional-nums, .md\:tabular-nums, .md\:diagonal-fractions, .md\:stacked-fractions{
    --font-variant-numeric-ordinal:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction:var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric:var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)
  }

  .md\:normal-nums{
    font-variant-numeric:normal
  }

  .md\:ordinal{
    --font-variant-numeric-ordinal:ordinal
  }

  .md\:slashed-zero{
    --font-variant-numeric-slashed-zero:slashed-zero
  }

  .md\:lining-nums{
    --font-variant-numeric-figure:lining-nums
  }

  .md\:oldstyle-nums{
    --font-variant-numeric-figure:oldstyle-nums
  }

  .md\:proportional-nums{
    --font-variant-numeric-spacing:proportional-nums
  }

  .md\:tabular-nums{
    --font-variant-numeric-spacing:tabular-nums
  }

  .md\:diagonal-fractions{
    --font-variant-numeric-fraction:diagonal-fractions
  }

  .md\:stacked-fractions{
    --font-variant-numeric-fraction:stacked-fractions
  }

  .md\:w-1{
    width:0.25rem
  }

  .md\:w-2{
    width:0.5rem
  }

  .md\:w-3{
    width:0.75rem
  }

  .md\:w-4{
    width:1rem
  }

  .md\:w-6{
    width:1.5rem
  }

  .md\:w-8{
    width:2rem
  }

  .md\:w-10{
    width:2.5rem
  }

  .md\:w-12{
    width:3rem
  }

  .md\:w-16{
    width:4rem
  }

  .md\:w-20{
    width:5rem
  }

  .md\:w-24{
    width:6rem
  }

  .md\:w-32{
    width:8rem
  }

  .md\:w-48{
    width:12rem
  }

  .md\:w-64{
    width:16rem
  }

  .md\:w-128{
    width:32rem
  }

  .md\:w-160{
    width:40rem
  }

  .md\:w-184{
    width:46rem
  }

  .md\:w-auto{
    width:auto
  }

  .md\:w-px{
    width:1px
  }

  .md\:w-1\/2{
    width:50%
  }

  .md\:w-1\/3{
    width:33.33333%
  }

  .md\:w-2\/3{
    width:66.66667%
  }

  .md\:w-1\/4{
    width:25%
  }

  .md\:w-3\/4{
    width:75%
  }

  .md\:w-1\/5{
    width:20%
  }

  .md\:w-2\/5{
    width:40%
  }

  .md\:w-3\/5{
    width:60%
  }

  .md\:w-4\/5{
    width:80%
  }

  .md\:w-1\/6{
    width:16.66667%
  }

  .md\:w-5\/6{
    width:83.33333%
  }

  .md\:w-full{
    width:100%
  }

  .md\:w-screen{
    width:100vw
  }

  .md\:gap-0{
    grid-gap:0;
    gap:0
  }

  .md\:gap-1{
    grid-gap:0.25rem;
    gap:0.25rem
  }

  .md\:gap-2{
    grid-gap:0.5rem;
    gap:0.5rem
  }

  .md\:gap-3{
    grid-gap:0.75rem;
    gap:0.75rem
  }

  .md\:gap-4{
    grid-gap:1rem;
    gap:1rem
  }

  .md\:gap-5{
    grid-gap:1.25rem;
    gap:1.25rem
  }

  .md\:gap-6{
    grid-gap:1.5rem;
    gap:1.5rem
  }

  .md\:gap-8{
    grid-gap:2rem;
    gap:2rem
  }

  .md\:gap-10{
    grid-gap:2.5rem;
    gap:2.5rem
  }

  .md\:gap-12{
    grid-gap:3rem;
    gap:3rem
  }

  .md\:gap-16{
    grid-gap:4rem;
    gap:4rem
  }

  .md\:gap-20{
    grid-gap:5rem;
    gap:5rem
  }

  .md\:gap-24{
    grid-gap:6rem;
    gap:6rem
  }

  .md\:gap-32{
    grid-gap:8rem;
    gap:8rem
  }

  .md\:gap-40{
    grid-gap:10rem;
    gap:10rem
  }

  .md\:gap-48{
    grid-gap:12rem;
    gap:12rem
  }

  .md\:gap-56{
    grid-gap:14rem;
    gap:14rem
  }

  .md\:gap-64{
    grid-gap:16rem;
    gap:16rem
  }

  .md\:gap-px{
    grid-gap:1px;
    gap:1px
  }

  .md\:col-gap-0{
    grid-column-gap:0;
    column-gap:0
  }

  .md\:col-gap-1{
    grid-column-gap:0.25rem;
    column-gap:0.25rem
  }

  .md\:col-gap-2{
    grid-column-gap:0.5rem;
    column-gap:0.5rem
  }

  .md\:col-gap-3{
    grid-column-gap:0.75rem;
    column-gap:0.75rem
  }

  .md\:col-gap-4{
    grid-column-gap:1rem;
    column-gap:1rem
  }

  .md\:col-gap-5{
    grid-column-gap:1.25rem;
    column-gap:1.25rem
  }

  .md\:col-gap-6{
    grid-column-gap:1.5rem;
    column-gap:1.5rem
  }

  .md\:col-gap-8{
    grid-column-gap:2rem;
    column-gap:2rem
  }

  .md\:col-gap-10{
    grid-column-gap:2.5rem;
    column-gap:2.5rem
  }

  .md\:col-gap-12{
    grid-column-gap:3rem;
    column-gap:3rem
  }

  .md\:col-gap-16{
    grid-column-gap:4rem;
    column-gap:4rem
  }

  .md\:col-gap-20{
    grid-column-gap:5rem;
    column-gap:5rem
  }

  .md\:col-gap-24{
    grid-column-gap:6rem;
    column-gap:6rem
  }

  .md\:col-gap-32{
    grid-column-gap:8rem;
    column-gap:8rem
  }

  .md\:col-gap-40{
    grid-column-gap:10rem;
    column-gap:10rem
  }

  .md\:col-gap-48{
    grid-column-gap:12rem;
    column-gap:12rem
  }

  .md\:col-gap-56{
    grid-column-gap:14rem;
    column-gap:14rem
  }

  .md\:col-gap-64{
    grid-column-gap:16rem;
    column-gap:16rem
  }

  .md\:col-gap-px{
    grid-column-gap:1px;
    column-gap:1px
  }

  .md\:gap-x-0{
    grid-column-gap:0;
    column-gap:0
  }

  .md\:gap-x-1{
    grid-column-gap:0.25rem;
    column-gap:0.25rem
  }

  .md\:gap-x-2{
    grid-column-gap:0.5rem;
    column-gap:0.5rem
  }

  .md\:gap-x-3{
    grid-column-gap:0.75rem;
    column-gap:0.75rem
  }

  .md\:gap-x-4{
    grid-column-gap:1rem;
    column-gap:1rem
  }

  .md\:gap-x-5{
    grid-column-gap:1.25rem;
    column-gap:1.25rem
  }

  .md\:gap-x-6{
    grid-column-gap:1.5rem;
    column-gap:1.5rem
  }

  .md\:gap-x-8{
    grid-column-gap:2rem;
    column-gap:2rem
  }

  .md\:gap-x-10{
    grid-column-gap:2.5rem;
    column-gap:2.5rem
  }

  .md\:gap-x-12{
    grid-column-gap:3rem;
    column-gap:3rem
  }

  .md\:gap-x-16{
    grid-column-gap:4rem;
    column-gap:4rem
  }

  .md\:gap-x-20{
    grid-column-gap:5rem;
    column-gap:5rem
  }

  .md\:gap-x-24{
    grid-column-gap:6rem;
    column-gap:6rem
  }

  .md\:gap-x-32{
    grid-column-gap:8rem;
    column-gap:8rem
  }

  .md\:gap-x-40{
    grid-column-gap:10rem;
    column-gap:10rem
  }

  .md\:gap-x-48{
    grid-column-gap:12rem;
    column-gap:12rem
  }

  .md\:gap-x-56{
    grid-column-gap:14rem;
    column-gap:14rem
  }

  .md\:gap-x-64{
    grid-column-gap:16rem;
    column-gap:16rem
  }

  .md\:gap-x-px{
    grid-column-gap:1px;
    column-gap:1px
  }

  .md\:row-gap-0{
    grid-row-gap:0;
    row-gap:0
  }

  .md\:row-gap-1{
    grid-row-gap:0.25rem;
    row-gap:0.25rem
  }

  .md\:row-gap-2{
    grid-row-gap:0.5rem;
    row-gap:0.5rem
  }

  .md\:row-gap-3{
    grid-row-gap:0.75rem;
    row-gap:0.75rem
  }

  .md\:row-gap-4{
    grid-row-gap:1rem;
    row-gap:1rem
  }

  .md\:row-gap-5{
    grid-row-gap:1.25rem;
    row-gap:1.25rem
  }

  .md\:row-gap-6{
    grid-row-gap:1.5rem;
    row-gap:1.5rem
  }

  .md\:row-gap-8{
    grid-row-gap:2rem;
    row-gap:2rem
  }

  .md\:row-gap-10{
    grid-row-gap:2.5rem;
    row-gap:2.5rem
  }

  .md\:row-gap-12{
    grid-row-gap:3rem;
    row-gap:3rem
  }

  .md\:row-gap-16{
    grid-row-gap:4rem;
    row-gap:4rem
  }

  .md\:row-gap-20{
    grid-row-gap:5rem;
    row-gap:5rem
  }

  .md\:row-gap-24{
    grid-row-gap:6rem;
    row-gap:6rem
  }

  .md\:row-gap-32{
    grid-row-gap:8rem;
    row-gap:8rem
  }

  .md\:row-gap-40{
    grid-row-gap:10rem;
    row-gap:10rem
  }

  .md\:row-gap-48{
    grid-row-gap:12rem;
    row-gap:12rem
  }

  .md\:row-gap-56{
    grid-row-gap:14rem;
    row-gap:14rem
  }

  .md\:row-gap-64{
    grid-row-gap:16rem;
    row-gap:16rem
  }

  .md\:row-gap-px{
    grid-row-gap:1px;
    row-gap:1px
  }

  .md\:gap-y-0{
    grid-row-gap:0;
    row-gap:0
  }

  .md\:gap-y-1{
    grid-row-gap:0.25rem;
    row-gap:0.25rem
  }

  .md\:gap-y-2{
    grid-row-gap:0.5rem;
    row-gap:0.5rem
  }

  .md\:gap-y-3{
    grid-row-gap:0.75rem;
    row-gap:0.75rem
  }

  .md\:gap-y-4{
    grid-row-gap:1rem;
    row-gap:1rem
  }

  .md\:gap-y-5{
    grid-row-gap:1.25rem;
    row-gap:1.25rem
  }

  .md\:gap-y-6{
    grid-row-gap:1.5rem;
    row-gap:1.5rem
  }

  .md\:gap-y-8{
    grid-row-gap:2rem;
    row-gap:2rem
  }

  .md\:gap-y-10{
    grid-row-gap:2.5rem;
    row-gap:2.5rem
  }

  .md\:gap-y-12{
    grid-row-gap:3rem;
    row-gap:3rem
  }

  .md\:gap-y-16{
    grid-row-gap:4rem;
    row-gap:4rem
  }

  .md\:gap-y-20{
    grid-row-gap:5rem;
    row-gap:5rem
  }

  .md\:gap-y-24{
    grid-row-gap:6rem;
    row-gap:6rem
  }

  .md\:gap-y-32{
    grid-row-gap:8rem;
    row-gap:8rem
  }

  .md\:gap-y-40{
    grid-row-gap:10rem;
    row-gap:10rem
  }

  .md\:gap-y-48{
    grid-row-gap:12rem;
    row-gap:12rem
  }

  .md\:gap-y-56{
    grid-row-gap:14rem;
    row-gap:14rem
  }

  .md\:gap-y-64{
    grid-row-gap:16rem;
    row-gap:16rem
  }

  .md\:gap-y-px{
    grid-row-gap:1px;
    row-gap:1px
  }

  .md\:grid-flow-row{
    grid-auto-flow:row
  }

  .md\:grid-flow-col{
    grid-auto-flow:column
  }

  .md\:grid-flow-row-dense{
    grid-auto-flow:row dense
  }

  .md\:grid-flow-col-dense{
    grid-auto-flow:column dense
  }

  .md\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .md\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .md\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .md\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr))
  }

  .md\:grid-cols-7{
    grid-template-columns:repeat(7, minmax(0, 1fr))
  }

  .md\:grid-cols-8{
    grid-template-columns:repeat(8, minmax(0, 1fr))
  }

  .md\:grid-cols-9{
    grid-template-columns:repeat(9, minmax(0, 1fr))
  }

  .md\:grid-cols-10{
    grid-template-columns:repeat(10, minmax(0, 1fr))
  }

  .md\:grid-cols-11{
    grid-template-columns:repeat(11, minmax(0, 1fr))
  }

  .md\:grid-cols-12{
    grid-template-columns:repeat(12, minmax(0, 1fr))
  }

  .md\:grid-cols-none{
    grid-template-columns:none
  }

  .md\:auto-cols-auto{
    grid-auto-columns:auto
  }

  .md\:auto-cols-min{
    grid-auto-columns:min-content
  }

  .md\:auto-cols-max{
    grid-auto-columns:max-content
  }

  .md\:auto-cols-fr{
    grid-auto-columns:minmax(0, 1fr)
  }

  .md\:col-auto{
    grid-column:auto
  }

  .md\:col-span-1{
    grid-column:span 1 / span 1
  }

  .md\:col-span-2{
    grid-column:span 2 / span 2
  }

  .md\:col-span-3{
    grid-column:span 3 / span 3
  }

  .md\:col-span-4{
    grid-column:span 4 / span 4
  }

  .md\:col-span-5{
    grid-column:span 5 / span 5
  }

  .md\:col-span-6{
    grid-column:span 6 / span 6
  }

  .md\:col-span-7{
    grid-column:span 7 / span 7
  }

  .md\:col-span-8{
    grid-column:span 8 / span 8
  }

  .md\:col-span-9{
    grid-column:span 9 / span 9
  }

  .md\:col-span-10{
    grid-column:span 10 / span 10
  }

  .md\:col-span-11{
    grid-column:span 11 / span 11
  }

  .md\:col-span-12{
    grid-column:span 12 / span 12
  }

  .md\:col-span-full{
    grid-column:1 / -1
  }

  .md\:col-start-1{
    grid-column-start:1
  }

  .md\:col-start-2{
    grid-column-start:2
  }

  .md\:col-start-3{
    grid-column-start:3
  }

  .md\:col-start-4{
    grid-column-start:4
  }

  .md\:col-start-5{
    grid-column-start:5
  }

  .md\:col-start-6{
    grid-column-start:6
  }

  .md\:col-start-7{
    grid-column-start:7
  }

  .md\:col-start-8{
    grid-column-start:8
  }

  .md\:col-start-9{
    grid-column-start:9
  }

  .md\:col-start-10{
    grid-column-start:10
  }

  .md\:col-start-11{
    grid-column-start:11
  }

  .md\:col-start-12{
    grid-column-start:12
  }

  .md\:col-start-13{
    grid-column-start:13
  }

  .md\:col-start-auto{
    grid-column-start:auto
  }

  .md\:col-end-1{
    grid-column-end:1
  }

  .md\:col-end-2{
    grid-column-end:2
  }

  .md\:col-end-3{
    grid-column-end:3
  }

  .md\:col-end-4{
    grid-column-end:4
  }

  .md\:col-end-5{
    grid-column-end:5
  }

  .md\:col-end-6{
    grid-column-end:6
  }

  .md\:col-end-7{
    grid-column-end:7
  }

  .md\:col-end-8{
    grid-column-end:8
  }

  .md\:col-end-9{
    grid-column-end:9
  }

  .md\:col-end-10{
    grid-column-end:10
  }

  .md\:col-end-11{
    grid-column-end:11
  }

  .md\:col-end-12{
    grid-column-end:12
  }

  .md\:col-end-13{
    grid-column-end:13
  }

  .md\:col-end-auto{
    grid-column-end:auto
  }

  .md\:grid-rows-1{
    grid-template-rows:repeat(1, minmax(0, 1fr))
  }

  .md\:grid-rows-2{
    grid-template-rows:repeat(2, minmax(0, 1fr))
  }

  .md\:grid-rows-3{
    grid-template-rows:repeat(3, minmax(0, 1fr))
  }

  .md\:grid-rows-4{
    grid-template-rows:repeat(4, minmax(0, 1fr))
  }

  .md\:grid-rows-5{
    grid-template-rows:repeat(5, minmax(0, 1fr))
  }

  .md\:grid-rows-6{
    grid-template-rows:repeat(6, minmax(0, 1fr))
  }

  .md\:grid-rows-none{
    grid-template-rows:none
  }

  .md\:auto-rows-auto{
    grid-auto-rows:auto
  }

  .md\:auto-rows-min{
    grid-auto-rows:min-content
  }

  .md\:auto-rows-max{
    grid-auto-rows:max-content
  }

  .md\:auto-rows-fr{
    grid-auto-rows:minmax(0, 1fr)
  }

  .md\:row-auto{
    grid-row:auto
  }

  .md\:row-span-1{
    grid-row:span 1 / span 1
  }

  .md\:row-span-2{
    grid-row:span 2 / span 2
  }

  .md\:row-span-3{
    grid-row:span 3 / span 3
  }

  .md\:row-span-4{
    grid-row:span 4 / span 4
  }

  .md\:row-span-5{
    grid-row:span 5 / span 5
  }

  .md\:row-span-6{
    grid-row:span 6 / span 6
  }

  .md\:row-span-full{
    grid-row:1 / -1
  }

  .md\:row-start-1{
    grid-row-start:1
  }

  .md\:row-start-2{
    grid-row-start:2
  }

  .md\:row-start-3{
    grid-row-start:3
  }

  .md\:row-start-4{
    grid-row-start:4
  }

  .md\:row-start-5{
    grid-row-start:5
  }

  .md\:row-start-6{
    grid-row-start:6
  }

  .md\:row-start-7{
    grid-row-start:7
  }

  .md\:row-start-auto{
    grid-row-start:auto
  }

  .md\:row-end-1{
    grid-row-end:1
  }

  .md\:row-end-2{
    grid-row-end:2
  }

  .md\:row-end-3{
    grid-row-end:3
  }

  .md\:row-end-4{
    grid-row-end:4
  }

  .md\:row-end-5{
    grid-row-end:5
  }

  .md\:row-end-6{
    grid-row-end:6
  }

  .md\:row-end-7{
    grid-row-end:7
  }

  .md\:row-end-auto{
    grid-row-end:auto
  }

  .md\:transform{
    --transform-translate-x:0;
    --transform-translate-y:0;
    --transform-rotate:0;
    --transform-skew-x:0;
    --transform-skew-y:0;
    --transform-scale-x:1;
    --transform-scale-y:1;
    transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
  }

  .md\:transform-none{
    transform:none
  }

  .md\:origin-center{
    transform-origin:center
  }

  .md\:origin-top{
    transform-origin:top
  }

  .md\:origin-top-right{
    transform-origin:top right
  }

  .md\:origin-right{
    transform-origin:right
  }

  .md\:origin-bottom-right{
    transform-origin:bottom right
  }

  .md\:origin-bottom{
    transform-origin:bottom
  }

  .md\:origin-bottom-left{
    transform-origin:bottom left
  }

  .md\:origin-left{
    transform-origin:left
  }

  .md\:origin-top-left{
    transform-origin:top left
  }

  .md\:scale-0{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .md\:scale-50{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .md\:scale-75{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .md\:scale-90{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .md\:scale-95{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .md\:scale-100{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .md\:scale-105{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .md\:scale-110{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .md\:scale-125{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .md\:scale-150{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .md\:scale-x-0{
    --transform-scale-x:0
  }

  .md\:scale-x-50{
    --transform-scale-x:.5
  }

  .md\:scale-x-75{
    --transform-scale-x:.75
  }

  .md\:scale-x-90{
    --transform-scale-x:.9
  }

  .md\:scale-x-95{
    --transform-scale-x:.95
  }

  .md\:scale-x-100{
    --transform-scale-x:1
  }

  .md\:scale-x-105{
    --transform-scale-x:1.05
  }

  .md\:scale-x-110{
    --transform-scale-x:1.1
  }

  .md\:scale-x-125{
    --transform-scale-x:1.25
  }

  .md\:scale-x-150{
    --transform-scale-x:1.5
  }

  .md\:scale-y-0{
    --transform-scale-y:0
  }

  .md\:scale-y-50{
    --transform-scale-y:.5
  }

  .md\:scale-y-75{
    --transform-scale-y:.75
  }

  .md\:scale-y-90{
    --transform-scale-y:.9
  }

  .md\:scale-y-95{
    --transform-scale-y:.95
  }

  .md\:scale-y-100{
    --transform-scale-y:1
  }

  .md\:scale-y-105{
    --transform-scale-y:1.05
  }

  .md\:scale-y-110{
    --transform-scale-y:1.1
  }

  .md\:scale-y-125{
    --transform-scale-y:1.25
  }

  .md\:scale-y-150{
    --transform-scale-y:1.5
  }

  .md\:hover\:scale-0:hover{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .md\:hover\:scale-50:hover{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .md\:hover\:scale-75:hover{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .md\:hover\:scale-90:hover{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .md\:hover\:scale-95:hover{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .md\:hover\:scale-100:hover{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .md\:hover\:scale-105:hover{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .md\:hover\:scale-110:hover{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .md\:hover\:scale-125:hover{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .md\:hover\:scale-150:hover{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .md\:hover\:scale-x-0:hover{
    --transform-scale-x:0
  }

  .md\:hover\:scale-x-50:hover{
    --transform-scale-x:.5
  }

  .md\:hover\:scale-x-75:hover{
    --transform-scale-x:.75
  }

  .md\:hover\:scale-x-90:hover{
    --transform-scale-x:.9
  }

  .md\:hover\:scale-x-95:hover{
    --transform-scale-x:.95
  }

  .md\:hover\:scale-x-100:hover{
    --transform-scale-x:1
  }

  .md\:hover\:scale-x-105:hover{
    --transform-scale-x:1.05
  }

  .md\:hover\:scale-x-110:hover{
    --transform-scale-x:1.1
  }

  .md\:hover\:scale-x-125:hover{
    --transform-scale-x:1.25
  }

  .md\:hover\:scale-x-150:hover{
    --transform-scale-x:1.5
  }

  .md\:hover\:scale-y-0:hover{
    --transform-scale-y:0
  }

  .md\:hover\:scale-y-50:hover{
    --transform-scale-y:.5
  }

  .md\:hover\:scale-y-75:hover{
    --transform-scale-y:.75
  }

  .md\:hover\:scale-y-90:hover{
    --transform-scale-y:.9
  }

  .md\:hover\:scale-y-95:hover{
    --transform-scale-y:.95
  }

  .md\:hover\:scale-y-100:hover{
    --transform-scale-y:1
  }

  .md\:hover\:scale-y-105:hover{
    --transform-scale-y:1.05
  }

  .md\:hover\:scale-y-110:hover{
    --transform-scale-y:1.1
  }

  .md\:hover\:scale-y-125:hover{
    --transform-scale-y:1.25
  }

  .md\:hover\:scale-y-150:hover{
    --transform-scale-y:1.5
  }

  .md\:focus\:scale-0:focus{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .md\:focus\:scale-50:focus{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .md\:focus\:scale-75:focus{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .md\:focus\:scale-90:focus{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .md\:focus\:scale-95:focus{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .md\:focus\:scale-100:focus{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .md\:focus\:scale-105:focus{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .md\:focus\:scale-110:focus{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .md\:focus\:scale-125:focus{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .md\:focus\:scale-150:focus{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .md\:focus\:scale-x-0:focus{
    --transform-scale-x:0
  }

  .md\:focus\:scale-x-50:focus{
    --transform-scale-x:.5
  }

  .md\:focus\:scale-x-75:focus{
    --transform-scale-x:.75
  }

  .md\:focus\:scale-x-90:focus{
    --transform-scale-x:.9
  }

  .md\:focus\:scale-x-95:focus{
    --transform-scale-x:.95
  }

  .md\:focus\:scale-x-100:focus{
    --transform-scale-x:1
  }

  .md\:focus\:scale-x-105:focus{
    --transform-scale-x:1.05
  }

  .md\:focus\:scale-x-110:focus{
    --transform-scale-x:1.1
  }

  .md\:focus\:scale-x-125:focus{
    --transform-scale-x:1.25
  }

  .md\:focus\:scale-x-150:focus{
    --transform-scale-x:1.5
  }

  .md\:focus\:scale-y-0:focus{
    --transform-scale-y:0
  }

  .md\:focus\:scale-y-50:focus{
    --transform-scale-y:.5
  }

  .md\:focus\:scale-y-75:focus{
    --transform-scale-y:.75
  }

  .md\:focus\:scale-y-90:focus{
    --transform-scale-y:.9
  }

  .md\:focus\:scale-y-95:focus{
    --transform-scale-y:.95
  }

  .md\:focus\:scale-y-100:focus{
    --transform-scale-y:1
  }

  .md\:focus\:scale-y-105:focus{
    --transform-scale-y:1.05
  }

  .md\:focus\:scale-y-110:focus{
    --transform-scale-y:1.1
  }

  .md\:focus\:scale-y-125:focus{
    --transform-scale-y:1.25
  }

  .md\:focus\:scale-y-150:focus{
    --transform-scale-y:1.5
  }

  .md\:rotate-0{
    --transform-rotate:0
  }

  .md\:rotate-1{
    --transform-rotate:1deg
  }

  .md\:rotate-2{
    --transform-rotate:2deg
  }

  .md\:rotate-3{
    --transform-rotate:3deg
  }

  .md\:rotate-6{
    --transform-rotate:6deg
  }

  .md\:rotate-12{
    --transform-rotate:12deg
  }

  .md\:rotate-45{
    --transform-rotate:45deg
  }

  .md\:rotate-90{
    --transform-rotate:90deg
  }

  .md\:rotate-180{
    --transform-rotate:180deg
  }

  .md\:-rotate-180{
    --transform-rotate:-180deg
  }

  .md\:-rotate-90{
    --transform-rotate:-90deg
  }

  .md\:-rotate-45{
    --transform-rotate:-45deg
  }

  .md\:-rotate-12{
    --transform-rotate:-12deg
  }

  .md\:-rotate-6{
    --transform-rotate:-6deg
  }

  .md\:-rotate-3{
    --transform-rotate:-3deg
  }

  .md\:-rotate-2{
    --transform-rotate:-2deg
  }

  .md\:-rotate-1{
    --transform-rotate:-1deg
  }

  .md\:hover\:rotate-0:hover{
    --transform-rotate:0
  }

  .md\:hover\:rotate-1:hover{
    --transform-rotate:1deg
  }

  .md\:hover\:rotate-2:hover{
    --transform-rotate:2deg
  }

  .md\:hover\:rotate-3:hover{
    --transform-rotate:3deg
  }

  .md\:hover\:rotate-6:hover{
    --transform-rotate:6deg
  }

  .md\:hover\:rotate-12:hover{
    --transform-rotate:12deg
  }

  .md\:hover\:rotate-45:hover{
    --transform-rotate:45deg
  }

  .md\:hover\:rotate-90:hover{
    --transform-rotate:90deg
  }

  .md\:hover\:rotate-180:hover{
    --transform-rotate:180deg
  }

  .md\:hover\:-rotate-180:hover{
    --transform-rotate:-180deg
  }

  .md\:hover\:-rotate-90:hover{
    --transform-rotate:-90deg
  }

  .md\:hover\:-rotate-45:hover{
    --transform-rotate:-45deg
  }

  .md\:hover\:-rotate-12:hover{
    --transform-rotate:-12deg
  }

  .md\:hover\:-rotate-6:hover{
    --transform-rotate:-6deg
  }

  .md\:hover\:-rotate-3:hover{
    --transform-rotate:-3deg
  }

  .md\:hover\:-rotate-2:hover{
    --transform-rotate:-2deg
  }

  .md\:hover\:-rotate-1:hover{
    --transform-rotate:-1deg
  }

  .md\:focus\:rotate-0:focus{
    --transform-rotate:0
  }

  .md\:focus\:rotate-1:focus{
    --transform-rotate:1deg
  }

  .md\:focus\:rotate-2:focus{
    --transform-rotate:2deg
  }

  .md\:focus\:rotate-3:focus{
    --transform-rotate:3deg
  }

  .md\:focus\:rotate-6:focus{
    --transform-rotate:6deg
  }

  .md\:focus\:rotate-12:focus{
    --transform-rotate:12deg
  }

  .md\:focus\:rotate-45:focus{
    --transform-rotate:45deg
  }

  .md\:focus\:rotate-90:focus{
    --transform-rotate:90deg
  }

  .md\:focus\:rotate-180:focus{
    --transform-rotate:180deg
  }

  .md\:focus\:-rotate-180:focus{
    --transform-rotate:-180deg
  }

  .md\:focus\:-rotate-90:focus{
    --transform-rotate:-90deg
  }

  .md\:focus\:-rotate-45:focus{
    --transform-rotate:-45deg
  }

  .md\:focus\:-rotate-12:focus{
    --transform-rotate:-12deg
  }

  .md\:focus\:-rotate-6:focus{
    --transform-rotate:-6deg
  }

  .md\:focus\:-rotate-3:focus{
    --transform-rotate:-3deg
  }

  .md\:focus\:-rotate-2:focus{
    --transform-rotate:-2deg
  }

  .md\:focus\:-rotate-1:focus{
    --transform-rotate:-1deg
  }

  .md\:translate-x-0{
    --transform-translate-x:0
  }

  .md\:translate-x-1{
    --transform-translate-x:0.25rem
  }

  .md\:translate-x-2{
    --transform-translate-x:0.5rem
  }

  .md\:translate-x-3{
    --transform-translate-x:0.75rem
  }

  .md\:translate-x-4{
    --transform-translate-x:1rem
  }

  .md\:translate-x-5{
    --transform-translate-x:1.25rem
  }

  .md\:translate-x-6{
    --transform-translate-x:1.5rem
  }

  .md\:translate-x-8{
    --transform-translate-x:2rem
  }

  .md\:translate-x-10{
    --transform-translate-x:2.5rem
  }

  .md\:translate-x-12{
    --transform-translate-x:3rem
  }

  .md\:translate-x-16{
    --transform-translate-x:4rem
  }

  .md\:translate-x-20{
    --transform-translate-x:5rem
  }

  .md\:translate-x-24{
    --transform-translate-x:6rem
  }

  .md\:translate-x-32{
    --transform-translate-x:8rem
  }

  .md\:translate-x-40{
    --transform-translate-x:10rem
  }

  .md\:translate-x-48{
    --transform-translate-x:12rem
  }

  .md\:translate-x-56{
    --transform-translate-x:14rem
  }

  .md\:translate-x-64{
    --transform-translate-x:16rem
  }

  .md\:translate-x-px{
    --transform-translate-x:1px
  }

  .md\:-translate-x-1{
    --transform-translate-x:-0.25rem
  }

  .md\:-translate-x-2{
    --transform-translate-x:-0.5rem
  }

  .md\:-translate-x-3{
    --transform-translate-x:-0.75rem
  }

  .md\:-translate-x-4{
    --transform-translate-x:-1rem
  }

  .md\:-translate-x-5{
    --transform-translate-x:-1.25rem
  }

  .md\:-translate-x-6{
    --transform-translate-x:-1.5rem
  }

  .md\:-translate-x-8{
    --transform-translate-x:-2rem
  }

  .md\:-translate-x-10{
    --transform-translate-x:-2.5rem
  }

  .md\:-translate-x-12{
    --transform-translate-x:-3rem
  }

  .md\:-translate-x-16{
    --transform-translate-x:-4rem
  }

  .md\:-translate-x-20{
    --transform-translate-x:-5rem
  }

  .md\:-translate-x-24{
    --transform-translate-x:-6rem
  }

  .md\:-translate-x-32{
    --transform-translate-x:-8rem
  }

  .md\:-translate-x-40{
    --transform-translate-x:-10rem
  }

  .md\:-translate-x-48{
    --transform-translate-x:-12rem
  }

  .md\:-translate-x-56{
    --transform-translate-x:-14rem
  }

  .md\:-translate-x-64{
    --transform-translate-x:-16rem
  }

  .md\:-translate-x-px{
    --transform-translate-x:-1px
  }

  .md\:-translate-x-full{
    --transform-translate-x:-100%
  }

  .md\:-translate-x-1\/2{
    --transform-translate-x:-50%
  }

  .md\:translate-x-1\/2{
    --transform-translate-x:50%
  }

  .md\:translate-x-full{
    --transform-translate-x:100%
  }

  .md\:translate-y-0{
    --transform-translate-y:0
  }

  .md\:translate-y-1{
    --transform-translate-y:0.25rem
  }

  .md\:translate-y-2{
    --transform-translate-y:0.5rem
  }

  .md\:translate-y-3{
    --transform-translate-y:0.75rem
  }

  .md\:translate-y-4{
    --transform-translate-y:1rem
  }

  .md\:translate-y-5{
    --transform-translate-y:1.25rem
  }

  .md\:translate-y-6{
    --transform-translate-y:1.5rem
  }

  .md\:translate-y-8{
    --transform-translate-y:2rem
  }

  .md\:translate-y-10{
    --transform-translate-y:2.5rem
  }

  .md\:translate-y-12{
    --transform-translate-y:3rem
  }

  .md\:translate-y-16{
    --transform-translate-y:4rem
  }

  .md\:translate-y-20{
    --transform-translate-y:5rem
  }

  .md\:translate-y-24{
    --transform-translate-y:6rem
  }

  .md\:translate-y-32{
    --transform-translate-y:8rem
  }

  .md\:translate-y-40{
    --transform-translate-y:10rem
  }

  .md\:translate-y-48{
    --transform-translate-y:12rem
  }

  .md\:translate-y-56{
    --transform-translate-y:14rem
  }

  .md\:translate-y-64{
    --transform-translate-y:16rem
  }

  .md\:translate-y-px{
    --transform-translate-y:1px
  }

  .md\:-translate-y-1{
    --transform-translate-y:-0.25rem
  }

  .md\:-translate-y-2{
    --transform-translate-y:-0.5rem
  }

  .md\:-translate-y-3{
    --transform-translate-y:-0.75rem
  }

  .md\:-translate-y-4{
    --transform-translate-y:-1rem
  }

  .md\:-translate-y-5{
    --transform-translate-y:-1.25rem
  }

  .md\:-translate-y-6{
    --transform-translate-y:-1.5rem
  }

  .md\:-translate-y-8{
    --transform-translate-y:-2rem
  }

  .md\:-translate-y-10{
    --transform-translate-y:-2.5rem
  }

  .md\:-translate-y-12{
    --transform-translate-y:-3rem
  }

  .md\:-translate-y-16{
    --transform-translate-y:-4rem
  }

  .md\:-translate-y-20{
    --transform-translate-y:-5rem
  }

  .md\:-translate-y-24{
    --transform-translate-y:-6rem
  }

  .md\:-translate-y-32{
    --transform-translate-y:-8rem
  }

  .md\:-translate-y-40{
    --transform-translate-y:-10rem
  }

  .md\:-translate-y-48{
    --transform-translate-y:-12rem
  }

  .md\:-translate-y-56{
    --transform-translate-y:-14rem
  }

  .md\:-translate-y-64{
    --transform-translate-y:-16rem
  }

  .md\:-translate-y-px{
    --transform-translate-y:-1px
  }

  .md\:-translate-y-full{
    --transform-translate-y:-100%
  }

  .md\:-translate-y-1\/2{
    --transform-translate-y:-50%
  }

  .md\:translate-y-1\/2{
    --transform-translate-y:50%
  }

  .md\:translate-y-full{
    --transform-translate-y:100%
  }

  .md\:hover\:translate-x-0:hover{
    --transform-translate-x:0
  }

  .md\:hover\:translate-x-1:hover{
    --transform-translate-x:0.25rem
  }

  .md\:hover\:translate-x-2:hover{
    --transform-translate-x:0.5rem
  }

  .md\:hover\:translate-x-3:hover{
    --transform-translate-x:0.75rem
  }

  .md\:hover\:translate-x-4:hover{
    --transform-translate-x:1rem
  }

  .md\:hover\:translate-x-5:hover{
    --transform-translate-x:1.25rem
  }

  .md\:hover\:translate-x-6:hover{
    --transform-translate-x:1.5rem
  }

  .md\:hover\:translate-x-8:hover{
    --transform-translate-x:2rem
  }

  .md\:hover\:translate-x-10:hover{
    --transform-translate-x:2.5rem
  }

  .md\:hover\:translate-x-12:hover{
    --transform-translate-x:3rem
  }

  .md\:hover\:translate-x-16:hover{
    --transform-translate-x:4rem
  }

  .md\:hover\:translate-x-20:hover{
    --transform-translate-x:5rem
  }

  .md\:hover\:translate-x-24:hover{
    --transform-translate-x:6rem
  }

  .md\:hover\:translate-x-32:hover{
    --transform-translate-x:8rem
  }

  .md\:hover\:translate-x-40:hover{
    --transform-translate-x:10rem
  }

  .md\:hover\:translate-x-48:hover{
    --transform-translate-x:12rem
  }

  .md\:hover\:translate-x-56:hover{
    --transform-translate-x:14rem
  }

  .md\:hover\:translate-x-64:hover{
    --transform-translate-x:16rem
  }

  .md\:hover\:translate-x-px:hover{
    --transform-translate-x:1px
  }

  .md\:hover\:-translate-x-1:hover{
    --transform-translate-x:-0.25rem
  }

  .md\:hover\:-translate-x-2:hover{
    --transform-translate-x:-0.5rem
  }

  .md\:hover\:-translate-x-3:hover{
    --transform-translate-x:-0.75rem
  }

  .md\:hover\:-translate-x-4:hover{
    --transform-translate-x:-1rem
  }

  .md\:hover\:-translate-x-5:hover{
    --transform-translate-x:-1.25rem
  }

  .md\:hover\:-translate-x-6:hover{
    --transform-translate-x:-1.5rem
  }

  .md\:hover\:-translate-x-8:hover{
    --transform-translate-x:-2rem
  }

  .md\:hover\:-translate-x-10:hover{
    --transform-translate-x:-2.5rem
  }

  .md\:hover\:-translate-x-12:hover{
    --transform-translate-x:-3rem
  }

  .md\:hover\:-translate-x-16:hover{
    --transform-translate-x:-4rem
  }

  .md\:hover\:-translate-x-20:hover{
    --transform-translate-x:-5rem
  }

  .md\:hover\:-translate-x-24:hover{
    --transform-translate-x:-6rem
  }

  .md\:hover\:-translate-x-32:hover{
    --transform-translate-x:-8rem
  }

  .md\:hover\:-translate-x-40:hover{
    --transform-translate-x:-10rem
  }

  .md\:hover\:-translate-x-48:hover{
    --transform-translate-x:-12rem
  }

  .md\:hover\:-translate-x-56:hover{
    --transform-translate-x:-14rem
  }

  .md\:hover\:-translate-x-64:hover{
    --transform-translate-x:-16rem
  }

  .md\:hover\:-translate-x-px:hover{
    --transform-translate-x:-1px
  }

  .md\:hover\:-translate-x-full:hover{
    --transform-translate-x:-100%
  }

  .md\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x:-50%
  }

  .md\:hover\:translate-x-1\/2:hover{
    --transform-translate-x:50%
  }

  .md\:hover\:translate-x-full:hover{
    --transform-translate-x:100%
  }

  .md\:hover\:translate-y-0:hover{
    --transform-translate-y:0
  }

  .md\:hover\:translate-y-1:hover{
    --transform-translate-y:0.25rem
  }

  .md\:hover\:translate-y-2:hover{
    --transform-translate-y:0.5rem
  }

  .md\:hover\:translate-y-3:hover{
    --transform-translate-y:0.75rem
  }

  .md\:hover\:translate-y-4:hover{
    --transform-translate-y:1rem
  }

  .md\:hover\:translate-y-5:hover{
    --transform-translate-y:1.25rem
  }

  .md\:hover\:translate-y-6:hover{
    --transform-translate-y:1.5rem
  }

  .md\:hover\:translate-y-8:hover{
    --transform-translate-y:2rem
  }

  .md\:hover\:translate-y-10:hover{
    --transform-translate-y:2.5rem
  }

  .md\:hover\:translate-y-12:hover{
    --transform-translate-y:3rem
  }

  .md\:hover\:translate-y-16:hover{
    --transform-translate-y:4rem
  }

  .md\:hover\:translate-y-20:hover{
    --transform-translate-y:5rem
  }

  .md\:hover\:translate-y-24:hover{
    --transform-translate-y:6rem
  }

  .md\:hover\:translate-y-32:hover{
    --transform-translate-y:8rem
  }

  .md\:hover\:translate-y-40:hover{
    --transform-translate-y:10rem
  }

  .md\:hover\:translate-y-48:hover{
    --transform-translate-y:12rem
  }

  .md\:hover\:translate-y-56:hover{
    --transform-translate-y:14rem
  }

  .md\:hover\:translate-y-64:hover{
    --transform-translate-y:16rem
  }

  .md\:hover\:translate-y-px:hover{
    --transform-translate-y:1px
  }

  .md\:hover\:-translate-y-1:hover{
    --transform-translate-y:-0.25rem
  }

  .md\:hover\:-translate-y-2:hover{
    --transform-translate-y:-0.5rem
  }

  .md\:hover\:-translate-y-3:hover{
    --transform-translate-y:-0.75rem
  }

  .md\:hover\:-translate-y-4:hover{
    --transform-translate-y:-1rem
  }

  .md\:hover\:-translate-y-5:hover{
    --transform-translate-y:-1.25rem
  }

  .md\:hover\:-translate-y-6:hover{
    --transform-translate-y:-1.5rem
  }

  .md\:hover\:-translate-y-8:hover{
    --transform-translate-y:-2rem
  }

  .md\:hover\:-translate-y-10:hover{
    --transform-translate-y:-2.5rem
  }

  .md\:hover\:-translate-y-12:hover{
    --transform-translate-y:-3rem
  }

  .md\:hover\:-translate-y-16:hover{
    --transform-translate-y:-4rem
  }

  .md\:hover\:-translate-y-20:hover{
    --transform-translate-y:-5rem
  }

  .md\:hover\:-translate-y-24:hover{
    --transform-translate-y:-6rem
  }

  .md\:hover\:-translate-y-32:hover{
    --transform-translate-y:-8rem
  }

  .md\:hover\:-translate-y-40:hover{
    --transform-translate-y:-10rem
  }

  .md\:hover\:-translate-y-48:hover{
    --transform-translate-y:-12rem
  }

  .md\:hover\:-translate-y-56:hover{
    --transform-translate-y:-14rem
  }

  .md\:hover\:-translate-y-64:hover{
    --transform-translate-y:-16rem
  }

  .md\:hover\:-translate-y-px:hover{
    --transform-translate-y:-1px
  }

  .md\:hover\:-translate-y-full:hover{
    --transform-translate-y:-100%
  }

  .md\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y:-50%
  }

  .md\:hover\:translate-y-1\/2:hover{
    --transform-translate-y:50%
  }

  .md\:hover\:translate-y-full:hover{
    --transform-translate-y:100%
  }

  .md\:focus\:translate-x-0:focus{
    --transform-translate-x:0
  }

  .md\:focus\:translate-x-1:focus{
    --transform-translate-x:0.25rem
  }

  .md\:focus\:translate-x-2:focus{
    --transform-translate-x:0.5rem
  }

  .md\:focus\:translate-x-3:focus{
    --transform-translate-x:0.75rem
  }

  .md\:focus\:translate-x-4:focus{
    --transform-translate-x:1rem
  }

  .md\:focus\:translate-x-5:focus{
    --transform-translate-x:1.25rem
  }

  .md\:focus\:translate-x-6:focus{
    --transform-translate-x:1.5rem
  }

  .md\:focus\:translate-x-8:focus{
    --transform-translate-x:2rem
  }

  .md\:focus\:translate-x-10:focus{
    --transform-translate-x:2.5rem
  }

  .md\:focus\:translate-x-12:focus{
    --transform-translate-x:3rem
  }

  .md\:focus\:translate-x-16:focus{
    --transform-translate-x:4rem
  }

  .md\:focus\:translate-x-20:focus{
    --transform-translate-x:5rem
  }

  .md\:focus\:translate-x-24:focus{
    --transform-translate-x:6rem
  }

  .md\:focus\:translate-x-32:focus{
    --transform-translate-x:8rem
  }

  .md\:focus\:translate-x-40:focus{
    --transform-translate-x:10rem
  }

  .md\:focus\:translate-x-48:focus{
    --transform-translate-x:12rem
  }

  .md\:focus\:translate-x-56:focus{
    --transform-translate-x:14rem
  }

  .md\:focus\:translate-x-64:focus{
    --transform-translate-x:16rem
  }

  .md\:focus\:translate-x-px:focus{
    --transform-translate-x:1px
  }

  .md\:focus\:-translate-x-1:focus{
    --transform-translate-x:-0.25rem
  }

  .md\:focus\:-translate-x-2:focus{
    --transform-translate-x:-0.5rem
  }

  .md\:focus\:-translate-x-3:focus{
    --transform-translate-x:-0.75rem
  }

  .md\:focus\:-translate-x-4:focus{
    --transform-translate-x:-1rem
  }

  .md\:focus\:-translate-x-5:focus{
    --transform-translate-x:-1.25rem
  }

  .md\:focus\:-translate-x-6:focus{
    --transform-translate-x:-1.5rem
  }

  .md\:focus\:-translate-x-8:focus{
    --transform-translate-x:-2rem
  }

  .md\:focus\:-translate-x-10:focus{
    --transform-translate-x:-2.5rem
  }

  .md\:focus\:-translate-x-12:focus{
    --transform-translate-x:-3rem
  }

  .md\:focus\:-translate-x-16:focus{
    --transform-translate-x:-4rem
  }

  .md\:focus\:-translate-x-20:focus{
    --transform-translate-x:-5rem
  }

  .md\:focus\:-translate-x-24:focus{
    --transform-translate-x:-6rem
  }

  .md\:focus\:-translate-x-32:focus{
    --transform-translate-x:-8rem
  }

  .md\:focus\:-translate-x-40:focus{
    --transform-translate-x:-10rem
  }

  .md\:focus\:-translate-x-48:focus{
    --transform-translate-x:-12rem
  }

  .md\:focus\:-translate-x-56:focus{
    --transform-translate-x:-14rem
  }

  .md\:focus\:-translate-x-64:focus{
    --transform-translate-x:-16rem
  }

  .md\:focus\:-translate-x-px:focus{
    --transform-translate-x:-1px
  }

  .md\:focus\:-translate-x-full:focus{
    --transform-translate-x:-100%
  }

  .md\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x:-50%
  }

  .md\:focus\:translate-x-1\/2:focus{
    --transform-translate-x:50%
  }

  .md\:focus\:translate-x-full:focus{
    --transform-translate-x:100%
  }

  .md\:focus\:translate-y-0:focus{
    --transform-translate-y:0
  }

  .md\:focus\:translate-y-1:focus{
    --transform-translate-y:0.25rem
  }

  .md\:focus\:translate-y-2:focus{
    --transform-translate-y:0.5rem
  }

  .md\:focus\:translate-y-3:focus{
    --transform-translate-y:0.75rem
  }

  .md\:focus\:translate-y-4:focus{
    --transform-translate-y:1rem
  }

  .md\:focus\:translate-y-5:focus{
    --transform-translate-y:1.25rem
  }

  .md\:focus\:translate-y-6:focus{
    --transform-translate-y:1.5rem
  }

  .md\:focus\:translate-y-8:focus{
    --transform-translate-y:2rem
  }

  .md\:focus\:translate-y-10:focus{
    --transform-translate-y:2.5rem
  }

  .md\:focus\:translate-y-12:focus{
    --transform-translate-y:3rem
  }

  .md\:focus\:translate-y-16:focus{
    --transform-translate-y:4rem
  }

  .md\:focus\:translate-y-20:focus{
    --transform-translate-y:5rem
  }

  .md\:focus\:translate-y-24:focus{
    --transform-translate-y:6rem
  }

  .md\:focus\:translate-y-32:focus{
    --transform-translate-y:8rem
  }

  .md\:focus\:translate-y-40:focus{
    --transform-translate-y:10rem
  }

  .md\:focus\:translate-y-48:focus{
    --transform-translate-y:12rem
  }

  .md\:focus\:translate-y-56:focus{
    --transform-translate-y:14rem
  }

  .md\:focus\:translate-y-64:focus{
    --transform-translate-y:16rem
  }

  .md\:focus\:translate-y-px:focus{
    --transform-translate-y:1px
  }

  .md\:focus\:-translate-y-1:focus{
    --transform-translate-y:-0.25rem
  }

  .md\:focus\:-translate-y-2:focus{
    --transform-translate-y:-0.5rem
  }

  .md\:focus\:-translate-y-3:focus{
    --transform-translate-y:-0.75rem
  }

  .md\:focus\:-translate-y-4:focus{
    --transform-translate-y:-1rem
  }

  .md\:focus\:-translate-y-5:focus{
    --transform-translate-y:-1.25rem
  }

  .md\:focus\:-translate-y-6:focus{
    --transform-translate-y:-1.5rem
  }

  .md\:focus\:-translate-y-8:focus{
    --transform-translate-y:-2rem
  }

  .md\:focus\:-translate-y-10:focus{
    --transform-translate-y:-2.5rem
  }

  .md\:focus\:-translate-y-12:focus{
    --transform-translate-y:-3rem
  }

  .md\:focus\:-translate-y-16:focus{
    --transform-translate-y:-4rem
  }

  .md\:focus\:-translate-y-20:focus{
    --transform-translate-y:-5rem
  }

  .md\:focus\:-translate-y-24:focus{
    --transform-translate-y:-6rem
  }

  .md\:focus\:-translate-y-32:focus{
    --transform-translate-y:-8rem
  }

  .md\:focus\:-translate-y-40:focus{
    --transform-translate-y:-10rem
  }

  .md\:focus\:-translate-y-48:focus{
    --transform-translate-y:-12rem
  }

  .md\:focus\:-translate-y-56:focus{
    --transform-translate-y:-14rem
  }

  .md\:focus\:-translate-y-64:focus{
    --transform-translate-y:-16rem
  }

  .md\:focus\:-translate-y-px:focus{
    --transform-translate-y:-1px
  }

  .md\:focus\:-translate-y-full:focus{
    --transform-translate-y:-100%
  }

  .md\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y:-50%
  }

  .md\:focus\:translate-y-1\/2:focus{
    --transform-translate-y:50%
  }

  .md\:focus\:translate-y-full:focus{
    --transform-translate-y:100%
  }

  .md\:skew-x-0{
    --transform-skew-x:0
  }

  .md\:skew-x-1{
    --transform-skew-x:1deg
  }

  .md\:skew-x-2{
    --transform-skew-x:2deg
  }

  .md\:skew-x-3{
    --transform-skew-x:3deg
  }

  .md\:skew-x-6{
    --transform-skew-x:6deg
  }

  .md\:skew-x-12{
    --transform-skew-x:12deg
  }

  .md\:-skew-x-12{
    --transform-skew-x:-12deg
  }

  .md\:-skew-x-6{
    --transform-skew-x:-6deg
  }

  .md\:-skew-x-3{
    --transform-skew-x:-3deg
  }

  .md\:-skew-x-2{
    --transform-skew-x:-2deg
  }

  .md\:-skew-x-1{
    --transform-skew-x:-1deg
  }

  .md\:skew-y-0{
    --transform-skew-y:0
  }

  .md\:skew-y-1{
    --transform-skew-y:1deg
  }

  .md\:skew-y-2{
    --transform-skew-y:2deg
  }

  .md\:skew-y-3{
    --transform-skew-y:3deg
  }

  .md\:skew-y-6{
    --transform-skew-y:6deg
  }

  .md\:skew-y-12{
    --transform-skew-y:12deg
  }

  .md\:-skew-y-12{
    --transform-skew-y:-12deg
  }

  .md\:-skew-y-6{
    --transform-skew-y:-6deg
  }

  .md\:-skew-y-3{
    --transform-skew-y:-3deg
  }

  .md\:-skew-y-2{
    --transform-skew-y:-2deg
  }

  .md\:-skew-y-1{
    --transform-skew-y:-1deg
  }

  .md\:hover\:skew-x-0:hover{
    --transform-skew-x:0
  }

  .md\:hover\:skew-x-1:hover{
    --transform-skew-x:1deg
  }

  .md\:hover\:skew-x-2:hover{
    --transform-skew-x:2deg
  }

  .md\:hover\:skew-x-3:hover{
    --transform-skew-x:3deg
  }

  .md\:hover\:skew-x-6:hover{
    --transform-skew-x:6deg
  }

  .md\:hover\:skew-x-12:hover{
    --transform-skew-x:12deg
  }

  .md\:hover\:-skew-x-12:hover{
    --transform-skew-x:-12deg
  }

  .md\:hover\:-skew-x-6:hover{
    --transform-skew-x:-6deg
  }

  .md\:hover\:-skew-x-3:hover{
    --transform-skew-x:-3deg
  }

  .md\:hover\:-skew-x-2:hover{
    --transform-skew-x:-2deg
  }

  .md\:hover\:-skew-x-1:hover{
    --transform-skew-x:-1deg
  }

  .md\:hover\:skew-y-0:hover{
    --transform-skew-y:0
  }

  .md\:hover\:skew-y-1:hover{
    --transform-skew-y:1deg
  }

  .md\:hover\:skew-y-2:hover{
    --transform-skew-y:2deg
  }

  .md\:hover\:skew-y-3:hover{
    --transform-skew-y:3deg
  }

  .md\:hover\:skew-y-6:hover{
    --transform-skew-y:6deg
  }

  .md\:hover\:skew-y-12:hover{
    --transform-skew-y:12deg
  }

  .md\:hover\:-skew-y-12:hover{
    --transform-skew-y:-12deg
  }

  .md\:hover\:-skew-y-6:hover{
    --transform-skew-y:-6deg
  }

  .md\:hover\:-skew-y-3:hover{
    --transform-skew-y:-3deg
  }

  .md\:hover\:-skew-y-2:hover{
    --transform-skew-y:-2deg
  }

  .md\:hover\:-skew-y-1:hover{
    --transform-skew-y:-1deg
  }

  .md\:focus\:skew-x-0:focus{
    --transform-skew-x:0
  }

  .md\:focus\:skew-x-1:focus{
    --transform-skew-x:1deg
  }

  .md\:focus\:skew-x-2:focus{
    --transform-skew-x:2deg
  }

  .md\:focus\:skew-x-3:focus{
    --transform-skew-x:3deg
  }

  .md\:focus\:skew-x-6:focus{
    --transform-skew-x:6deg
  }

  .md\:focus\:skew-x-12:focus{
    --transform-skew-x:12deg
  }

  .md\:focus\:-skew-x-12:focus{
    --transform-skew-x:-12deg
  }

  .md\:focus\:-skew-x-6:focus{
    --transform-skew-x:-6deg
  }

  .md\:focus\:-skew-x-3:focus{
    --transform-skew-x:-3deg
  }

  .md\:focus\:-skew-x-2:focus{
    --transform-skew-x:-2deg
  }

  .md\:focus\:-skew-x-1:focus{
    --transform-skew-x:-1deg
  }

  .md\:focus\:skew-y-0:focus{
    --transform-skew-y:0
  }

  .md\:focus\:skew-y-1:focus{
    --transform-skew-y:1deg
  }

  .md\:focus\:skew-y-2:focus{
    --transform-skew-y:2deg
  }

  .md\:focus\:skew-y-3:focus{
    --transform-skew-y:3deg
  }

  .md\:focus\:skew-y-6:focus{
    --transform-skew-y:6deg
  }

  .md\:focus\:skew-y-12:focus{
    --transform-skew-y:12deg
  }

  .md\:focus\:-skew-y-12:focus{
    --transform-skew-y:-12deg
  }

  .md\:focus\:-skew-y-6:focus{
    --transform-skew-y:-6deg
  }

  .md\:focus\:-skew-y-3:focus{
    --transform-skew-y:-3deg
  }

  .md\:focus\:-skew-y-2:focus{
    --transform-skew-y:-2deg
  }

  .md\:focus\:-skew-y-1:focus{
    --transform-skew-y:-1deg
  }

  .md\:transition-none{
    transition-property:none
  }

  .md\:transition-all{
    transition-property:all
  }

  .md\:transition{
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
  }

  .md\:transition-colors{
    transition-property:background-color, border-color, color, fill, stroke
  }

  .md\:transition-opacity{
    transition-property:opacity
  }

  .md\:transition-shadow{
    transition-property:box-shadow
  }

  .md\:transition-transform{
    transition-property:transform
  }

  .md\:ease-linear{
    transition-timing-function:linear
  }

  .md\:ease-in{
    transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
  }

  .md\:ease-out{
    transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
  }

  .md\:ease-in-out{
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
  }

  .md\:duration-75{
    transition-duration:75ms
  }

  .md\:duration-100{
    transition-duration:100ms
  }

  .md\:duration-150{
    transition-duration:150ms
  }

  .md\:duration-200{
    transition-duration:200ms
  }

  .md\:duration-300{
    transition-duration:300ms
  }

  .md\:duration-500{
    transition-duration:500ms
  }

  .md\:duration-700{
    transition-duration:700ms
  }

  .md\:duration-1000{
    transition-duration:1000ms
  }

  .md\:delay-75{
    transition-delay:75ms
  }

  .md\:delay-100{
    transition-delay:100ms
  }

  .md\:delay-150{
    transition-delay:150ms
  }

  .md\:delay-200{
    transition-delay:200ms
  }

  .md\:delay-300{
    transition-delay:300ms
  }

  .md\:delay-500{
    transition-delay:500ms
  }

  .md\:delay-700{
    transition-delay:700ms
  }

  .md\:delay-1000{
    transition-delay:1000ms
  }

  .md\:animate-none{
    animation:none
  }

  .md\:animate-spin{
    animation:spin 1s linear infinite
  }

  .md\:animate-ping{
    animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
  }

  .md\:animate-pulse{
    animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
  }

  .md\:animate-bounce{
    animation:bounce 1s infinite
  }
}

@media (min-width: 992px){
  .lg\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0px * var(--space-y-reverse))
  }

  .lg\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0px * var(--space-x-reverse));
    margin-left:calc(0px * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.25rem * var(--space-y-reverse))
  }

  .lg\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.25rem * var(--space-x-reverse));
    margin-left:calc(0.25rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.5rem * var(--space-y-reverse))
  }

  .lg\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.5rem * var(--space-x-reverse));
    margin-left:calc(0.5rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.75rem * var(--space-y-reverse))
  }

  .lg\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.75rem * var(--space-x-reverse));
    margin-left:calc(0.75rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1rem * var(--space-y-reverse))
  }

  .lg\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1rem * var(--space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1.25rem * var(--space-y-reverse))
  }

  .lg\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1.25rem * var(--space-x-reverse));
    margin-left:calc(1.25rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1.5rem * var(--space-y-reverse))
  }

  .lg\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1.5rem * var(--space-x-reverse));
    margin-left:calc(1.5rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(2rem * var(--space-y-reverse))
  }

  .lg\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(2rem * var(--space-x-reverse));
    margin-left:calc(2rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(2.5rem * var(--space-y-reverse))
  }

  .lg\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(2.5rem * var(--space-x-reverse));
    margin-left:calc(2.5rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(3rem * var(--space-y-reverse))
  }

  .lg\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(3rem * var(--space-x-reverse));
    margin-left:calc(3rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(4rem * var(--space-y-reverse))
  }

  .lg\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(4rem * var(--space-x-reverse));
    margin-left:calc(4rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(5rem * var(--space-y-reverse))
  }

  .lg\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(5rem * var(--space-x-reverse));
    margin-left:calc(5rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(6rem * var(--space-y-reverse))
  }

  .lg\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(6rem * var(--space-x-reverse));
    margin-left:calc(6rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(8rem * var(--space-y-reverse))
  }

  .lg\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(8rem * var(--space-x-reverse));
    margin-left:calc(8rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(10rem * var(--space-y-reverse))
  }

  .lg\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(10rem * var(--space-x-reverse));
    margin-left:calc(10rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(12rem * var(--space-y-reverse))
  }

  .lg\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(12rem * var(--space-x-reverse));
    margin-left:calc(12rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(14rem * var(--space-y-reverse))
  }

  .lg\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(14rem * var(--space-x-reverse));
    margin-left:calc(14rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(16rem * var(--space-y-reverse))
  }

  .lg\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(16rem * var(--space-x-reverse));
    margin-left:calc(16rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1px * var(--space-y-reverse))
  }

  .lg\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1px * var(--space-x-reverse));
    margin-left:calc(1px * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.25rem * var(--space-y-reverse))
  }

  .lg\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.25rem * var(--space-x-reverse));
    margin-left:calc(-0.25rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.5rem * var(--space-y-reverse))
  }

  .lg\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.5rem * var(--space-x-reverse));
    margin-left:calc(-0.5rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.75rem * var(--space-y-reverse))
  }

  .lg\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.75rem * var(--space-x-reverse));
    margin-left:calc(-0.75rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1rem * var(--space-y-reverse))
  }

  .lg\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1rem * var(--space-x-reverse));
    margin-left:calc(-1rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1.25rem * var(--space-y-reverse))
  }

  .lg\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1.25rem * var(--space-x-reverse));
    margin-left:calc(-1.25rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1.5rem * var(--space-y-reverse))
  }

  .lg\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1.5rem * var(--space-x-reverse));
    margin-left:calc(-1.5rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-2rem * var(--space-y-reverse))
  }

  .lg\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-2rem * var(--space-x-reverse));
    margin-left:calc(-2rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-2.5rem * var(--space-y-reverse))
  }

  .lg\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-2.5rem * var(--space-x-reverse));
    margin-left:calc(-2.5rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-3rem * var(--space-y-reverse))
  }

  .lg\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-3rem * var(--space-x-reverse));
    margin-left:calc(-3rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-4rem * var(--space-y-reverse))
  }

  .lg\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-4rem * var(--space-x-reverse));
    margin-left:calc(-4rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-5rem * var(--space-y-reverse))
  }

  .lg\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-5rem * var(--space-x-reverse));
    margin-left:calc(-5rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-6rem * var(--space-y-reverse))
  }

  .lg\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-6rem * var(--space-x-reverse));
    margin-left:calc(-6rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-8rem * var(--space-y-reverse))
  }

  .lg\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-8rem * var(--space-x-reverse));
    margin-left:calc(-8rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-10rem * var(--space-y-reverse))
  }

  .lg\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-10rem * var(--space-x-reverse));
    margin-left:calc(-10rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-12rem * var(--space-y-reverse))
  }

  .lg\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-12rem * var(--space-x-reverse));
    margin-left:calc(-12rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-14rem * var(--space-y-reverse))
  }

  .lg\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-14rem * var(--space-x-reverse));
    margin-left:calc(-14rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-16rem * var(--space-y-reverse))
  }

  .lg\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-16rem * var(--space-x-reverse));
    margin-left:calc(-16rem * calc(1 - var(--space-x-reverse)))
  }

  .lg\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1px * var(--space-y-reverse))
  }

  .lg\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1px * var(--space-x-reverse));
    margin-left:calc(-1px * calc(1 - var(--space-x-reverse)))
  }

  .lg\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse:1
  }

  .lg\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse:1
  }

  .lg\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(0px * var(--divide-y-reverse))
  }

  .lg\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(0px * var(--divide-x-reverse));
    border-left-width:calc(0px * calc(1 - var(--divide-x-reverse)))
  }

  .lg\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(2px * var(--divide-y-reverse))
  }

  .lg\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(2px * var(--divide-x-reverse));
    border-left-width:calc(2px * calc(1 - var(--divide-x-reverse)))
  }

  .lg\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(4px * var(--divide-y-reverse))
  }

  .lg\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(4px * var(--divide-x-reverse));
    border-left-width:calc(4px * calc(1 - var(--divide-x-reverse)))
  }

  .lg\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(8px * var(--divide-y-reverse))
  }

  .lg\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(8px * var(--divide-x-reverse));
    border-left-width:calc(8px * calc(1 - var(--divide-x-reverse)))
  }

  .lg\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(1px * var(--divide-y-reverse))
  }

  .lg\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(1px * var(--divide-x-reverse));
    border-left-width:calc(1px * calc(1 - var(--divide-x-reverse)))
  }

  .lg\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse:1
  }

  .lg\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse:1
  }

  .lg\:divide-transparent > :not(template) ~ :not(template){
    border-color:transparent
  }

  .lg\:divide-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#22292f;
    border-color:rgba(34, 41, 47, var(--divide-opacity))
  }

  .lg\:divide-real-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#000;
    border-color:rgba(0, 0, 0, var(--divide-opacity))
  }

  .lg\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3d4852;
    border-color:rgba(61, 72, 82, var(--divide-opacity))
  }

  .lg\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#606f7b;
    border-color:rgba(96, 111, 123, var(--divide-opacity))
  }

  .lg\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#8795a1;
    border-color:rgba(135, 149, 161, var(--divide-opacity))
  }

  .lg\:divide-gray > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#b8c2cc;
    border-color:rgba(184, 194, 204, var(--divide-opacity))
  }

  .lg\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#dae1e7;
    border-color:rgba(218, 225, 231, var(--divide-opacity))
  }

  .lg\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f1f5f8;
    border-color:rgba(241, 245, 248, var(--divide-opacity))
  }

  .lg\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f8fafc;
    border-color:rgba(248, 250, 252, var(--divide-opacity))
  }

  .lg\:divide-white > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ffffff;
    border-color:rgba(255, 255, 255, var(--divide-opacity))
  }

  .lg\:divide-off-white > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f7fafc;
    border-color:rgba(247, 250, 252, var(--divide-opacity))
  }

  .lg\:divide-grey-weldnote > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#dae1e7;
    border-color:rgba(218, 225, 231, var(--divide-opacity))
  }

  .lg\:divide-red-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3b0d0c;
    border-color:rgba(59, 13, 12, var(--divide-opacity))
  }

  .lg\:divide-red-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#621b18;
    border-color:rgba(98, 27, 24, var(--divide-opacity))
  }

  .lg\:divide-red-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#cc1f1a;
    border-color:rgba(204, 31, 26, var(--divide-opacity))
  }

  .lg\:divide-red > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#e3342f;
    border-color:rgba(227, 52, 47, var(--divide-opacity))
  }

  .lg\:divide-red-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ef5753;
    border-color:rgba(239, 87, 83, var(--divide-opacity))
  }

  .lg\:divide-red-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f9acaa;
    border-color:rgba(249, 172, 170, var(--divide-opacity))
  }

  .lg\:divide-red-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcebea;
    border-color:rgba(252, 235, 234, var(--divide-opacity))
  }

  .lg\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#453411;
    border-color:rgba(69, 52, 17, var(--divide-opacity))
  }

  .lg\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a77f2e;
    border-color:rgba(167, 127, 46, var(--divide-opacity))
  }

  .lg\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f2d024;
    border-color:rgba(242, 208, 36, var(--divide-opacity))
  }

  .lg\:divide-yellow > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ffed4a;
    border-color:rgba(255, 237, 74, var(--divide-opacity))
  }

  .lg\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff382;
    border-color:rgba(255, 243, 130, var(--divide-opacity))
  }

  .lg\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff9c2;
    border-color:rgba(255, 249, 194, var(--divide-opacity))
  }

  .lg\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcfbeb;
    border-color:rgba(252, 251, 235, var(--divide-opacity))
  }

  .lg\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#0f2f21;
    border-color:rgba(15, 47, 33, var(--divide-opacity))
  }

  .lg\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1a4731;
    border-color:rgba(26, 71, 49, var(--divide-opacity))
  }

  .lg\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1f9d55;
    border-color:rgba(31, 157, 85, var(--divide-opacity))
  }

  .lg\:divide-green > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#38c172;
    border-color:rgba(56, 193, 114, var(--divide-opacity))
  }

  .lg\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#51d88a;
    border-color:rgba(81, 216, 138, var(--divide-opacity))
  }

  .lg\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a2f5bf;
    border-color:rgba(162, 245, 191, var(--divide-opacity))
  }

  .lg\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#e3fcec;
    border-color:rgba(227, 252, 236, var(--divide-opacity))
  }

  .lg\:divide-blue-modal > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2e4050;
    border-color:rgba(46, 64, 80, var(--divide-opacity))
  }

  .lg\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#12283a;
    border-color:rgba(18, 40, 58, var(--divide-opacity))
  }

  .lg\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1c3d5a;
    border-color:rgba(28, 61, 90, var(--divide-opacity))
  }

  .lg\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2779bd;
    border-color:rgba(39, 121, 189, var(--divide-opacity))
  }

  .lg\:divide-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3498db;
    border-color:rgba(52, 152, 219, var(--divide-opacity))
  }

  .lg\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6cb2eb;
    border-color:rgba(108, 178, 235, var(--divide-opacity))
  }

  .lg\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#bcdefa;
    border-color:rgba(188, 222, 250, var(--divide-opacity))
  }

  .lg\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#eff8ff;
    border-color:rgba(239, 248, 255, var(--divide-opacity))
  }

  .lg\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#21183c;
    border-color:rgba(33, 24, 60, var(--divide-opacity))
  }

  .lg\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#382b5f;
    border-color:rgba(56, 43, 95, var(--divide-opacity))
  }

  .lg\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#794acf;
    border-color:rgba(121, 74, 207, var(--divide-opacity))
  }

  .lg\:divide-purple > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#9561e2;
    border-color:rgba(149, 97, 226, var(--divide-opacity))
  }

  .lg\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a779e9;
    border-color:rgba(167, 121, 233, var(--divide-opacity))
  }

  .lg\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#d6bbfc;
    border-color:rgba(214, 187, 252, var(--divide-opacity))
  }

  .lg\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f3ebff;
    border-color:rgba(243, 235, 255, var(--divide-opacity))
  }

  .lg\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#462a16;
    border-color:rgba(70, 42, 22, var(--divide-opacity))
  }

  .lg\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#613b1f;
    border-color:rgba(97, 59, 31, var(--divide-opacity))
  }

  .lg\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#de751f;
    border-color:rgba(222, 117, 31, var(--divide-opacity))
  }

  .lg\:divide-orange > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f6993f;
    border-color:rgba(246, 153, 63, var(--divide-opacity))
  }

  .lg\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#faad63;
    border-color:rgba(250, 173, 99, var(--divide-opacity))
  }

  .lg\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcd9b6;
    border-color:rgba(252, 217, 182, var(--divide-opacity))
  }

  .lg\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff5eb;
    border-color:rgba(255, 245, 235, var(--divide-opacity))
  }

  .lg\:divide-esab-gray > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#cecfd0;
    border-color:rgba(206, 207, 208, var(--divide-opacity))
  }

  .lg\:divide-esab-orange > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#da7129;
    border-color:rgba(218, 113, 41, var(--divide-opacity))
  }

  .lg\:divide-esab-darkgrey > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#373338;
    border-color:rgba(55, 51, 56, var(--divide-opacity))
  }

  .lg\:divide-esab-background > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f0f0f0;
    border-color:rgba(240, 240, 240, var(--divide-opacity))
  }

  .lg\:divide-esab-icon-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#0B7DA8;
    border-color:rgba(11, 125, 168, var(--divide-opacity))
  }

  .lg\:divide-esab-sidebar-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#c7d0d8;
    border-color:rgba(199, 208, 216, var(--divide-opacity))
  }

  .lg\:divide-esab-sidebar-blue-active > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#174167;
    border-color:rgba(23, 65, 103, var(--divide-opacity))
  }

  .lg\:divide-esab-sidebar-blue-arrow > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#164167;
    border-color:rgba(22, 65, 103, var(--divide-opacity))
  }

  .lg\:divide-esab-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#26292A;
    border-color:rgba(38, 41, 42, var(--divide-opacity))
  }

  .lg\:divide-esab-primary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1A61A1;
    border-color:rgba(26, 97, 161, var(--divide-opacity))
  }

  .lg\:divide-esab-primary-blue-light > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#347fc3;
    border-color:rgba(52, 127, 195, var(--divide-opacity))
  }

  .lg\:divide-esab-secondary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6ca1cd;
    border-color:rgba(108, 161, 205, var(--divide-opacity))
  }

  .lg\:divide-esab-card-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2961A1;
    border-color:rgba(41, 97, 161, var(--divide-opacity))
  }

  .lg\:divide-esab-card-secondary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6491EB;
    border-color:rgba(100, 145, 235, var(--divide-opacity))
  }

  .lg\:divide-esab-red > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#E23900;
    border-color:rgba(226, 57, 0, var(--divide-opacity))
  }

  .lg\:divide-esab-red-highlight > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ed6031;
    border-color:rgba(237, 96, 49, var(--divide-opacity))
  }

  .lg\:divide-assembly-color > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#c7074e;
    border-color:rgba(199, 7, 78, var(--divide-opacity))
  }

  .lg\:divide-solid > :not(template) ~ :not(template){
    border-style:solid
  }

  .lg\:divide-dashed > :not(template) ~ :not(template){
    border-style:dashed
  }

  .lg\:divide-dotted > :not(template) ~ :not(template){
    border-style:dotted
  }

  .lg\:divide-double > :not(template) ~ :not(template){
    border-style:double
  }

  .lg\:divide-none > :not(template) ~ :not(template){
    border-style:none
  }

  .lg\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity:0
  }

  .lg\:divide-opacity-10 > :not(template) ~ :not(template){
    --divide-opacity:.1
  }

  .lg\:divide-opacity-20 > :not(template) ~ :not(template){
    --divide-opacity:.20
  }

  .lg\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity:.25
  }

  .lg\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity:.5
  }

  .lg\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity:.75
  }

  .lg\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity:1
  }

  .lg\:sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border-width:0
  }

  .lg\:not-sr-only{
    position:static;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:auto;
    white-space:normal
  }

  .lg\:focus\:sr-only:focus{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border-width:0
  }

  .lg\:focus\:not-sr-only:focus{
    position:static;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:auto;
    white-space:normal
  }

  .lg\:bg-clip-border{
    background-clip:border-box
  }

  .lg\:bg-clip-padding{
    background-clip:padding-box
  }

  .lg\:bg-clip-content{
    background-clip:content-box
  }

  .lg\:bg-clip-text{
    background-clip:text
  }

  .lg\:bg-none{
    background-image:none
  }

  .lg\:bg-gradient-to-t{
    background-image:linear-gradient(to top, var(--gradient-color-stops))
  }

  .lg\:bg-gradient-to-tr{
    background-image:linear-gradient(to top right, var(--gradient-color-stops))
  }

  .lg\:bg-gradient-to-r{
    background-image:linear-gradient(to right, var(--gradient-color-stops))
  }

  .lg\:bg-gradient-to-br{
    background-image:linear-gradient(to bottom right, var(--gradient-color-stops))
  }

  .lg\:bg-gradient-to-b{
    background-image:linear-gradient(to bottom, var(--gradient-color-stops))
  }

  .lg\:bg-gradient-to-bl{
    background-image:linear-gradient(to bottom left, var(--gradient-color-stops))
  }

  .lg\:bg-gradient-to-l{
    background-image:linear-gradient(to left, var(--gradient-color-stops))
  }

  .lg\:bg-gradient-to-tl{
    background-image:linear-gradient(to top left, var(--gradient-color-stops))
  }

  .lg\:from-transparent{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:from-black{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .lg\:from-real-black{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:from-gray-800{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .lg\:from-gray-700{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .lg\:from-gray-600{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .lg\:from-gray{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .lg\:from-gray-400{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:from-gray-200{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .lg\:from-gray-100{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .lg\:from-white{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .lg\:from-off-white{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .lg\:from-grey-weldnote{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:from-red-900{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .lg\:from-red-800{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .lg\:from-red-600{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .lg\:from-red{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .lg\:from-red-400{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .lg\:from-red-200{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .lg\:from-red-100{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .lg\:from-yellow-900{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .lg\:from-yellow-800{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .lg\:from-yellow-600{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .lg\:from-yellow{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .lg\:from-yellow-400{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .lg\:from-yellow-200{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .lg\:from-yellow-100{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .lg\:from-green-900{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .lg\:from-green-800{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .lg\:from-green-600{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .lg\:from-green{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .lg\:from-green-400{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .lg\:from-green-200{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .lg\:from-green-100{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .lg\:from-blue-modal{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .lg\:from-blue-900{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .lg\:from-blue-800{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .lg\:from-blue-600{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .lg\:from-blue{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .lg\:from-blue-400{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .lg\:from-blue-200{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .lg\:from-blue-100{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .lg\:from-purple-900{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .lg\:from-purple-800{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .lg\:from-purple-600{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .lg\:from-purple{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .lg\:from-purple-400{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .lg\:from-purple-200{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .lg\:from-purple-100{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .lg\:from-orange-900{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .lg\:from-orange-800{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .lg\:from-orange-600{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .lg\:from-orange{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .lg\:from-orange-400{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .lg\:from-orange-200{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .lg\:from-orange-100{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .lg\:from-esab-gray{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .lg\:from-esab-orange{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .lg\:from-esab-darkgrey{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .lg\:from-esab-background{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .lg\:from-esab-icon-blue{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .lg\:from-esab-sidebar-blue{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .lg\:from-esab-sidebar-blue-active{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .lg\:from-esab-sidebar-blue-arrow{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .lg\:from-esab-black{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .lg\:from-esab-primary-blue{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .lg\:from-esab-primary-blue-light{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .lg\:from-esab-secondary-blue{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .lg\:from-esab-card-blue{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .lg\:from-esab-card-secondary-blue{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .lg\:from-esab-red{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .lg\:from-esab-red-highlight{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .lg\:from-assembly-color{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .lg\:via-transparent{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:via-black{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .lg\:via-real-black{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:via-gray-800{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .lg\:via-gray-700{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .lg\:via-gray-600{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .lg\:via-gray{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .lg\:via-gray-400{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:via-gray-200{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .lg\:via-gray-100{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .lg\:via-white{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .lg\:via-off-white{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .lg\:via-grey-weldnote{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:via-red-900{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .lg\:via-red-800{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .lg\:via-red-600{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .lg\:via-red{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .lg\:via-red-400{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .lg\:via-red-200{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .lg\:via-red-100{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .lg\:via-yellow-900{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .lg\:via-yellow-800{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .lg\:via-yellow-600{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .lg\:via-yellow{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .lg\:via-yellow-400{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .lg\:via-yellow-200{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .lg\:via-yellow-100{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .lg\:via-green-900{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .lg\:via-green-800{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .lg\:via-green-600{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .lg\:via-green{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .lg\:via-green-400{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .lg\:via-green-200{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .lg\:via-green-100{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .lg\:via-blue-modal{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .lg\:via-blue-900{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .lg\:via-blue-800{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .lg\:via-blue-600{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .lg\:via-blue{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .lg\:via-blue-400{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .lg\:via-blue-200{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .lg\:via-blue-100{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .lg\:via-purple-900{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .lg\:via-purple-800{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .lg\:via-purple-600{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .lg\:via-purple{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .lg\:via-purple-400{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .lg\:via-purple-200{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .lg\:via-purple-100{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .lg\:via-orange-900{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .lg\:via-orange-800{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .lg\:via-orange-600{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .lg\:via-orange{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .lg\:via-orange-400{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .lg\:via-orange-200{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .lg\:via-orange-100{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .lg\:via-esab-gray{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .lg\:via-esab-orange{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .lg\:via-esab-darkgrey{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .lg\:via-esab-background{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .lg\:via-esab-icon-blue{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .lg\:via-esab-sidebar-blue{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .lg\:via-esab-sidebar-blue-active{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .lg\:via-esab-sidebar-blue-arrow{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .lg\:via-esab-black{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .lg\:via-esab-primary-blue{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .lg\:via-esab-primary-blue-light{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .lg\:via-esab-secondary-blue{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .lg\:via-esab-card-blue{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .lg\:via-esab-card-secondary-blue{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .lg\:via-esab-red{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .lg\:via-esab-red-highlight{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .lg\:via-assembly-color{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .lg\:to-transparent{
    --gradient-to-color:transparent
  }

  .lg\:to-black{
    --gradient-to-color:#22292f
  }

  .lg\:to-real-black{
    --gradient-to-color:#000
  }

  .lg\:to-gray-800{
    --gradient-to-color:#3d4852
  }

  .lg\:to-gray-700{
    --gradient-to-color:#606f7b
  }

  .lg\:to-gray-600{
    --gradient-to-color:#8795a1
  }

  .lg\:to-gray{
    --gradient-to-color:#b8c2cc
  }

  .lg\:to-gray-400{
    --gradient-to-color:#dae1e7
  }

  .lg\:to-gray-200{
    --gradient-to-color:#f1f5f8
  }

  .lg\:to-gray-100{
    --gradient-to-color:#f8fafc
  }

  .lg\:to-white{
    --gradient-to-color:#ffffff
  }

  .lg\:to-off-white{
    --gradient-to-color:#f7fafc
  }

  .lg\:to-grey-weldnote{
    --gradient-to-color:#dae1e7
  }

  .lg\:to-red-900{
    --gradient-to-color:#3b0d0c
  }

  .lg\:to-red-800{
    --gradient-to-color:#621b18
  }

  .lg\:to-red-600{
    --gradient-to-color:#cc1f1a
  }

  .lg\:to-red{
    --gradient-to-color:#e3342f
  }

  .lg\:to-red-400{
    --gradient-to-color:#ef5753
  }

  .lg\:to-red-200{
    --gradient-to-color:#f9acaa
  }

  .lg\:to-red-100{
    --gradient-to-color:#fcebea
  }

  .lg\:to-yellow-900{
    --gradient-to-color:#453411
  }

  .lg\:to-yellow-800{
    --gradient-to-color:#a77f2e
  }

  .lg\:to-yellow-600{
    --gradient-to-color:#f2d024
  }

  .lg\:to-yellow{
    --gradient-to-color:#ffed4a
  }

  .lg\:to-yellow-400{
    --gradient-to-color:#fff382
  }

  .lg\:to-yellow-200{
    --gradient-to-color:#fff9c2
  }

  .lg\:to-yellow-100{
    --gradient-to-color:#fcfbeb
  }

  .lg\:to-green-900{
    --gradient-to-color:#0f2f21
  }

  .lg\:to-green-800{
    --gradient-to-color:#1a4731
  }

  .lg\:to-green-600{
    --gradient-to-color:#1f9d55
  }

  .lg\:to-green{
    --gradient-to-color:#38c172
  }

  .lg\:to-green-400{
    --gradient-to-color:#51d88a
  }

  .lg\:to-green-200{
    --gradient-to-color:#a2f5bf
  }

  .lg\:to-green-100{
    --gradient-to-color:#e3fcec
  }

  .lg\:to-blue-modal{
    --gradient-to-color:#2e4050
  }

  .lg\:to-blue-900{
    --gradient-to-color:#12283a
  }

  .lg\:to-blue-800{
    --gradient-to-color:#1c3d5a
  }

  .lg\:to-blue-600{
    --gradient-to-color:#2779bd
  }

  .lg\:to-blue{
    --gradient-to-color:#3498db
  }

  .lg\:to-blue-400{
    --gradient-to-color:#6cb2eb
  }

  .lg\:to-blue-200{
    --gradient-to-color:#bcdefa
  }

  .lg\:to-blue-100{
    --gradient-to-color:#eff8ff
  }

  .lg\:to-purple-900{
    --gradient-to-color:#21183c
  }

  .lg\:to-purple-800{
    --gradient-to-color:#382b5f
  }

  .lg\:to-purple-600{
    --gradient-to-color:#794acf
  }

  .lg\:to-purple{
    --gradient-to-color:#9561e2
  }

  .lg\:to-purple-400{
    --gradient-to-color:#a779e9
  }

  .lg\:to-purple-200{
    --gradient-to-color:#d6bbfc
  }

  .lg\:to-purple-100{
    --gradient-to-color:#f3ebff
  }

  .lg\:to-orange-900{
    --gradient-to-color:#462a16
  }

  .lg\:to-orange-800{
    --gradient-to-color:#613b1f
  }

  .lg\:to-orange-600{
    --gradient-to-color:#de751f
  }

  .lg\:to-orange{
    --gradient-to-color:#f6993f
  }

  .lg\:to-orange-400{
    --gradient-to-color:#faad63
  }

  .lg\:to-orange-200{
    --gradient-to-color:#fcd9b6
  }

  .lg\:to-orange-100{
    --gradient-to-color:#fff5eb
  }

  .lg\:to-esab-gray{
    --gradient-to-color:#cecfd0
  }

  .lg\:to-esab-orange{
    --gradient-to-color:#da7129
  }

  .lg\:to-esab-darkgrey{
    --gradient-to-color:#373338
  }

  .lg\:to-esab-background{
    --gradient-to-color:#f0f0f0
  }

  .lg\:to-esab-icon-blue{
    --gradient-to-color:#0B7DA8
  }

  .lg\:to-esab-sidebar-blue{
    --gradient-to-color:#c7d0d8
  }

  .lg\:to-esab-sidebar-blue-active{
    --gradient-to-color:#174167
  }

  .lg\:to-esab-sidebar-blue-arrow{
    --gradient-to-color:#164167
  }

  .lg\:to-esab-black{
    --gradient-to-color:#26292A
  }

  .lg\:to-esab-primary-blue{
    --gradient-to-color:#1A61A1
  }

  .lg\:to-esab-primary-blue-light{
    --gradient-to-color:#347fc3
  }

  .lg\:to-esab-secondary-blue{
    --gradient-to-color:#6ca1cd
  }

  .lg\:to-esab-card-blue{
    --gradient-to-color:#2961A1
  }

  .lg\:to-esab-card-secondary-blue{
    --gradient-to-color:#6491EB
  }

  .lg\:to-esab-red{
    --gradient-to-color:#E23900
  }

  .lg\:to-esab-red-highlight{
    --gradient-to-color:#ed6031
  }

  .lg\:to-assembly-color{
    --gradient-to-color:#c7074e
  }

  .lg\:hover\:from-transparent:hover{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:hover\:from-black:hover{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .lg\:hover\:from-real-black:hover{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:hover\:from-gray-800:hover{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .lg\:hover\:from-gray-700:hover{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .lg\:hover\:from-gray-600:hover{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .lg\:hover\:from-gray:hover{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .lg\:hover\:from-gray-400:hover{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:hover\:from-gray-200:hover{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .lg\:hover\:from-gray-100:hover{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .lg\:hover\:from-white:hover{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .lg\:hover\:from-off-white:hover{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .lg\:hover\:from-grey-weldnote:hover{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:hover\:from-red-900:hover{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .lg\:hover\:from-red-800:hover{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .lg\:hover\:from-red-600:hover{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .lg\:hover\:from-red:hover{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .lg\:hover\:from-red-400:hover{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .lg\:hover\:from-red-200:hover{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .lg\:hover\:from-red-100:hover{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .lg\:hover\:from-yellow-900:hover{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .lg\:hover\:from-yellow-800:hover{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .lg\:hover\:from-yellow-600:hover{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .lg\:hover\:from-yellow:hover{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .lg\:hover\:from-yellow-400:hover{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .lg\:hover\:from-yellow-200:hover{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .lg\:hover\:from-yellow-100:hover{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .lg\:hover\:from-green-900:hover{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .lg\:hover\:from-green-800:hover{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .lg\:hover\:from-green-600:hover{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .lg\:hover\:from-green:hover{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .lg\:hover\:from-green-400:hover{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .lg\:hover\:from-green-200:hover{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .lg\:hover\:from-green-100:hover{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .lg\:hover\:from-blue-modal:hover{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .lg\:hover\:from-blue-900:hover{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .lg\:hover\:from-blue-800:hover{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .lg\:hover\:from-blue-600:hover{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .lg\:hover\:from-blue:hover{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .lg\:hover\:from-blue-400:hover{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .lg\:hover\:from-blue-200:hover{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .lg\:hover\:from-blue-100:hover{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .lg\:hover\:from-purple-900:hover{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .lg\:hover\:from-purple-800:hover{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .lg\:hover\:from-purple-600:hover{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .lg\:hover\:from-purple:hover{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .lg\:hover\:from-purple-400:hover{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .lg\:hover\:from-purple-200:hover{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .lg\:hover\:from-purple-100:hover{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .lg\:hover\:from-orange-900:hover{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .lg\:hover\:from-orange-800:hover{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .lg\:hover\:from-orange-600:hover{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .lg\:hover\:from-orange:hover{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .lg\:hover\:from-orange-400:hover{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .lg\:hover\:from-orange-200:hover{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .lg\:hover\:from-orange-100:hover{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .lg\:hover\:from-esab-gray:hover{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .lg\:hover\:from-esab-orange:hover{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .lg\:hover\:from-esab-darkgrey:hover{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .lg\:hover\:from-esab-background:hover{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .lg\:hover\:from-esab-icon-blue:hover{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .lg\:hover\:from-esab-sidebar-blue:hover{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .lg\:hover\:from-esab-sidebar-blue-active:hover{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .lg\:hover\:from-esab-sidebar-blue-arrow:hover{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .lg\:hover\:from-esab-black:hover{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .lg\:hover\:from-esab-primary-blue:hover{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .lg\:hover\:from-esab-primary-blue-light:hover{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .lg\:hover\:from-esab-secondary-blue:hover{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .lg\:hover\:from-esab-card-blue:hover{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .lg\:hover\:from-esab-card-secondary-blue:hover{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .lg\:hover\:from-esab-red:hover{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .lg\:hover\:from-esab-red-highlight:hover{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .lg\:hover\:from-assembly-color:hover{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .lg\:hover\:via-transparent:hover{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:hover\:via-black:hover{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .lg\:hover\:via-real-black:hover{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:hover\:via-gray-800:hover{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .lg\:hover\:via-gray-700:hover{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .lg\:hover\:via-gray-600:hover{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .lg\:hover\:via-gray:hover{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .lg\:hover\:via-gray-400:hover{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:hover\:via-gray-200:hover{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .lg\:hover\:via-gray-100:hover{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .lg\:hover\:via-white:hover{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .lg\:hover\:via-off-white:hover{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .lg\:hover\:via-grey-weldnote:hover{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:hover\:via-red-900:hover{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .lg\:hover\:via-red-800:hover{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .lg\:hover\:via-red-600:hover{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .lg\:hover\:via-red:hover{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .lg\:hover\:via-red-400:hover{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .lg\:hover\:via-red-200:hover{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .lg\:hover\:via-red-100:hover{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .lg\:hover\:via-yellow-900:hover{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .lg\:hover\:via-yellow-800:hover{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .lg\:hover\:via-yellow-600:hover{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .lg\:hover\:via-yellow:hover{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .lg\:hover\:via-yellow-400:hover{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .lg\:hover\:via-yellow-200:hover{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .lg\:hover\:via-yellow-100:hover{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .lg\:hover\:via-green-900:hover{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .lg\:hover\:via-green-800:hover{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .lg\:hover\:via-green-600:hover{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .lg\:hover\:via-green:hover{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .lg\:hover\:via-green-400:hover{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .lg\:hover\:via-green-200:hover{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .lg\:hover\:via-green-100:hover{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .lg\:hover\:via-blue-modal:hover{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .lg\:hover\:via-blue-900:hover{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .lg\:hover\:via-blue-800:hover{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .lg\:hover\:via-blue-600:hover{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .lg\:hover\:via-blue:hover{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .lg\:hover\:via-blue-400:hover{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .lg\:hover\:via-blue-200:hover{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .lg\:hover\:via-blue-100:hover{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .lg\:hover\:via-purple-900:hover{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .lg\:hover\:via-purple-800:hover{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .lg\:hover\:via-purple-600:hover{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .lg\:hover\:via-purple:hover{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .lg\:hover\:via-purple-400:hover{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .lg\:hover\:via-purple-200:hover{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .lg\:hover\:via-purple-100:hover{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .lg\:hover\:via-orange-900:hover{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .lg\:hover\:via-orange-800:hover{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .lg\:hover\:via-orange-600:hover{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .lg\:hover\:via-orange:hover{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .lg\:hover\:via-orange-400:hover{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .lg\:hover\:via-orange-200:hover{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .lg\:hover\:via-orange-100:hover{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .lg\:hover\:via-esab-gray:hover{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .lg\:hover\:via-esab-orange:hover{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .lg\:hover\:via-esab-darkgrey:hover{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .lg\:hover\:via-esab-background:hover{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .lg\:hover\:via-esab-icon-blue:hover{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .lg\:hover\:via-esab-sidebar-blue:hover{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .lg\:hover\:via-esab-sidebar-blue-active:hover{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .lg\:hover\:via-esab-sidebar-blue-arrow:hover{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .lg\:hover\:via-esab-black:hover{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .lg\:hover\:via-esab-primary-blue:hover{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .lg\:hover\:via-esab-primary-blue-light:hover{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .lg\:hover\:via-esab-secondary-blue:hover{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .lg\:hover\:via-esab-card-blue:hover{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .lg\:hover\:via-esab-card-secondary-blue:hover{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .lg\:hover\:via-esab-red:hover{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .lg\:hover\:via-esab-red-highlight:hover{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .lg\:hover\:via-assembly-color:hover{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .lg\:hover\:to-transparent:hover{
    --gradient-to-color:transparent
  }

  .lg\:hover\:to-black:hover{
    --gradient-to-color:#22292f
  }

  .lg\:hover\:to-real-black:hover{
    --gradient-to-color:#000
  }

  .lg\:hover\:to-gray-800:hover{
    --gradient-to-color:#3d4852
  }

  .lg\:hover\:to-gray-700:hover{
    --gradient-to-color:#606f7b
  }

  .lg\:hover\:to-gray-600:hover{
    --gradient-to-color:#8795a1
  }

  .lg\:hover\:to-gray:hover{
    --gradient-to-color:#b8c2cc
  }

  .lg\:hover\:to-gray-400:hover{
    --gradient-to-color:#dae1e7
  }

  .lg\:hover\:to-gray-200:hover{
    --gradient-to-color:#f1f5f8
  }

  .lg\:hover\:to-gray-100:hover{
    --gradient-to-color:#f8fafc
  }

  .lg\:hover\:to-white:hover{
    --gradient-to-color:#ffffff
  }

  .lg\:hover\:to-off-white:hover{
    --gradient-to-color:#f7fafc
  }

  .lg\:hover\:to-grey-weldnote:hover{
    --gradient-to-color:#dae1e7
  }

  .lg\:hover\:to-red-900:hover{
    --gradient-to-color:#3b0d0c
  }

  .lg\:hover\:to-red-800:hover{
    --gradient-to-color:#621b18
  }

  .lg\:hover\:to-red-600:hover{
    --gradient-to-color:#cc1f1a
  }

  .lg\:hover\:to-red:hover{
    --gradient-to-color:#e3342f
  }

  .lg\:hover\:to-red-400:hover{
    --gradient-to-color:#ef5753
  }

  .lg\:hover\:to-red-200:hover{
    --gradient-to-color:#f9acaa
  }

  .lg\:hover\:to-red-100:hover{
    --gradient-to-color:#fcebea
  }

  .lg\:hover\:to-yellow-900:hover{
    --gradient-to-color:#453411
  }

  .lg\:hover\:to-yellow-800:hover{
    --gradient-to-color:#a77f2e
  }

  .lg\:hover\:to-yellow-600:hover{
    --gradient-to-color:#f2d024
  }

  .lg\:hover\:to-yellow:hover{
    --gradient-to-color:#ffed4a
  }

  .lg\:hover\:to-yellow-400:hover{
    --gradient-to-color:#fff382
  }

  .lg\:hover\:to-yellow-200:hover{
    --gradient-to-color:#fff9c2
  }

  .lg\:hover\:to-yellow-100:hover{
    --gradient-to-color:#fcfbeb
  }

  .lg\:hover\:to-green-900:hover{
    --gradient-to-color:#0f2f21
  }

  .lg\:hover\:to-green-800:hover{
    --gradient-to-color:#1a4731
  }

  .lg\:hover\:to-green-600:hover{
    --gradient-to-color:#1f9d55
  }

  .lg\:hover\:to-green:hover{
    --gradient-to-color:#38c172
  }

  .lg\:hover\:to-green-400:hover{
    --gradient-to-color:#51d88a
  }

  .lg\:hover\:to-green-200:hover{
    --gradient-to-color:#a2f5bf
  }

  .lg\:hover\:to-green-100:hover{
    --gradient-to-color:#e3fcec
  }

  .lg\:hover\:to-blue-modal:hover{
    --gradient-to-color:#2e4050
  }

  .lg\:hover\:to-blue-900:hover{
    --gradient-to-color:#12283a
  }

  .lg\:hover\:to-blue-800:hover{
    --gradient-to-color:#1c3d5a
  }

  .lg\:hover\:to-blue-600:hover{
    --gradient-to-color:#2779bd
  }

  .lg\:hover\:to-blue:hover{
    --gradient-to-color:#3498db
  }

  .lg\:hover\:to-blue-400:hover{
    --gradient-to-color:#6cb2eb
  }

  .lg\:hover\:to-blue-200:hover{
    --gradient-to-color:#bcdefa
  }

  .lg\:hover\:to-blue-100:hover{
    --gradient-to-color:#eff8ff
  }

  .lg\:hover\:to-purple-900:hover{
    --gradient-to-color:#21183c
  }

  .lg\:hover\:to-purple-800:hover{
    --gradient-to-color:#382b5f
  }

  .lg\:hover\:to-purple-600:hover{
    --gradient-to-color:#794acf
  }

  .lg\:hover\:to-purple:hover{
    --gradient-to-color:#9561e2
  }

  .lg\:hover\:to-purple-400:hover{
    --gradient-to-color:#a779e9
  }

  .lg\:hover\:to-purple-200:hover{
    --gradient-to-color:#d6bbfc
  }

  .lg\:hover\:to-purple-100:hover{
    --gradient-to-color:#f3ebff
  }

  .lg\:hover\:to-orange-900:hover{
    --gradient-to-color:#462a16
  }

  .lg\:hover\:to-orange-800:hover{
    --gradient-to-color:#613b1f
  }

  .lg\:hover\:to-orange-600:hover{
    --gradient-to-color:#de751f
  }

  .lg\:hover\:to-orange:hover{
    --gradient-to-color:#f6993f
  }

  .lg\:hover\:to-orange-400:hover{
    --gradient-to-color:#faad63
  }

  .lg\:hover\:to-orange-200:hover{
    --gradient-to-color:#fcd9b6
  }

  .lg\:hover\:to-orange-100:hover{
    --gradient-to-color:#fff5eb
  }

  .lg\:hover\:to-esab-gray:hover{
    --gradient-to-color:#cecfd0
  }

  .lg\:hover\:to-esab-orange:hover{
    --gradient-to-color:#da7129
  }

  .lg\:hover\:to-esab-darkgrey:hover{
    --gradient-to-color:#373338
  }

  .lg\:hover\:to-esab-background:hover{
    --gradient-to-color:#f0f0f0
  }

  .lg\:hover\:to-esab-icon-blue:hover{
    --gradient-to-color:#0B7DA8
  }

  .lg\:hover\:to-esab-sidebar-blue:hover{
    --gradient-to-color:#c7d0d8
  }

  .lg\:hover\:to-esab-sidebar-blue-active:hover{
    --gradient-to-color:#174167
  }

  .lg\:hover\:to-esab-sidebar-blue-arrow:hover{
    --gradient-to-color:#164167
  }

  .lg\:hover\:to-esab-black:hover{
    --gradient-to-color:#26292A
  }

  .lg\:hover\:to-esab-primary-blue:hover{
    --gradient-to-color:#1A61A1
  }

  .lg\:hover\:to-esab-primary-blue-light:hover{
    --gradient-to-color:#347fc3
  }

  .lg\:hover\:to-esab-secondary-blue:hover{
    --gradient-to-color:#6ca1cd
  }

  .lg\:hover\:to-esab-card-blue:hover{
    --gradient-to-color:#2961A1
  }

  .lg\:hover\:to-esab-card-secondary-blue:hover{
    --gradient-to-color:#6491EB
  }

  .lg\:hover\:to-esab-red:hover{
    --gradient-to-color:#E23900
  }

  .lg\:hover\:to-esab-red-highlight:hover{
    --gradient-to-color:#ed6031
  }

  .lg\:hover\:to-assembly-color:hover{
    --gradient-to-color:#c7074e
  }

  .lg\:focus\:from-transparent:focus{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:focus\:from-black:focus{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .lg\:focus\:from-real-black:focus{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:focus\:from-gray-800:focus{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .lg\:focus\:from-gray-700:focus{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .lg\:focus\:from-gray-600:focus{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .lg\:focus\:from-gray:focus{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .lg\:focus\:from-gray-400:focus{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:focus\:from-gray-200:focus{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .lg\:focus\:from-gray-100:focus{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .lg\:focus\:from-white:focus{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .lg\:focus\:from-off-white:focus{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .lg\:focus\:from-grey-weldnote:focus{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:focus\:from-red-900:focus{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .lg\:focus\:from-red-800:focus{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .lg\:focus\:from-red-600:focus{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .lg\:focus\:from-red:focus{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .lg\:focus\:from-red-400:focus{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .lg\:focus\:from-red-200:focus{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .lg\:focus\:from-red-100:focus{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .lg\:focus\:from-yellow-900:focus{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .lg\:focus\:from-yellow-800:focus{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .lg\:focus\:from-yellow-600:focus{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .lg\:focus\:from-yellow:focus{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .lg\:focus\:from-yellow-400:focus{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .lg\:focus\:from-yellow-200:focus{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .lg\:focus\:from-yellow-100:focus{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .lg\:focus\:from-green-900:focus{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .lg\:focus\:from-green-800:focus{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .lg\:focus\:from-green-600:focus{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .lg\:focus\:from-green:focus{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .lg\:focus\:from-green-400:focus{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .lg\:focus\:from-green-200:focus{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .lg\:focus\:from-green-100:focus{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .lg\:focus\:from-blue-modal:focus{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .lg\:focus\:from-blue-900:focus{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .lg\:focus\:from-blue-800:focus{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .lg\:focus\:from-blue-600:focus{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .lg\:focus\:from-blue:focus{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .lg\:focus\:from-blue-400:focus{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .lg\:focus\:from-blue-200:focus{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .lg\:focus\:from-blue-100:focus{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .lg\:focus\:from-purple-900:focus{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .lg\:focus\:from-purple-800:focus{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .lg\:focus\:from-purple-600:focus{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .lg\:focus\:from-purple:focus{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .lg\:focus\:from-purple-400:focus{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .lg\:focus\:from-purple-200:focus{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .lg\:focus\:from-purple-100:focus{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .lg\:focus\:from-orange-900:focus{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .lg\:focus\:from-orange-800:focus{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .lg\:focus\:from-orange-600:focus{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .lg\:focus\:from-orange:focus{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .lg\:focus\:from-orange-400:focus{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .lg\:focus\:from-orange-200:focus{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .lg\:focus\:from-orange-100:focus{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .lg\:focus\:from-esab-gray:focus{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .lg\:focus\:from-esab-orange:focus{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .lg\:focus\:from-esab-darkgrey:focus{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .lg\:focus\:from-esab-background:focus{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .lg\:focus\:from-esab-icon-blue:focus{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .lg\:focus\:from-esab-sidebar-blue:focus{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .lg\:focus\:from-esab-sidebar-blue-active:focus{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .lg\:focus\:from-esab-sidebar-blue-arrow:focus{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .lg\:focus\:from-esab-black:focus{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .lg\:focus\:from-esab-primary-blue:focus{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .lg\:focus\:from-esab-primary-blue-light:focus{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .lg\:focus\:from-esab-secondary-blue:focus{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .lg\:focus\:from-esab-card-blue:focus{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .lg\:focus\:from-esab-card-secondary-blue:focus{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .lg\:focus\:from-esab-red:focus{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .lg\:focus\:from-esab-red-highlight:focus{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .lg\:focus\:from-assembly-color:focus{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .lg\:focus\:via-transparent:focus{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:focus\:via-black:focus{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .lg\:focus\:via-real-black:focus{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .lg\:focus\:via-gray-800:focus{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .lg\:focus\:via-gray-700:focus{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .lg\:focus\:via-gray-600:focus{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .lg\:focus\:via-gray:focus{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .lg\:focus\:via-gray-400:focus{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:focus\:via-gray-200:focus{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .lg\:focus\:via-gray-100:focus{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .lg\:focus\:via-white:focus{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .lg\:focus\:via-off-white:focus{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .lg\:focus\:via-grey-weldnote:focus{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .lg\:focus\:via-red-900:focus{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .lg\:focus\:via-red-800:focus{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .lg\:focus\:via-red-600:focus{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .lg\:focus\:via-red:focus{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .lg\:focus\:via-red-400:focus{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .lg\:focus\:via-red-200:focus{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .lg\:focus\:via-red-100:focus{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .lg\:focus\:via-yellow-900:focus{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .lg\:focus\:via-yellow-800:focus{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .lg\:focus\:via-yellow-600:focus{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .lg\:focus\:via-yellow:focus{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .lg\:focus\:via-yellow-400:focus{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .lg\:focus\:via-yellow-200:focus{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .lg\:focus\:via-yellow-100:focus{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .lg\:focus\:via-green-900:focus{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .lg\:focus\:via-green-800:focus{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .lg\:focus\:via-green-600:focus{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .lg\:focus\:via-green:focus{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .lg\:focus\:via-green-400:focus{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .lg\:focus\:via-green-200:focus{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .lg\:focus\:via-green-100:focus{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .lg\:focus\:via-blue-modal:focus{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .lg\:focus\:via-blue-900:focus{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .lg\:focus\:via-blue-800:focus{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .lg\:focus\:via-blue-600:focus{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .lg\:focus\:via-blue:focus{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .lg\:focus\:via-blue-400:focus{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .lg\:focus\:via-blue-200:focus{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .lg\:focus\:via-blue-100:focus{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .lg\:focus\:via-purple-900:focus{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .lg\:focus\:via-purple-800:focus{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .lg\:focus\:via-purple-600:focus{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .lg\:focus\:via-purple:focus{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .lg\:focus\:via-purple-400:focus{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .lg\:focus\:via-purple-200:focus{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .lg\:focus\:via-purple-100:focus{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .lg\:focus\:via-orange-900:focus{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .lg\:focus\:via-orange-800:focus{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .lg\:focus\:via-orange-600:focus{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .lg\:focus\:via-orange:focus{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .lg\:focus\:via-orange-400:focus{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .lg\:focus\:via-orange-200:focus{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .lg\:focus\:via-orange-100:focus{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .lg\:focus\:via-esab-gray:focus{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .lg\:focus\:via-esab-orange:focus{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .lg\:focus\:via-esab-darkgrey:focus{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .lg\:focus\:via-esab-background:focus{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .lg\:focus\:via-esab-icon-blue:focus{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .lg\:focus\:via-esab-sidebar-blue:focus{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .lg\:focus\:via-esab-sidebar-blue-active:focus{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .lg\:focus\:via-esab-sidebar-blue-arrow:focus{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .lg\:focus\:via-esab-black:focus{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .lg\:focus\:via-esab-primary-blue:focus{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .lg\:focus\:via-esab-primary-blue-light:focus{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .lg\:focus\:via-esab-secondary-blue:focus{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .lg\:focus\:via-esab-card-blue:focus{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .lg\:focus\:via-esab-card-secondary-blue:focus{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .lg\:focus\:via-esab-red:focus{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .lg\:focus\:via-esab-red-highlight:focus{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .lg\:focus\:via-assembly-color:focus{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .lg\:focus\:to-transparent:focus{
    --gradient-to-color:transparent
  }

  .lg\:focus\:to-black:focus{
    --gradient-to-color:#22292f
  }

  .lg\:focus\:to-real-black:focus{
    --gradient-to-color:#000
  }

  .lg\:focus\:to-gray-800:focus{
    --gradient-to-color:#3d4852
  }

  .lg\:focus\:to-gray-700:focus{
    --gradient-to-color:#606f7b
  }

  .lg\:focus\:to-gray-600:focus{
    --gradient-to-color:#8795a1
  }

  .lg\:focus\:to-gray:focus{
    --gradient-to-color:#b8c2cc
  }

  .lg\:focus\:to-gray-400:focus{
    --gradient-to-color:#dae1e7
  }

  .lg\:focus\:to-gray-200:focus{
    --gradient-to-color:#f1f5f8
  }

  .lg\:focus\:to-gray-100:focus{
    --gradient-to-color:#f8fafc
  }

  .lg\:focus\:to-white:focus{
    --gradient-to-color:#ffffff
  }

  .lg\:focus\:to-off-white:focus{
    --gradient-to-color:#f7fafc
  }

  .lg\:focus\:to-grey-weldnote:focus{
    --gradient-to-color:#dae1e7
  }

  .lg\:focus\:to-red-900:focus{
    --gradient-to-color:#3b0d0c
  }

  .lg\:focus\:to-red-800:focus{
    --gradient-to-color:#621b18
  }

  .lg\:focus\:to-red-600:focus{
    --gradient-to-color:#cc1f1a
  }

  .lg\:focus\:to-red:focus{
    --gradient-to-color:#e3342f
  }

  .lg\:focus\:to-red-400:focus{
    --gradient-to-color:#ef5753
  }

  .lg\:focus\:to-red-200:focus{
    --gradient-to-color:#f9acaa
  }

  .lg\:focus\:to-red-100:focus{
    --gradient-to-color:#fcebea
  }

  .lg\:focus\:to-yellow-900:focus{
    --gradient-to-color:#453411
  }

  .lg\:focus\:to-yellow-800:focus{
    --gradient-to-color:#a77f2e
  }

  .lg\:focus\:to-yellow-600:focus{
    --gradient-to-color:#f2d024
  }

  .lg\:focus\:to-yellow:focus{
    --gradient-to-color:#ffed4a
  }

  .lg\:focus\:to-yellow-400:focus{
    --gradient-to-color:#fff382
  }

  .lg\:focus\:to-yellow-200:focus{
    --gradient-to-color:#fff9c2
  }

  .lg\:focus\:to-yellow-100:focus{
    --gradient-to-color:#fcfbeb
  }

  .lg\:focus\:to-green-900:focus{
    --gradient-to-color:#0f2f21
  }

  .lg\:focus\:to-green-800:focus{
    --gradient-to-color:#1a4731
  }

  .lg\:focus\:to-green-600:focus{
    --gradient-to-color:#1f9d55
  }

  .lg\:focus\:to-green:focus{
    --gradient-to-color:#38c172
  }

  .lg\:focus\:to-green-400:focus{
    --gradient-to-color:#51d88a
  }

  .lg\:focus\:to-green-200:focus{
    --gradient-to-color:#a2f5bf
  }

  .lg\:focus\:to-green-100:focus{
    --gradient-to-color:#e3fcec
  }

  .lg\:focus\:to-blue-modal:focus{
    --gradient-to-color:#2e4050
  }

  .lg\:focus\:to-blue-900:focus{
    --gradient-to-color:#12283a
  }

  .lg\:focus\:to-blue-800:focus{
    --gradient-to-color:#1c3d5a
  }

  .lg\:focus\:to-blue-600:focus{
    --gradient-to-color:#2779bd
  }

  .lg\:focus\:to-blue:focus{
    --gradient-to-color:#3498db
  }

  .lg\:focus\:to-blue-400:focus{
    --gradient-to-color:#6cb2eb
  }

  .lg\:focus\:to-blue-200:focus{
    --gradient-to-color:#bcdefa
  }

  .lg\:focus\:to-blue-100:focus{
    --gradient-to-color:#eff8ff
  }

  .lg\:focus\:to-purple-900:focus{
    --gradient-to-color:#21183c
  }

  .lg\:focus\:to-purple-800:focus{
    --gradient-to-color:#382b5f
  }

  .lg\:focus\:to-purple-600:focus{
    --gradient-to-color:#794acf
  }

  .lg\:focus\:to-purple:focus{
    --gradient-to-color:#9561e2
  }

  .lg\:focus\:to-purple-400:focus{
    --gradient-to-color:#a779e9
  }

  .lg\:focus\:to-purple-200:focus{
    --gradient-to-color:#d6bbfc
  }

  .lg\:focus\:to-purple-100:focus{
    --gradient-to-color:#f3ebff
  }

  .lg\:focus\:to-orange-900:focus{
    --gradient-to-color:#462a16
  }

  .lg\:focus\:to-orange-800:focus{
    --gradient-to-color:#613b1f
  }

  .lg\:focus\:to-orange-600:focus{
    --gradient-to-color:#de751f
  }

  .lg\:focus\:to-orange:focus{
    --gradient-to-color:#f6993f
  }

  .lg\:focus\:to-orange-400:focus{
    --gradient-to-color:#faad63
  }

  .lg\:focus\:to-orange-200:focus{
    --gradient-to-color:#fcd9b6
  }

  .lg\:focus\:to-orange-100:focus{
    --gradient-to-color:#fff5eb
  }

  .lg\:focus\:to-esab-gray:focus{
    --gradient-to-color:#cecfd0
  }

  .lg\:focus\:to-esab-orange:focus{
    --gradient-to-color:#da7129
  }

  .lg\:focus\:to-esab-darkgrey:focus{
    --gradient-to-color:#373338
  }

  .lg\:focus\:to-esab-background:focus{
    --gradient-to-color:#f0f0f0
  }

  .lg\:focus\:to-esab-icon-blue:focus{
    --gradient-to-color:#0B7DA8
  }

  .lg\:focus\:to-esab-sidebar-blue:focus{
    --gradient-to-color:#c7d0d8
  }

  .lg\:focus\:to-esab-sidebar-blue-active:focus{
    --gradient-to-color:#174167
  }

  .lg\:focus\:to-esab-sidebar-blue-arrow:focus{
    --gradient-to-color:#164167
  }

  .lg\:focus\:to-esab-black:focus{
    --gradient-to-color:#26292A
  }

  .lg\:focus\:to-esab-primary-blue:focus{
    --gradient-to-color:#1A61A1
  }

  .lg\:focus\:to-esab-primary-blue-light:focus{
    --gradient-to-color:#347fc3
  }

  .lg\:focus\:to-esab-secondary-blue:focus{
    --gradient-to-color:#6ca1cd
  }

  .lg\:focus\:to-esab-card-blue:focus{
    --gradient-to-color:#2961A1
  }

  .lg\:focus\:to-esab-card-secondary-blue:focus{
    --gradient-to-color:#6491EB
  }

  .lg\:focus\:to-esab-red:focus{
    --gradient-to-color:#E23900
  }

  .lg\:focus\:to-esab-red-highlight:focus{
    --gradient-to-color:#ed6031
  }

  .lg\:focus\:to-assembly-color:focus{
    --gradient-to-color:#c7074e
  }

  .lg\:bg-opacity-0{
    --bg-opacity:0
  }

  .lg\:bg-opacity-10{
    --bg-opacity:.1
  }

  .lg\:bg-opacity-20{
    --bg-opacity:.20
  }

  .lg\:bg-opacity-25{
    --bg-opacity:.25
  }

  .lg\:bg-opacity-50{
    --bg-opacity:.5
  }

  .lg\:bg-opacity-75{
    --bg-opacity:.75
  }

  .lg\:bg-opacity-100{
    --bg-opacity:1
  }

  .lg\:hover\:bg-opacity-0:hover{
    --bg-opacity:0
  }

  .lg\:hover\:bg-opacity-10:hover{
    --bg-opacity:.1
  }

  .lg\:hover\:bg-opacity-20:hover{
    --bg-opacity:.20
  }

  .lg\:hover\:bg-opacity-25:hover{
    --bg-opacity:.25
  }

  .lg\:hover\:bg-opacity-50:hover{
    --bg-opacity:.5
  }

  .lg\:hover\:bg-opacity-75:hover{
    --bg-opacity:.75
  }

  .lg\:hover\:bg-opacity-100:hover{
    --bg-opacity:1
  }

  .lg\:focus\:bg-opacity-0:focus{
    --bg-opacity:0
  }

  .lg\:focus\:bg-opacity-10:focus{
    --bg-opacity:.1
  }

  .lg\:focus\:bg-opacity-20:focus{
    --bg-opacity:.20
  }

  .lg\:focus\:bg-opacity-25:focus{
    --bg-opacity:.25
  }

  .lg\:focus\:bg-opacity-50:focus{
    --bg-opacity:.5
  }

  .lg\:focus\:bg-opacity-75:focus{
    --bg-opacity:.75
  }

  .lg\:focus\:bg-opacity-100:focus{
    --bg-opacity:1
  }

  .lg\:border-opacity-0{
    --border-opacity:0
  }

  .lg\:border-opacity-10{
    --border-opacity:.1
  }

  .lg\:border-opacity-20{
    --border-opacity:.20
  }

  .lg\:border-opacity-25{
    --border-opacity:.25
  }

  .lg\:border-opacity-50{
    --border-opacity:.5
  }

  .lg\:border-opacity-75{
    --border-opacity:.75
  }

  .lg\:border-opacity-100{
    --border-opacity:1
  }

  .lg\:hover\:border-opacity-0:hover{
    --border-opacity:0
  }

  .lg\:hover\:border-opacity-10:hover{
    --border-opacity:.1
  }

  .lg\:hover\:border-opacity-20:hover{
    --border-opacity:.20
  }

  .lg\:hover\:border-opacity-25:hover{
    --border-opacity:.25
  }

  .lg\:hover\:border-opacity-50:hover{
    --border-opacity:.5
  }

  .lg\:hover\:border-opacity-75:hover{
    --border-opacity:.75
  }

  .lg\:hover\:border-opacity-100:hover{
    --border-opacity:1
  }

  .lg\:focus\:border-opacity-0:focus{
    --border-opacity:0
  }

  .lg\:focus\:border-opacity-10:focus{
    --border-opacity:.1
  }

  .lg\:focus\:border-opacity-20:focus{
    --border-opacity:.20
  }

  .lg\:focus\:border-opacity-25:focus{
    --border-opacity:.25
  }

  .lg\:focus\:border-opacity-50:focus{
    --border-opacity:.5
  }

  .lg\:focus\:border-opacity-75:focus{
    --border-opacity:.75
  }

  .lg\:focus\:border-opacity-100:focus{
    --border-opacity:1
  }

  .lg\:box-border{
    box-sizing:border-box
  }

  .lg\:box-content{
    box-sizing:content-box
  }

  .lg\:place-items-auto{
    place-items:auto
  }

  .lg\:place-items-start{
    place-items:start
  }

  .lg\:place-items-end{
    place-items:end
  }

  .lg\:place-items-center{
    place-items:center
  }

  .lg\:place-items-stretch{
    place-items:stretch
  }

  .lg\:place-content-center{
    place-content:center
  }

  .lg\:place-content-start{
    place-content:start
  }

  .lg\:place-content-end{
    place-content:end
  }

  .lg\:place-content-between{
    place-content:space-between
  }

  .lg\:place-content-around{
    place-content:space-around
  }

  .lg\:place-content-evenly{
    place-content:space-evenly
  }

  .lg\:place-content-stretch{
    place-content:stretch
  }

  .lg\:place-self-auto{
    place-self:auto
  }

  .lg\:place-self-start{
    place-self:start
  }

  .lg\:place-self-end{
    place-self:end
  }

  .lg\:place-self-center{
    place-self:center
  }

  .lg\:place-self-stretch{
    place-self:stretch
  }

  .lg\:justify-items-auto{
    justify-items:auto
  }

  .lg\:justify-items-start{
    justify-items:start
  }

  .lg\:justify-items-end{
    justify-items:end
  }

  .lg\:justify-items-center{
    justify-items:center
  }

  .lg\:justify-items-stretch{
    justify-items:stretch
  }

  .lg\:justify-self-auto{
    justify-self:auto
  }

  .lg\:justify-self-start{
    justify-self:start
  }

  .lg\:justify-self-end{
    justify-self:end
  }

  .lg\:justify-self-center{
    justify-self:center
  }

  .lg\:justify-self-stretch{
    justify-self:stretch
  }

  .lg\:order-1{
    order:1
  }

  .lg\:order-2{
    order:2
  }

  .lg\:order-3{
    order:3
  }

  .lg\:order-4{
    order:4
  }

  .lg\:order-5{
    order:5
  }

  .lg\:order-6{
    order:6
  }

  .lg\:order-7{
    order:7
  }

  .lg\:order-8{
    order:8
  }

  .lg\:order-9{
    order:9
  }

  .lg\:order-10{
    order:10
  }

  .lg\:order-11{
    order:11
  }

  .lg\:order-12{
    order:12
  }

  .lg\:order-first{
    order:-9999
  }

  .lg\:order-last{
    order:9999
  }

  .lg\:order-none{
    order:0
  }

  .lg\:clear-left{
    clear:left
  }

  .lg\:clear-right{
    clear:right
  }

  .lg\:clear-both{
    clear:both
  }

  .lg\:clear-none{
    clear:none
  }

  .lg\:m-0{
    margin:0
  }

  .lg\:m-1{
    margin:0.25rem
  }

  .lg\:m-2{
    margin:0.5rem
  }

  .lg\:m-3{
    margin:0.75rem
  }

  .lg\:m-4{
    margin:1rem
  }

  .lg\:m-5{
    margin:1.25rem
  }

  .lg\:m-6{
    margin:1.5rem
  }

  .lg\:m-8{
    margin:2rem
  }

  .lg\:m-10{
    margin:2.5rem
  }

  .lg\:m-12{
    margin:3rem
  }

  .lg\:m-16{
    margin:4rem
  }

  .lg\:m-20{
    margin:5rem
  }

  .lg\:m-24{
    margin:6rem
  }

  .lg\:m-32{
    margin:8rem
  }

  .lg\:m-auto{
    margin:auto
  }

  .lg\:m-px{
    margin:1px
  }

  .lg\:-m-px{
    margin:-1px
  }

  .lg\:-m-0{
    margin:0
  }

  .lg\:-m-1{
    margin:-0.25rem
  }

  .lg\:-m-2{
    margin:-0.5rem
  }

  .lg\:-m-3{
    margin:-0.75rem
  }

  .lg\:-m-4{
    margin:-1rem
  }

  .lg\:-m-5{
    margin:-1.25rem
  }

  .lg\:-m-6{
    margin:-1.5rem
  }

  .lg\:-m-8{
    margin:-2rem
  }

  .lg\:-m-10{
    margin:-2.5rem
  }

  .lg\:-m-12{
    margin:-3rem
  }

  .lg\:-m-16{
    margin:-4rem
  }

  .lg\:-m-20{
    margin:-5rem
  }

  .lg\:-m-24{
    margin:-6rem
  }

  .lg\:-m-32{
    margin:-8rem
  }

  .lg\:my-0{
    margin-top:0;
    margin-bottom:0
  }

  .lg\:mx-0{
    margin-left:0;
    margin-right:0
  }

  .lg\:my-1{
    margin-top:0.25rem;
    margin-bottom:0.25rem
  }

  .lg\:mx-1{
    margin-left:0.25rem;
    margin-right:0.25rem
  }

  .lg\:my-2{
    margin-top:0.5rem;
    margin-bottom:0.5rem
  }

  .lg\:mx-2{
    margin-left:0.5rem;
    margin-right:0.5rem
  }

  .lg\:my-3{
    margin-top:0.75rem;
    margin-bottom:0.75rem
  }

  .lg\:mx-3{
    margin-left:0.75rem;
    margin-right:0.75rem
  }

  .lg\:my-4{
    margin-top:1rem;
    margin-bottom:1rem
  }

  .lg\:mx-4{
    margin-left:1rem;
    margin-right:1rem
  }

  .lg\:my-5{
    margin-top:1.25rem;
    margin-bottom:1.25rem
  }

  .lg\:mx-5{
    margin-left:1.25rem;
    margin-right:1.25rem
  }

  .lg\:my-6{
    margin-top:1.5rem;
    margin-bottom:1.5rem
  }

  .lg\:mx-6{
    margin-left:1.5rem;
    margin-right:1.5rem
  }

  .lg\:my-8{
    margin-top:2rem;
    margin-bottom:2rem
  }

  .lg\:mx-8{
    margin-left:2rem;
    margin-right:2rem
  }

  .lg\:my-10{
    margin-top:2.5rem;
    margin-bottom:2.5rem
  }

  .lg\:mx-10{
    margin-left:2.5rem;
    margin-right:2.5rem
  }

  .lg\:my-12{
    margin-top:3rem;
    margin-bottom:3rem
  }

  .lg\:mx-12{
    margin-left:3rem;
    margin-right:3rem
  }

  .lg\:my-16{
    margin-top:4rem;
    margin-bottom:4rem
  }

  .lg\:mx-16{
    margin-left:4rem;
    margin-right:4rem
  }

  .lg\:my-20{
    margin-top:5rem;
    margin-bottom:5rem
  }

  .lg\:mx-20{
    margin-left:5rem;
    margin-right:5rem
  }

  .lg\:my-24{
    margin-top:6rem;
    margin-bottom:6rem
  }

  .lg\:mx-24{
    margin-left:6rem;
    margin-right:6rem
  }

  .lg\:my-32{
    margin-top:8rem;
    margin-bottom:8rem
  }

  .lg\:mx-32{
    margin-left:8rem;
    margin-right:8rem
  }

  .lg\:my-auto{
    margin-top:auto;
    margin-bottom:auto
  }

  .lg\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .lg\:my-px{
    margin-top:1px;
    margin-bottom:1px
  }

  .lg\:mx-px{
    margin-left:1px;
    margin-right:1px
  }

  .lg\:-my-px{
    margin-top:-1px;
    margin-bottom:-1px
  }

  .lg\:-mx-px{
    margin-left:-1px;
    margin-right:-1px
  }

  .lg\:-my-0{
    margin-top:0;
    margin-bottom:0
  }

  .lg\:-mx-0{
    margin-left:0;
    margin-right:0
  }

  .lg\:-my-1{
    margin-top:-0.25rem;
    margin-bottom:-0.25rem
  }

  .lg\:-mx-1{
    margin-left:-0.25rem;
    margin-right:-0.25rem
  }

  .lg\:-my-2{
    margin-top:-0.5rem;
    margin-bottom:-0.5rem
  }

  .lg\:-mx-2{
    margin-left:-0.5rem;
    margin-right:-0.5rem
  }

  .lg\:-my-3{
    margin-top:-0.75rem;
    margin-bottom:-0.75rem
  }

  .lg\:-mx-3{
    margin-left:-0.75rem;
    margin-right:-0.75rem
  }

  .lg\:-my-4{
    margin-top:-1rem;
    margin-bottom:-1rem
  }

  .lg\:-mx-4{
    margin-left:-1rem;
    margin-right:-1rem
  }

  .lg\:-my-5{
    margin-top:-1.25rem;
    margin-bottom:-1.25rem
  }

  .lg\:-mx-5{
    margin-left:-1.25rem;
    margin-right:-1.25rem
  }

  .lg\:-my-6{
    margin-top:-1.5rem;
    margin-bottom:-1.5rem
  }

  .lg\:-mx-6{
    margin-left:-1.5rem;
    margin-right:-1.5rem
  }

  .lg\:-my-8{
    margin-top:-2rem;
    margin-bottom:-2rem
  }

  .lg\:-mx-8{
    margin-left:-2rem;
    margin-right:-2rem
  }

  .lg\:-my-10{
    margin-top:-2.5rem;
    margin-bottom:-2.5rem
  }

  .lg\:-mx-10{
    margin-left:-2.5rem;
    margin-right:-2.5rem
  }

  .lg\:-my-12{
    margin-top:-3rem;
    margin-bottom:-3rem
  }

  .lg\:-mx-12{
    margin-left:-3rem;
    margin-right:-3rem
  }

  .lg\:-my-16{
    margin-top:-4rem;
    margin-bottom:-4rem
  }

  .lg\:-mx-16{
    margin-left:-4rem;
    margin-right:-4rem
  }

  .lg\:-my-20{
    margin-top:-5rem;
    margin-bottom:-5rem
  }

  .lg\:-mx-20{
    margin-left:-5rem;
    margin-right:-5rem
  }

  .lg\:-my-24{
    margin-top:-6rem;
    margin-bottom:-6rem
  }

  .lg\:-mx-24{
    margin-left:-6rem;
    margin-right:-6rem
  }

  .lg\:-my-32{
    margin-top:-8rem;
    margin-bottom:-8rem
  }

  .lg\:-mx-32{
    margin-left:-8rem;
    margin-right:-8rem
  }

  .lg\:mt-0{
    margin-top:0
  }

  .lg\:mr-0{
    margin-right:0
  }

  .lg\:mb-0{
    margin-bottom:0
  }

  .lg\:ml-0{
    margin-left:0
  }

  .lg\:mt-1{
    margin-top:0.25rem
  }

  .lg\:mr-1{
    margin-right:0.25rem
  }

  .lg\:mb-1{
    margin-bottom:0.25rem
  }

  .lg\:ml-1{
    margin-left:0.25rem
  }

  .lg\:mt-2{
    margin-top:0.5rem
  }

  .lg\:mr-2{
    margin-right:0.5rem
  }

  .lg\:mb-2{
    margin-bottom:0.5rem
  }

  .lg\:ml-2{
    margin-left:0.5rem
  }

  .lg\:mt-3{
    margin-top:0.75rem
  }

  .lg\:mr-3{
    margin-right:0.75rem
  }

  .lg\:mb-3{
    margin-bottom:0.75rem
  }

  .lg\:ml-3{
    margin-left:0.75rem
  }

  .lg\:mt-4{
    margin-top:1rem
  }

  .lg\:mr-4{
    margin-right:1rem
  }

  .lg\:mb-4{
    margin-bottom:1rem
  }

  .lg\:ml-4{
    margin-left:1rem
  }

  .lg\:mt-5{
    margin-top:1.25rem
  }

  .lg\:mr-5{
    margin-right:1.25rem
  }

  .lg\:mb-5{
    margin-bottom:1.25rem
  }

  .lg\:ml-5{
    margin-left:1.25rem
  }

  .lg\:mt-6{
    margin-top:1.5rem
  }

  .lg\:mr-6{
    margin-right:1.5rem
  }

  .lg\:mb-6{
    margin-bottom:1.5rem
  }

  .lg\:ml-6{
    margin-left:1.5rem
  }

  .lg\:mt-8{
    margin-top:2rem
  }

  .lg\:mr-8{
    margin-right:2rem
  }

  .lg\:mb-8{
    margin-bottom:2rem
  }

  .lg\:ml-8{
    margin-left:2rem
  }

  .lg\:mt-10{
    margin-top:2.5rem
  }

  .lg\:mr-10{
    margin-right:2.5rem
  }

  .lg\:mb-10{
    margin-bottom:2.5rem
  }

  .lg\:ml-10{
    margin-left:2.5rem
  }

  .lg\:mt-12{
    margin-top:3rem
  }

  .lg\:mr-12{
    margin-right:3rem
  }

  .lg\:mb-12{
    margin-bottom:3rem
  }

  .lg\:ml-12{
    margin-left:3rem
  }

  .lg\:mt-16{
    margin-top:4rem
  }

  .lg\:mr-16{
    margin-right:4rem
  }

  .lg\:mb-16{
    margin-bottom:4rem
  }

  .lg\:ml-16{
    margin-left:4rem
  }

  .lg\:mt-20{
    margin-top:5rem
  }

  .lg\:mr-20{
    margin-right:5rem
  }

  .lg\:mb-20{
    margin-bottom:5rem
  }

  .lg\:ml-20{
    margin-left:5rem
  }

  .lg\:mt-24{
    margin-top:6rem
  }

  .lg\:mr-24{
    margin-right:6rem
  }

  .lg\:mb-24{
    margin-bottom:6rem
  }

  .lg\:ml-24{
    margin-left:6rem
  }

  .lg\:mt-32{
    margin-top:8rem
  }

  .lg\:mr-32{
    margin-right:8rem
  }

  .lg\:mb-32{
    margin-bottom:8rem
  }

  .lg\:ml-32{
    margin-left:8rem
  }

  .lg\:mt-auto{
    margin-top:auto
  }

  .lg\:mr-auto{
    margin-right:auto
  }

  .lg\:mb-auto{
    margin-bottom:auto
  }

  .lg\:ml-auto{
    margin-left:auto
  }

  .lg\:mt-px{
    margin-top:1px
  }

  .lg\:mr-px{
    margin-right:1px
  }

  .lg\:mb-px{
    margin-bottom:1px
  }

  .lg\:ml-px{
    margin-left:1px
  }

  .lg\:-mt-px{
    margin-top:-1px
  }

  .lg\:-mr-px{
    margin-right:-1px
  }

  .lg\:-mb-px{
    margin-bottom:-1px
  }

  .lg\:-ml-px{
    margin-left:-1px
  }

  .lg\:-mt-0{
    margin-top:0
  }

  .lg\:-mr-0{
    margin-right:0
  }

  .lg\:-mb-0{
    margin-bottom:0
  }

  .lg\:-ml-0{
    margin-left:0
  }

  .lg\:-mt-1{
    margin-top:-0.25rem
  }

  .lg\:-mr-1{
    margin-right:-0.25rem
  }

  .lg\:-mb-1{
    margin-bottom:-0.25rem
  }

  .lg\:-ml-1{
    margin-left:-0.25rem
  }

  .lg\:-mt-2{
    margin-top:-0.5rem
  }

  .lg\:-mr-2{
    margin-right:-0.5rem
  }

  .lg\:-mb-2{
    margin-bottom:-0.5rem
  }

  .lg\:-ml-2{
    margin-left:-0.5rem
  }

  .lg\:-mt-3{
    margin-top:-0.75rem
  }

  .lg\:-mr-3{
    margin-right:-0.75rem
  }

  .lg\:-mb-3{
    margin-bottom:-0.75rem
  }

  .lg\:-ml-3{
    margin-left:-0.75rem
  }

  .lg\:-mt-4{
    margin-top:-1rem
  }

  .lg\:-mr-4{
    margin-right:-1rem
  }

  .lg\:-mb-4{
    margin-bottom:-1rem
  }

  .lg\:-ml-4{
    margin-left:-1rem
  }

  .lg\:-mt-5{
    margin-top:-1.25rem
  }

  .lg\:-mr-5{
    margin-right:-1.25rem
  }

  .lg\:-mb-5{
    margin-bottom:-1.25rem
  }

  .lg\:-ml-5{
    margin-left:-1.25rem
  }

  .lg\:-mt-6{
    margin-top:-1.5rem
  }

  .lg\:-mr-6{
    margin-right:-1.5rem
  }

  .lg\:-mb-6{
    margin-bottom:-1.5rem
  }

  .lg\:-ml-6{
    margin-left:-1.5rem
  }

  .lg\:-mt-8{
    margin-top:-2rem
  }

  .lg\:-mr-8{
    margin-right:-2rem
  }

  .lg\:-mb-8{
    margin-bottom:-2rem
  }

  .lg\:-ml-8{
    margin-left:-2rem
  }

  .lg\:-mt-10{
    margin-top:-2.5rem
  }

  .lg\:-mr-10{
    margin-right:-2.5rem
  }

  .lg\:-mb-10{
    margin-bottom:-2.5rem
  }

  .lg\:-ml-10{
    margin-left:-2.5rem
  }

  .lg\:-mt-12{
    margin-top:-3rem
  }

  .lg\:-mr-12{
    margin-right:-3rem
  }

  .lg\:-mb-12{
    margin-bottom:-3rem
  }

  .lg\:-ml-12{
    margin-left:-3rem
  }

  .lg\:-mt-16{
    margin-top:-4rem
  }

  .lg\:-mr-16{
    margin-right:-4rem
  }

  .lg\:-mb-16{
    margin-bottom:-4rem
  }

  .lg\:-ml-16{
    margin-left:-4rem
  }

  .lg\:-mt-20{
    margin-top:-5rem
  }

  .lg\:-mr-20{
    margin-right:-5rem
  }

  .lg\:-mb-20{
    margin-bottom:-5rem
  }

  .lg\:-ml-20{
    margin-left:-5rem
  }

  .lg\:-mt-24{
    margin-top:-6rem
  }

  .lg\:-mr-24{
    margin-right:-6rem
  }

  .lg\:-mb-24{
    margin-bottom:-6rem
  }

  .lg\:-ml-24{
    margin-left:-6rem
  }

  .lg\:-mt-32{
    margin-top:-8rem
  }

  .lg\:-mr-32{
    margin-right:-8rem
  }

  .lg\:-mb-32{
    margin-bottom:-8rem
  }

  .lg\:-ml-32{
    margin-left:-8rem
  }

  .lg\:object-contain{
    object-fit:contain
  }

  .lg\:object-cover{
    object-fit:cover
  }

  .lg\:object-fill{
    object-fit:fill
  }

  .lg\:object-none{
    object-fit:none
  }

  .lg\:object-scale-down{
    object-fit:scale-down
  }

  .lg\:object-bottom{
    object-position:bottom
  }

  .lg\:object-center{
    object-position:center
  }

  .lg\:object-left{
    object-position:left
  }

  .lg\:object-left-bottom{
    object-position:left bottom
  }

  .lg\:object-left-top{
    object-position:left top
  }

  .lg\:object-right{
    object-position:right
  }

  .lg\:object-right-bottom{
    object-position:right bottom
  }

  .lg\:object-right-top{
    object-position:right top
  }

  .lg\:object-top{
    object-position:top
  }

  .lg\:overscroll-auto{
    overscroll-behavior:auto
  }

  .lg\:overscroll-contain{
    overscroll-behavior:contain
  }

  .lg\:overscroll-none{
    overscroll-behavior:none
  }

  .lg\:overscroll-y-auto{
    overscroll-behavior-y:auto
  }

  .lg\:overscroll-y-contain{
    overscroll-behavior-y:contain
  }

  .lg\:overscroll-y-none{
    overscroll-behavior-y:none
  }

  .lg\:overscroll-x-auto{
    overscroll-behavior-x:auto
  }

  .lg\:overscroll-x-contain{
    overscroll-behavior-x:contain
  }

  .lg\:overscroll-x-none{
    overscroll-behavior-x:none
  }

  .lg\:placeholder-transparent::placeholder{
    color:transparent
  }

  .lg\:placeholder-black::placeholder{
    --placeholder-opacity:1;
    color:#22292f;
    color:rgba(34, 41, 47, var(--placeholder-opacity))
  }

  .lg\:placeholder-real-black::placeholder{
    --placeholder-opacity:1;
    color:#000;
    color:rgba(0, 0, 0, var(--placeholder-opacity))
  }

  .lg\:placeholder-gray-800::placeholder{
    --placeholder-opacity:1;
    color:#3d4852;
    color:rgba(61, 72, 82, var(--placeholder-opacity))
  }

  .lg\:placeholder-gray-700::placeholder{
    --placeholder-opacity:1;
    color:#606f7b;
    color:rgba(96, 111, 123, var(--placeholder-opacity))
  }

  .lg\:placeholder-gray-600::placeholder{
    --placeholder-opacity:1;
    color:#8795a1;
    color:rgba(135, 149, 161, var(--placeholder-opacity))
  }

  .lg\:placeholder-gray::placeholder{
    --placeholder-opacity:1;
    color:#b8c2cc;
    color:rgba(184, 194, 204, var(--placeholder-opacity))
  }

  .lg\:placeholder-gray-400::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .lg\:placeholder-gray-200::placeholder{
    --placeholder-opacity:1;
    color:#f1f5f8;
    color:rgba(241, 245, 248, var(--placeholder-opacity))
  }

  .lg\:placeholder-gray-100::placeholder{
    --placeholder-opacity:1;
    color:#f8fafc;
    color:rgba(248, 250, 252, var(--placeholder-opacity))
  }

  .lg\:placeholder-white::placeholder{
    --placeholder-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--placeholder-opacity))
  }

  .lg\:placeholder-off-white::placeholder{
    --placeholder-opacity:1;
    color:#f7fafc;
    color:rgba(247, 250, 252, var(--placeholder-opacity))
  }

  .lg\:placeholder-grey-weldnote::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .lg\:placeholder-red-900::placeholder{
    --placeholder-opacity:1;
    color:#3b0d0c;
    color:rgba(59, 13, 12, var(--placeholder-opacity))
  }

  .lg\:placeholder-red-800::placeholder{
    --placeholder-opacity:1;
    color:#621b18;
    color:rgba(98, 27, 24, var(--placeholder-opacity))
  }

  .lg\:placeholder-red-600::placeholder{
    --placeholder-opacity:1;
    color:#cc1f1a;
    color:rgba(204, 31, 26, var(--placeholder-opacity))
  }

  .lg\:placeholder-red::placeholder{
    --placeholder-opacity:1;
    color:#e3342f;
    color:rgba(227, 52, 47, var(--placeholder-opacity))
  }

  .lg\:placeholder-red-400::placeholder{
    --placeholder-opacity:1;
    color:#ef5753;
    color:rgba(239, 87, 83, var(--placeholder-opacity))
  }

  .lg\:placeholder-red-200::placeholder{
    --placeholder-opacity:1;
    color:#f9acaa;
    color:rgba(249, 172, 170, var(--placeholder-opacity))
  }

  .lg\:placeholder-red-100::placeholder{
    --placeholder-opacity:1;
    color:#fcebea;
    color:rgba(252, 235, 234, var(--placeholder-opacity))
  }

  .lg\:placeholder-yellow-900::placeholder{
    --placeholder-opacity:1;
    color:#453411;
    color:rgba(69, 52, 17, var(--placeholder-opacity))
  }

  .lg\:placeholder-yellow-800::placeholder{
    --placeholder-opacity:1;
    color:#a77f2e;
    color:rgba(167, 127, 46, var(--placeholder-opacity))
  }

  .lg\:placeholder-yellow-600::placeholder{
    --placeholder-opacity:1;
    color:#f2d024;
    color:rgba(242, 208, 36, var(--placeholder-opacity))
  }

  .lg\:placeholder-yellow::placeholder{
    --placeholder-opacity:1;
    color:#ffed4a;
    color:rgba(255, 237, 74, var(--placeholder-opacity))
  }

  .lg\:placeholder-yellow-400::placeholder{
    --placeholder-opacity:1;
    color:#fff382;
    color:rgba(255, 243, 130, var(--placeholder-opacity))
  }

  .lg\:placeholder-yellow-200::placeholder{
    --placeholder-opacity:1;
    color:#fff9c2;
    color:rgba(255, 249, 194, var(--placeholder-opacity))
  }

  .lg\:placeholder-yellow-100::placeholder{
    --placeholder-opacity:1;
    color:#fcfbeb;
    color:rgba(252, 251, 235, var(--placeholder-opacity))
  }

  .lg\:placeholder-green-900::placeholder{
    --placeholder-opacity:1;
    color:#0f2f21;
    color:rgba(15, 47, 33, var(--placeholder-opacity))
  }

  .lg\:placeholder-green-800::placeholder{
    --placeholder-opacity:1;
    color:#1a4731;
    color:rgba(26, 71, 49, var(--placeholder-opacity))
  }

  .lg\:placeholder-green-600::placeholder{
    --placeholder-opacity:1;
    color:#1f9d55;
    color:rgba(31, 157, 85, var(--placeholder-opacity))
  }

  .lg\:placeholder-green::placeholder{
    --placeholder-opacity:1;
    color:#38c172;
    color:rgba(56, 193, 114, var(--placeholder-opacity))
  }

  .lg\:placeholder-green-400::placeholder{
    --placeholder-opacity:1;
    color:#51d88a;
    color:rgba(81, 216, 138, var(--placeholder-opacity))
  }

  .lg\:placeholder-green-200::placeholder{
    --placeholder-opacity:1;
    color:#a2f5bf;
    color:rgba(162, 245, 191, var(--placeholder-opacity))
  }

  .lg\:placeholder-green-100::placeholder{
    --placeholder-opacity:1;
    color:#e3fcec;
    color:rgba(227, 252, 236, var(--placeholder-opacity))
  }

  .lg\:placeholder-blue-modal::placeholder{
    --placeholder-opacity:1;
    color:#2e4050;
    color:rgba(46, 64, 80, var(--placeholder-opacity))
  }

  .lg\:placeholder-blue-900::placeholder{
    --placeholder-opacity:1;
    color:#12283a;
    color:rgba(18, 40, 58, var(--placeholder-opacity))
  }

  .lg\:placeholder-blue-800::placeholder{
    --placeholder-opacity:1;
    color:#1c3d5a;
    color:rgba(28, 61, 90, var(--placeholder-opacity))
  }

  .lg\:placeholder-blue-600::placeholder{
    --placeholder-opacity:1;
    color:#2779bd;
    color:rgba(39, 121, 189, var(--placeholder-opacity))
  }

  .lg\:placeholder-blue::placeholder{
    --placeholder-opacity:1;
    color:#3498db;
    color:rgba(52, 152, 219, var(--placeholder-opacity))
  }

  .lg\:placeholder-blue-400::placeholder{
    --placeholder-opacity:1;
    color:#6cb2eb;
    color:rgba(108, 178, 235, var(--placeholder-opacity))
  }

  .lg\:placeholder-blue-200::placeholder{
    --placeholder-opacity:1;
    color:#bcdefa;
    color:rgba(188, 222, 250, var(--placeholder-opacity))
  }

  .lg\:placeholder-blue-100::placeholder{
    --placeholder-opacity:1;
    color:#eff8ff;
    color:rgba(239, 248, 255, var(--placeholder-opacity))
  }

  .lg\:placeholder-purple-900::placeholder{
    --placeholder-opacity:1;
    color:#21183c;
    color:rgba(33, 24, 60, var(--placeholder-opacity))
  }

  .lg\:placeholder-purple-800::placeholder{
    --placeholder-opacity:1;
    color:#382b5f;
    color:rgba(56, 43, 95, var(--placeholder-opacity))
  }

  .lg\:placeholder-purple-600::placeholder{
    --placeholder-opacity:1;
    color:#794acf;
    color:rgba(121, 74, 207, var(--placeholder-opacity))
  }

  .lg\:placeholder-purple::placeholder{
    --placeholder-opacity:1;
    color:#9561e2;
    color:rgba(149, 97, 226, var(--placeholder-opacity))
  }

  .lg\:placeholder-purple-400::placeholder{
    --placeholder-opacity:1;
    color:#a779e9;
    color:rgba(167, 121, 233, var(--placeholder-opacity))
  }

  .lg\:placeholder-purple-200::placeholder{
    --placeholder-opacity:1;
    color:#d6bbfc;
    color:rgba(214, 187, 252, var(--placeholder-opacity))
  }

  .lg\:placeholder-purple-100::placeholder{
    --placeholder-opacity:1;
    color:#f3ebff;
    color:rgba(243, 235, 255, var(--placeholder-opacity))
  }

  .lg\:placeholder-orange-900::placeholder{
    --placeholder-opacity:1;
    color:#462a16;
    color:rgba(70, 42, 22, var(--placeholder-opacity))
  }

  .lg\:placeholder-orange-800::placeholder{
    --placeholder-opacity:1;
    color:#613b1f;
    color:rgba(97, 59, 31, var(--placeholder-opacity))
  }

  .lg\:placeholder-orange-600::placeholder{
    --placeholder-opacity:1;
    color:#de751f;
    color:rgba(222, 117, 31, var(--placeholder-opacity))
  }

  .lg\:placeholder-orange::placeholder{
    --placeholder-opacity:1;
    color:#f6993f;
    color:rgba(246, 153, 63, var(--placeholder-opacity))
  }

  .lg\:placeholder-orange-400::placeholder{
    --placeholder-opacity:1;
    color:#faad63;
    color:rgba(250, 173, 99, var(--placeholder-opacity))
  }

  .lg\:placeholder-orange-200::placeholder{
    --placeholder-opacity:1;
    color:#fcd9b6;
    color:rgba(252, 217, 182, var(--placeholder-opacity))
  }

  .lg\:placeholder-orange-100::placeholder{
    --placeholder-opacity:1;
    color:#fff5eb;
    color:rgba(255, 245, 235, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-gray::placeholder{
    --placeholder-opacity:1;
    color:#cecfd0;
    color:rgba(206, 207, 208, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-orange::placeholder{
    --placeholder-opacity:1;
    color:#da7129;
    color:rgba(218, 113, 41, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-darkgrey::placeholder{
    --placeholder-opacity:1;
    color:#373338;
    color:rgba(55, 51, 56, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-background::placeholder{
    --placeholder-opacity:1;
    color:#f0f0f0;
    color:rgba(240, 240, 240, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-icon-blue::placeholder{
    --placeholder-opacity:1;
    color:#0B7DA8;
    color:rgba(11, 125, 168, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-sidebar-blue::placeholder{
    --placeholder-opacity:1;
    color:#c7d0d8;
    color:rgba(199, 208, 216, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-sidebar-blue-active::placeholder{
    --placeholder-opacity:1;
    color:#174167;
    color:rgba(23, 65, 103, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-sidebar-blue-arrow::placeholder{
    --placeholder-opacity:1;
    color:#164167;
    color:rgba(22, 65, 103, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-black::placeholder{
    --placeholder-opacity:1;
    color:#26292A;
    color:rgba(38, 41, 42, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-primary-blue::placeholder{
    --placeholder-opacity:1;
    color:#1A61A1;
    color:rgba(26, 97, 161, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-primary-blue-light::placeholder{
    --placeholder-opacity:1;
    color:#347fc3;
    color:rgba(52, 127, 195, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-secondary-blue::placeholder{
    --placeholder-opacity:1;
    color:#6ca1cd;
    color:rgba(108, 161, 205, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-card-blue::placeholder{
    --placeholder-opacity:1;
    color:#2961A1;
    color:rgba(41, 97, 161, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-card-secondary-blue::placeholder{
    --placeholder-opacity:1;
    color:#6491EB;
    color:rgba(100, 145, 235, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-red::placeholder{
    --placeholder-opacity:1;
    color:#E23900;
    color:rgba(226, 57, 0, var(--placeholder-opacity))
  }

  .lg\:placeholder-esab-red-highlight::placeholder{
    --placeholder-opacity:1;
    color:#ed6031;
    color:rgba(237, 96, 49, var(--placeholder-opacity))
  }

  .lg\:placeholder-assembly-color::placeholder{
    --placeholder-opacity:1;
    color:#c7074e;
    color:rgba(199, 7, 78, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-transparent:focus::placeholder{
    color:transparent
  }

  .lg\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#22292f;
    color:rgba(34, 41, 47, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-real-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#000;
    color:rgba(0, 0, 0, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#3d4852;
    color:rgba(61, 72, 82, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity:1;
    color:#606f7b;
    color:rgba(96, 111, 123, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#8795a1;
    color:rgba(135, 149, 161, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-gray:focus::placeholder{
    --placeholder-opacity:1;
    color:#b8c2cc;
    color:rgba(184, 194, 204, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#f1f5f8;
    color:rgba(241, 245, 248, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#f8fafc;
    color:rgba(248, 250, 252, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-off-white:focus::placeholder{
    --placeholder-opacity:1;
    color:#f7fafc;
    color:rgba(247, 250, 252, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-grey-weldnote:focus::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-red-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#3b0d0c;
    color:rgba(59, 13, 12, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-red-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#621b18;
    color:rgba(98, 27, 24, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-red-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#cc1f1a;
    color:rgba(204, 31, 26, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity:1;
    color:#e3342f;
    color:rgba(227, 52, 47, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-red-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#ef5753;
    color:rgba(239, 87, 83, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-red-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#f9acaa;
    color:rgba(249, 172, 170, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-red-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcebea;
    color:rgba(252, 235, 234, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#453411;
    color:rgba(69, 52, 17, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#a77f2e;
    color:rgba(167, 127, 46, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#f2d024;
    color:rgba(242, 208, 36, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-yellow:focus::placeholder{
    --placeholder-opacity:1;
    color:#ffed4a;
    color:rgba(255, 237, 74, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff382;
    color:rgba(255, 243, 130, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff9c2;
    color:rgba(255, 249, 194, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcfbeb;
    color:rgba(252, 251, 235, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#0f2f21;
    color:rgba(15, 47, 33, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#1a4731;
    color:rgba(26, 71, 49, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#1f9d55;
    color:rgba(31, 157, 85, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-green:focus::placeholder{
    --placeholder-opacity:1;
    color:#38c172;
    color:rgba(56, 193, 114, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#51d88a;
    color:rgba(81, 216, 138, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#a2f5bf;
    color:rgba(162, 245, 191, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#e3fcec;
    color:rgba(227, 252, 236, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-blue-modal:focus::placeholder{
    --placeholder-opacity:1;
    color:#2e4050;
    color:rgba(46, 64, 80, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#12283a;
    color:rgba(18, 40, 58, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#1c3d5a;
    color:rgba(28, 61, 90, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#2779bd;
    color:rgba(39, 121, 189, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#3498db;
    color:rgba(52, 152, 219, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#6cb2eb;
    color:rgba(108, 178, 235, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#bcdefa;
    color:rgba(188, 222, 250, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#eff8ff;
    color:rgba(239, 248, 255, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#21183c;
    color:rgba(33, 24, 60, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#382b5f;
    color:rgba(56, 43, 95, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#794acf;
    color:rgba(121, 74, 207, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-purple:focus::placeholder{
    --placeholder-opacity:1;
    color:#9561e2;
    color:rgba(149, 97, 226, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#a779e9;
    color:rgba(167, 121, 233, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#d6bbfc;
    color:rgba(214, 187, 252, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#f3ebff;
    color:rgba(243, 235, 255, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#462a16;
    color:rgba(70, 42, 22, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#613b1f;
    color:rgba(97, 59, 31, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#de751f;
    color:rgba(222, 117, 31, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-orange:focus::placeholder{
    --placeholder-opacity:1;
    color:#f6993f;
    color:rgba(246, 153, 63, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#faad63;
    color:rgba(250, 173, 99, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcd9b6;
    color:rgba(252, 217, 182, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff5eb;
    color:rgba(255, 245, 235, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-gray:focus::placeholder{
    --placeholder-opacity:1;
    color:#cecfd0;
    color:rgba(206, 207, 208, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-orange:focus::placeholder{
    --placeholder-opacity:1;
    color:#da7129;
    color:rgba(218, 113, 41, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-darkgrey:focus::placeholder{
    --placeholder-opacity:1;
    color:#373338;
    color:rgba(55, 51, 56, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-background:focus::placeholder{
    --placeholder-opacity:1;
    color:#f0f0f0;
    color:rgba(240, 240, 240, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-icon-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#0B7DA8;
    color:rgba(11, 125, 168, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-sidebar-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#c7d0d8;
    color:rgba(199, 208, 216, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-sidebar-blue-active:focus::placeholder{
    --placeholder-opacity:1;
    color:#174167;
    color:rgba(23, 65, 103, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-sidebar-blue-arrow:focus::placeholder{
    --placeholder-opacity:1;
    color:#164167;
    color:rgba(22, 65, 103, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#26292A;
    color:rgba(38, 41, 42, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-primary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#1A61A1;
    color:rgba(26, 97, 161, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-primary-blue-light:focus::placeholder{
    --placeholder-opacity:1;
    color:#347fc3;
    color:rgba(52, 127, 195, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-secondary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#6ca1cd;
    color:rgba(108, 161, 205, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-card-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#2961A1;
    color:rgba(41, 97, 161, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-card-secondary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#6491EB;
    color:rgba(100, 145, 235, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-red:focus::placeholder{
    --placeholder-opacity:1;
    color:#E23900;
    color:rgba(226, 57, 0, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-esab-red-highlight:focus::placeholder{
    --placeholder-opacity:1;
    color:#ed6031;
    color:rgba(237, 96, 49, var(--placeholder-opacity))
  }

  .lg\:focus\:placeholder-assembly-color:focus::placeholder{
    --placeholder-opacity:1;
    color:#c7074e;
    color:rgba(199, 7, 78, var(--placeholder-opacity))
  }

  .lg\:placeholder-opacity-0::placeholder{
    --placeholder-opacity:0
  }

  .lg\:placeholder-opacity-10::placeholder{
    --placeholder-opacity:.1
  }

  .lg\:placeholder-opacity-20::placeholder{
    --placeholder-opacity:.20
  }

  .lg\:placeholder-opacity-25::placeholder{
    --placeholder-opacity:.25
  }

  .lg\:placeholder-opacity-50::placeholder{
    --placeholder-opacity:.5
  }

  .lg\:placeholder-opacity-75::placeholder{
    --placeholder-opacity:.75
  }

  .lg\:placeholder-opacity-100::placeholder{
    --placeholder-opacity:1
  }

  .lg\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity:0
  }

  .lg\:focus\:placeholder-opacity-10:focus::placeholder{
    --placeholder-opacity:.1
  }

  .lg\:focus\:placeholder-opacity-20:focus::placeholder{
    --placeholder-opacity:.20
  }

  .lg\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity:.25
  }

  .lg\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity:.5
  }

  .lg\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity:.75
  }

  .lg\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity:1
  }

  .lg\:stroke-0{
    stroke-width:0
  }

  .lg\:stroke-1{
    stroke-width:1
  }

  .lg\:stroke-2{
    stroke-width:2
  }

  .lg\:table-auto{
    table-layout:auto
  }

  .lg\:table-fixed{
    table-layout:fixed
  }

  .lg\:text-opacity-0{
    --text-opacity:0
  }

  .lg\:text-opacity-10{
    --text-opacity:.1
  }

  .lg\:text-opacity-20{
    --text-opacity:.20
  }

  .lg\:text-opacity-25{
    --text-opacity:.25
  }

  .lg\:text-opacity-50{
    --text-opacity:.5
  }

  .lg\:text-opacity-75{
    --text-opacity:.75
  }

  .lg\:text-opacity-100{
    --text-opacity:1
  }

  .lg\:hover\:text-opacity-0:hover{
    --text-opacity:0
  }

  .lg\:hover\:text-opacity-10:hover{
    --text-opacity:.1
  }

  .lg\:hover\:text-opacity-20:hover{
    --text-opacity:.20
  }

  .lg\:hover\:text-opacity-25:hover{
    --text-opacity:.25
  }

  .lg\:hover\:text-opacity-50:hover{
    --text-opacity:.5
  }

  .lg\:hover\:text-opacity-75:hover{
    --text-opacity:.75
  }

  .lg\:hover\:text-opacity-100:hover{
    --text-opacity:1
  }

  .lg\:focus\:text-opacity-0:focus{
    --text-opacity:0
  }

  .lg\:focus\:text-opacity-10:focus{
    --text-opacity:.1
  }

  .lg\:focus\:text-opacity-20:focus{
    --text-opacity:.20
  }

  .lg\:focus\:text-opacity-25:focus{
    --text-opacity:.25
  }

  .lg\:focus\:text-opacity-50:focus{
    --text-opacity:.5
  }

  .lg\:focus\:text-opacity-75:focus{
    --text-opacity:.75
  }

  .lg\:focus\:text-opacity-100:focus{
    --text-opacity:1
  }

  .lg\:ordinal, .lg\:slashed-zero, .lg\:lining-nums, .lg\:oldstyle-nums, .lg\:proportional-nums, .lg\:tabular-nums, .lg\:diagonal-fractions, .lg\:stacked-fractions{
    --font-variant-numeric-ordinal:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction:var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric:var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)
  }

  .lg\:normal-nums{
    font-variant-numeric:normal
  }

  .lg\:ordinal{
    --font-variant-numeric-ordinal:ordinal
  }

  .lg\:slashed-zero{
    --font-variant-numeric-slashed-zero:slashed-zero
  }

  .lg\:lining-nums{
    --font-variant-numeric-figure:lining-nums
  }

  .lg\:oldstyle-nums{
    --font-variant-numeric-figure:oldstyle-nums
  }

  .lg\:proportional-nums{
    --font-variant-numeric-spacing:proportional-nums
  }

  .lg\:tabular-nums{
    --font-variant-numeric-spacing:tabular-nums
  }

  .lg\:diagonal-fractions{
    --font-variant-numeric-fraction:diagonal-fractions
  }

  .lg\:stacked-fractions{
    --font-variant-numeric-fraction:stacked-fractions
  }

  .lg\:w-1{
    width:0.25rem
  }

  .lg\:w-2{
    width:0.5rem
  }

  .lg\:w-3{
    width:0.75rem
  }

  .lg\:w-4{
    width:1rem
  }

  .lg\:w-6{
    width:1.5rem
  }

  .lg\:w-8{
    width:2rem
  }

  .lg\:w-10{
    width:2.5rem
  }

  .lg\:w-12{
    width:3rem
  }

  .lg\:w-16{
    width:4rem
  }

  .lg\:w-20{
    width:5rem
  }

  .lg\:w-24{
    width:6rem
  }

  .lg\:w-32{
    width:8rem
  }

  .lg\:w-48{
    width:12rem
  }

  .lg\:w-64{
    width:16rem
  }

  .lg\:w-128{
    width:32rem
  }

  .lg\:w-160{
    width:40rem
  }

  .lg\:w-184{
    width:46rem
  }

  .lg\:w-auto{
    width:auto
  }

  .lg\:w-px{
    width:1px
  }

  .lg\:w-1\/2{
    width:50%
  }

  .lg\:w-1\/3{
    width:33.33333%
  }

  .lg\:w-2\/3{
    width:66.66667%
  }

  .lg\:w-1\/4{
    width:25%
  }

  .lg\:w-3\/4{
    width:75%
  }

  .lg\:w-1\/5{
    width:20%
  }

  .lg\:w-2\/5{
    width:40%
  }

  .lg\:w-3\/5{
    width:60%
  }

  .lg\:w-4\/5{
    width:80%
  }

  .lg\:w-1\/6{
    width:16.66667%
  }

  .lg\:w-5\/6{
    width:83.33333%
  }

  .lg\:w-full{
    width:100%
  }

  .lg\:w-screen{
    width:100vw
  }

  .lg\:gap-0{
    grid-gap:0;
    gap:0
  }

  .lg\:gap-1{
    grid-gap:0.25rem;
    gap:0.25rem
  }

  .lg\:gap-2{
    grid-gap:0.5rem;
    gap:0.5rem
  }

  .lg\:gap-3{
    grid-gap:0.75rem;
    gap:0.75rem
  }

  .lg\:gap-4{
    grid-gap:1rem;
    gap:1rem
  }

  .lg\:gap-5{
    grid-gap:1.25rem;
    gap:1.25rem
  }

  .lg\:gap-6{
    grid-gap:1.5rem;
    gap:1.5rem
  }

  .lg\:gap-8{
    grid-gap:2rem;
    gap:2rem
  }

  .lg\:gap-10{
    grid-gap:2.5rem;
    gap:2.5rem
  }

  .lg\:gap-12{
    grid-gap:3rem;
    gap:3rem
  }

  .lg\:gap-16{
    grid-gap:4rem;
    gap:4rem
  }

  .lg\:gap-20{
    grid-gap:5rem;
    gap:5rem
  }

  .lg\:gap-24{
    grid-gap:6rem;
    gap:6rem
  }

  .lg\:gap-32{
    grid-gap:8rem;
    gap:8rem
  }

  .lg\:gap-40{
    grid-gap:10rem;
    gap:10rem
  }

  .lg\:gap-48{
    grid-gap:12rem;
    gap:12rem
  }

  .lg\:gap-56{
    grid-gap:14rem;
    gap:14rem
  }

  .lg\:gap-64{
    grid-gap:16rem;
    gap:16rem
  }

  .lg\:gap-px{
    grid-gap:1px;
    gap:1px
  }

  .lg\:col-gap-0{
    grid-column-gap:0;
    column-gap:0
  }

  .lg\:col-gap-1{
    grid-column-gap:0.25rem;
    column-gap:0.25rem
  }

  .lg\:col-gap-2{
    grid-column-gap:0.5rem;
    column-gap:0.5rem
  }

  .lg\:col-gap-3{
    grid-column-gap:0.75rem;
    column-gap:0.75rem
  }

  .lg\:col-gap-4{
    grid-column-gap:1rem;
    column-gap:1rem
  }

  .lg\:col-gap-5{
    grid-column-gap:1.25rem;
    column-gap:1.25rem
  }

  .lg\:col-gap-6{
    grid-column-gap:1.5rem;
    column-gap:1.5rem
  }

  .lg\:col-gap-8{
    grid-column-gap:2rem;
    column-gap:2rem
  }

  .lg\:col-gap-10{
    grid-column-gap:2.5rem;
    column-gap:2.5rem
  }

  .lg\:col-gap-12{
    grid-column-gap:3rem;
    column-gap:3rem
  }

  .lg\:col-gap-16{
    grid-column-gap:4rem;
    column-gap:4rem
  }

  .lg\:col-gap-20{
    grid-column-gap:5rem;
    column-gap:5rem
  }

  .lg\:col-gap-24{
    grid-column-gap:6rem;
    column-gap:6rem
  }

  .lg\:col-gap-32{
    grid-column-gap:8rem;
    column-gap:8rem
  }

  .lg\:col-gap-40{
    grid-column-gap:10rem;
    column-gap:10rem
  }

  .lg\:col-gap-48{
    grid-column-gap:12rem;
    column-gap:12rem
  }

  .lg\:col-gap-56{
    grid-column-gap:14rem;
    column-gap:14rem
  }

  .lg\:col-gap-64{
    grid-column-gap:16rem;
    column-gap:16rem
  }

  .lg\:col-gap-px{
    grid-column-gap:1px;
    column-gap:1px
  }

  .lg\:gap-x-0{
    grid-column-gap:0;
    column-gap:0
  }

  .lg\:gap-x-1{
    grid-column-gap:0.25rem;
    column-gap:0.25rem
  }

  .lg\:gap-x-2{
    grid-column-gap:0.5rem;
    column-gap:0.5rem
  }

  .lg\:gap-x-3{
    grid-column-gap:0.75rem;
    column-gap:0.75rem
  }

  .lg\:gap-x-4{
    grid-column-gap:1rem;
    column-gap:1rem
  }

  .lg\:gap-x-5{
    grid-column-gap:1.25rem;
    column-gap:1.25rem
  }

  .lg\:gap-x-6{
    grid-column-gap:1.5rem;
    column-gap:1.5rem
  }

  .lg\:gap-x-8{
    grid-column-gap:2rem;
    column-gap:2rem
  }

  .lg\:gap-x-10{
    grid-column-gap:2.5rem;
    column-gap:2.5rem
  }

  .lg\:gap-x-12{
    grid-column-gap:3rem;
    column-gap:3rem
  }

  .lg\:gap-x-16{
    grid-column-gap:4rem;
    column-gap:4rem
  }

  .lg\:gap-x-20{
    grid-column-gap:5rem;
    column-gap:5rem
  }

  .lg\:gap-x-24{
    grid-column-gap:6rem;
    column-gap:6rem
  }

  .lg\:gap-x-32{
    grid-column-gap:8rem;
    column-gap:8rem
  }

  .lg\:gap-x-40{
    grid-column-gap:10rem;
    column-gap:10rem
  }

  .lg\:gap-x-48{
    grid-column-gap:12rem;
    column-gap:12rem
  }

  .lg\:gap-x-56{
    grid-column-gap:14rem;
    column-gap:14rem
  }

  .lg\:gap-x-64{
    grid-column-gap:16rem;
    column-gap:16rem
  }

  .lg\:gap-x-px{
    grid-column-gap:1px;
    column-gap:1px
  }

  .lg\:row-gap-0{
    grid-row-gap:0;
    row-gap:0
  }

  .lg\:row-gap-1{
    grid-row-gap:0.25rem;
    row-gap:0.25rem
  }

  .lg\:row-gap-2{
    grid-row-gap:0.5rem;
    row-gap:0.5rem
  }

  .lg\:row-gap-3{
    grid-row-gap:0.75rem;
    row-gap:0.75rem
  }

  .lg\:row-gap-4{
    grid-row-gap:1rem;
    row-gap:1rem
  }

  .lg\:row-gap-5{
    grid-row-gap:1.25rem;
    row-gap:1.25rem
  }

  .lg\:row-gap-6{
    grid-row-gap:1.5rem;
    row-gap:1.5rem
  }

  .lg\:row-gap-8{
    grid-row-gap:2rem;
    row-gap:2rem
  }

  .lg\:row-gap-10{
    grid-row-gap:2.5rem;
    row-gap:2.5rem
  }

  .lg\:row-gap-12{
    grid-row-gap:3rem;
    row-gap:3rem
  }

  .lg\:row-gap-16{
    grid-row-gap:4rem;
    row-gap:4rem
  }

  .lg\:row-gap-20{
    grid-row-gap:5rem;
    row-gap:5rem
  }

  .lg\:row-gap-24{
    grid-row-gap:6rem;
    row-gap:6rem
  }

  .lg\:row-gap-32{
    grid-row-gap:8rem;
    row-gap:8rem
  }

  .lg\:row-gap-40{
    grid-row-gap:10rem;
    row-gap:10rem
  }

  .lg\:row-gap-48{
    grid-row-gap:12rem;
    row-gap:12rem
  }

  .lg\:row-gap-56{
    grid-row-gap:14rem;
    row-gap:14rem
  }

  .lg\:row-gap-64{
    grid-row-gap:16rem;
    row-gap:16rem
  }

  .lg\:row-gap-px{
    grid-row-gap:1px;
    row-gap:1px
  }

  .lg\:gap-y-0{
    grid-row-gap:0;
    row-gap:0
  }

  .lg\:gap-y-1{
    grid-row-gap:0.25rem;
    row-gap:0.25rem
  }

  .lg\:gap-y-2{
    grid-row-gap:0.5rem;
    row-gap:0.5rem
  }

  .lg\:gap-y-3{
    grid-row-gap:0.75rem;
    row-gap:0.75rem
  }

  .lg\:gap-y-4{
    grid-row-gap:1rem;
    row-gap:1rem
  }

  .lg\:gap-y-5{
    grid-row-gap:1.25rem;
    row-gap:1.25rem
  }

  .lg\:gap-y-6{
    grid-row-gap:1.5rem;
    row-gap:1.5rem
  }

  .lg\:gap-y-8{
    grid-row-gap:2rem;
    row-gap:2rem
  }

  .lg\:gap-y-10{
    grid-row-gap:2.5rem;
    row-gap:2.5rem
  }

  .lg\:gap-y-12{
    grid-row-gap:3rem;
    row-gap:3rem
  }

  .lg\:gap-y-16{
    grid-row-gap:4rem;
    row-gap:4rem
  }

  .lg\:gap-y-20{
    grid-row-gap:5rem;
    row-gap:5rem
  }

  .lg\:gap-y-24{
    grid-row-gap:6rem;
    row-gap:6rem
  }

  .lg\:gap-y-32{
    grid-row-gap:8rem;
    row-gap:8rem
  }

  .lg\:gap-y-40{
    grid-row-gap:10rem;
    row-gap:10rem
  }

  .lg\:gap-y-48{
    grid-row-gap:12rem;
    row-gap:12rem
  }

  .lg\:gap-y-56{
    grid-row-gap:14rem;
    row-gap:14rem
  }

  .lg\:gap-y-64{
    grid-row-gap:16rem;
    row-gap:16rem
  }

  .lg\:gap-y-px{
    grid-row-gap:1px;
    row-gap:1px
  }

  .lg\:grid-flow-row{
    grid-auto-flow:row
  }

  .lg\:grid-flow-col{
    grid-auto-flow:column
  }

  .lg\:grid-flow-row-dense{
    grid-auto-flow:row dense
  }

  .lg\:grid-flow-col-dense{
    grid-auto-flow:column dense
  }

  .lg\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }

  .lg\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .lg\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .lg\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .lg\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr))
  }

  .lg\:grid-cols-7{
    grid-template-columns:repeat(7, minmax(0, 1fr))
  }

  .lg\:grid-cols-8{
    grid-template-columns:repeat(8, minmax(0, 1fr))
  }

  .lg\:grid-cols-9{
    grid-template-columns:repeat(9, minmax(0, 1fr))
  }

  .lg\:grid-cols-10{
    grid-template-columns:repeat(10, minmax(0, 1fr))
  }

  .lg\:grid-cols-11{
    grid-template-columns:repeat(11, minmax(0, 1fr))
  }

  .lg\:grid-cols-12{
    grid-template-columns:repeat(12, minmax(0, 1fr))
  }

  .lg\:grid-cols-none{
    grid-template-columns:none
  }

  .lg\:auto-cols-auto{
    grid-auto-columns:auto
  }

  .lg\:auto-cols-min{
    grid-auto-columns:min-content
  }

  .lg\:auto-cols-max{
    grid-auto-columns:max-content
  }

  .lg\:auto-cols-fr{
    grid-auto-columns:minmax(0, 1fr)
  }

  .lg\:col-auto{
    grid-column:auto
  }

  .lg\:col-span-1{
    grid-column:span 1 / span 1
  }

  .lg\:col-span-2{
    grid-column:span 2 / span 2
  }

  .lg\:col-span-3{
    grid-column:span 3 / span 3
  }

  .lg\:col-span-4{
    grid-column:span 4 / span 4
  }

  .lg\:col-span-5{
    grid-column:span 5 / span 5
  }

  .lg\:col-span-6{
    grid-column:span 6 / span 6
  }

  .lg\:col-span-7{
    grid-column:span 7 / span 7
  }

  .lg\:col-span-8{
    grid-column:span 8 / span 8
  }

  .lg\:col-span-9{
    grid-column:span 9 / span 9
  }

  .lg\:col-span-10{
    grid-column:span 10 / span 10
  }

  .lg\:col-span-11{
    grid-column:span 11 / span 11
  }

  .lg\:col-span-12{
    grid-column:span 12 / span 12
  }

  .lg\:col-span-full{
    grid-column:1 / -1
  }

  .lg\:col-start-1{
    grid-column-start:1
  }

  .lg\:col-start-2{
    grid-column-start:2
  }

  .lg\:col-start-3{
    grid-column-start:3
  }

  .lg\:col-start-4{
    grid-column-start:4
  }

  .lg\:col-start-5{
    grid-column-start:5
  }

  .lg\:col-start-6{
    grid-column-start:6
  }

  .lg\:col-start-7{
    grid-column-start:7
  }

  .lg\:col-start-8{
    grid-column-start:8
  }

  .lg\:col-start-9{
    grid-column-start:9
  }

  .lg\:col-start-10{
    grid-column-start:10
  }

  .lg\:col-start-11{
    grid-column-start:11
  }

  .lg\:col-start-12{
    grid-column-start:12
  }

  .lg\:col-start-13{
    grid-column-start:13
  }

  .lg\:col-start-auto{
    grid-column-start:auto
  }

  .lg\:col-end-1{
    grid-column-end:1
  }

  .lg\:col-end-2{
    grid-column-end:2
  }

  .lg\:col-end-3{
    grid-column-end:3
  }

  .lg\:col-end-4{
    grid-column-end:4
  }

  .lg\:col-end-5{
    grid-column-end:5
  }

  .lg\:col-end-6{
    grid-column-end:6
  }

  .lg\:col-end-7{
    grid-column-end:7
  }

  .lg\:col-end-8{
    grid-column-end:8
  }

  .lg\:col-end-9{
    grid-column-end:9
  }

  .lg\:col-end-10{
    grid-column-end:10
  }

  .lg\:col-end-11{
    grid-column-end:11
  }

  .lg\:col-end-12{
    grid-column-end:12
  }

  .lg\:col-end-13{
    grid-column-end:13
  }

  .lg\:col-end-auto{
    grid-column-end:auto
  }

  .lg\:grid-rows-1{
    grid-template-rows:repeat(1, minmax(0, 1fr))
  }

  .lg\:grid-rows-2{
    grid-template-rows:repeat(2, minmax(0, 1fr))
  }

  .lg\:grid-rows-3{
    grid-template-rows:repeat(3, minmax(0, 1fr))
  }

  .lg\:grid-rows-4{
    grid-template-rows:repeat(4, minmax(0, 1fr))
  }

  .lg\:grid-rows-5{
    grid-template-rows:repeat(5, minmax(0, 1fr))
  }

  .lg\:grid-rows-6{
    grid-template-rows:repeat(6, minmax(0, 1fr))
  }

  .lg\:grid-rows-none{
    grid-template-rows:none
  }

  .lg\:auto-rows-auto{
    grid-auto-rows:auto
  }

  .lg\:auto-rows-min{
    grid-auto-rows:min-content
  }

  .lg\:auto-rows-max{
    grid-auto-rows:max-content
  }

  .lg\:auto-rows-fr{
    grid-auto-rows:minmax(0, 1fr)
  }

  .lg\:row-auto{
    grid-row:auto
  }

  .lg\:row-span-1{
    grid-row:span 1 / span 1
  }

  .lg\:row-span-2{
    grid-row:span 2 / span 2
  }

  .lg\:row-span-3{
    grid-row:span 3 / span 3
  }

  .lg\:row-span-4{
    grid-row:span 4 / span 4
  }

  .lg\:row-span-5{
    grid-row:span 5 / span 5
  }

  .lg\:row-span-6{
    grid-row:span 6 / span 6
  }

  .lg\:row-span-full{
    grid-row:1 / -1
  }

  .lg\:row-start-1{
    grid-row-start:1
  }

  .lg\:row-start-2{
    grid-row-start:2
  }

  .lg\:row-start-3{
    grid-row-start:3
  }

  .lg\:row-start-4{
    grid-row-start:4
  }

  .lg\:row-start-5{
    grid-row-start:5
  }

  .lg\:row-start-6{
    grid-row-start:6
  }

  .lg\:row-start-7{
    grid-row-start:7
  }

  .lg\:row-start-auto{
    grid-row-start:auto
  }

  .lg\:row-end-1{
    grid-row-end:1
  }

  .lg\:row-end-2{
    grid-row-end:2
  }

  .lg\:row-end-3{
    grid-row-end:3
  }

  .lg\:row-end-4{
    grid-row-end:4
  }

  .lg\:row-end-5{
    grid-row-end:5
  }

  .lg\:row-end-6{
    grid-row-end:6
  }

  .lg\:row-end-7{
    grid-row-end:7
  }

  .lg\:row-end-auto{
    grid-row-end:auto
  }

  .lg\:transform{
    --transform-translate-x:0;
    --transform-translate-y:0;
    --transform-rotate:0;
    --transform-skew-x:0;
    --transform-skew-y:0;
    --transform-scale-x:1;
    --transform-scale-y:1;
    transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
  }

  .lg\:transform-none{
    transform:none
  }

  .lg\:origin-center{
    transform-origin:center
  }

  .lg\:origin-top{
    transform-origin:top
  }

  .lg\:origin-top-right{
    transform-origin:top right
  }

  .lg\:origin-right{
    transform-origin:right
  }

  .lg\:origin-bottom-right{
    transform-origin:bottom right
  }

  .lg\:origin-bottom{
    transform-origin:bottom
  }

  .lg\:origin-bottom-left{
    transform-origin:bottom left
  }

  .lg\:origin-left{
    transform-origin:left
  }

  .lg\:origin-top-left{
    transform-origin:top left
  }

  .lg\:scale-0{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .lg\:scale-50{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .lg\:scale-75{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .lg\:scale-90{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .lg\:scale-95{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .lg\:scale-100{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .lg\:scale-105{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .lg\:scale-110{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .lg\:scale-125{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .lg\:scale-150{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .lg\:scale-x-0{
    --transform-scale-x:0
  }

  .lg\:scale-x-50{
    --transform-scale-x:.5
  }

  .lg\:scale-x-75{
    --transform-scale-x:.75
  }

  .lg\:scale-x-90{
    --transform-scale-x:.9
  }

  .lg\:scale-x-95{
    --transform-scale-x:.95
  }

  .lg\:scale-x-100{
    --transform-scale-x:1
  }

  .lg\:scale-x-105{
    --transform-scale-x:1.05
  }

  .lg\:scale-x-110{
    --transform-scale-x:1.1
  }

  .lg\:scale-x-125{
    --transform-scale-x:1.25
  }

  .lg\:scale-x-150{
    --transform-scale-x:1.5
  }

  .lg\:scale-y-0{
    --transform-scale-y:0
  }

  .lg\:scale-y-50{
    --transform-scale-y:.5
  }

  .lg\:scale-y-75{
    --transform-scale-y:.75
  }

  .lg\:scale-y-90{
    --transform-scale-y:.9
  }

  .lg\:scale-y-95{
    --transform-scale-y:.95
  }

  .lg\:scale-y-100{
    --transform-scale-y:1
  }

  .lg\:scale-y-105{
    --transform-scale-y:1.05
  }

  .lg\:scale-y-110{
    --transform-scale-y:1.1
  }

  .lg\:scale-y-125{
    --transform-scale-y:1.25
  }

  .lg\:scale-y-150{
    --transform-scale-y:1.5
  }

  .lg\:hover\:scale-0:hover{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .lg\:hover\:scale-50:hover{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .lg\:hover\:scale-75:hover{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .lg\:hover\:scale-90:hover{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .lg\:hover\:scale-95:hover{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .lg\:hover\:scale-100:hover{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .lg\:hover\:scale-105:hover{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .lg\:hover\:scale-110:hover{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .lg\:hover\:scale-125:hover{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .lg\:hover\:scale-150:hover{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .lg\:hover\:scale-x-0:hover{
    --transform-scale-x:0
  }

  .lg\:hover\:scale-x-50:hover{
    --transform-scale-x:.5
  }

  .lg\:hover\:scale-x-75:hover{
    --transform-scale-x:.75
  }

  .lg\:hover\:scale-x-90:hover{
    --transform-scale-x:.9
  }

  .lg\:hover\:scale-x-95:hover{
    --transform-scale-x:.95
  }

  .lg\:hover\:scale-x-100:hover{
    --transform-scale-x:1
  }

  .lg\:hover\:scale-x-105:hover{
    --transform-scale-x:1.05
  }

  .lg\:hover\:scale-x-110:hover{
    --transform-scale-x:1.1
  }

  .lg\:hover\:scale-x-125:hover{
    --transform-scale-x:1.25
  }

  .lg\:hover\:scale-x-150:hover{
    --transform-scale-x:1.5
  }

  .lg\:hover\:scale-y-0:hover{
    --transform-scale-y:0
  }

  .lg\:hover\:scale-y-50:hover{
    --transform-scale-y:.5
  }

  .lg\:hover\:scale-y-75:hover{
    --transform-scale-y:.75
  }

  .lg\:hover\:scale-y-90:hover{
    --transform-scale-y:.9
  }

  .lg\:hover\:scale-y-95:hover{
    --transform-scale-y:.95
  }

  .lg\:hover\:scale-y-100:hover{
    --transform-scale-y:1
  }

  .lg\:hover\:scale-y-105:hover{
    --transform-scale-y:1.05
  }

  .lg\:hover\:scale-y-110:hover{
    --transform-scale-y:1.1
  }

  .lg\:hover\:scale-y-125:hover{
    --transform-scale-y:1.25
  }

  .lg\:hover\:scale-y-150:hover{
    --transform-scale-y:1.5
  }

  .lg\:focus\:scale-0:focus{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .lg\:focus\:scale-50:focus{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .lg\:focus\:scale-75:focus{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .lg\:focus\:scale-90:focus{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .lg\:focus\:scale-95:focus{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .lg\:focus\:scale-100:focus{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .lg\:focus\:scale-105:focus{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .lg\:focus\:scale-110:focus{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .lg\:focus\:scale-125:focus{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .lg\:focus\:scale-150:focus{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .lg\:focus\:scale-x-0:focus{
    --transform-scale-x:0
  }

  .lg\:focus\:scale-x-50:focus{
    --transform-scale-x:.5
  }

  .lg\:focus\:scale-x-75:focus{
    --transform-scale-x:.75
  }

  .lg\:focus\:scale-x-90:focus{
    --transform-scale-x:.9
  }

  .lg\:focus\:scale-x-95:focus{
    --transform-scale-x:.95
  }

  .lg\:focus\:scale-x-100:focus{
    --transform-scale-x:1
  }

  .lg\:focus\:scale-x-105:focus{
    --transform-scale-x:1.05
  }

  .lg\:focus\:scale-x-110:focus{
    --transform-scale-x:1.1
  }

  .lg\:focus\:scale-x-125:focus{
    --transform-scale-x:1.25
  }

  .lg\:focus\:scale-x-150:focus{
    --transform-scale-x:1.5
  }

  .lg\:focus\:scale-y-0:focus{
    --transform-scale-y:0
  }

  .lg\:focus\:scale-y-50:focus{
    --transform-scale-y:.5
  }

  .lg\:focus\:scale-y-75:focus{
    --transform-scale-y:.75
  }

  .lg\:focus\:scale-y-90:focus{
    --transform-scale-y:.9
  }

  .lg\:focus\:scale-y-95:focus{
    --transform-scale-y:.95
  }

  .lg\:focus\:scale-y-100:focus{
    --transform-scale-y:1
  }

  .lg\:focus\:scale-y-105:focus{
    --transform-scale-y:1.05
  }

  .lg\:focus\:scale-y-110:focus{
    --transform-scale-y:1.1
  }

  .lg\:focus\:scale-y-125:focus{
    --transform-scale-y:1.25
  }

  .lg\:focus\:scale-y-150:focus{
    --transform-scale-y:1.5
  }

  .lg\:rotate-0{
    --transform-rotate:0
  }

  .lg\:rotate-1{
    --transform-rotate:1deg
  }

  .lg\:rotate-2{
    --transform-rotate:2deg
  }

  .lg\:rotate-3{
    --transform-rotate:3deg
  }

  .lg\:rotate-6{
    --transform-rotate:6deg
  }

  .lg\:rotate-12{
    --transform-rotate:12deg
  }

  .lg\:rotate-45{
    --transform-rotate:45deg
  }

  .lg\:rotate-90{
    --transform-rotate:90deg
  }

  .lg\:rotate-180{
    --transform-rotate:180deg
  }

  .lg\:-rotate-180{
    --transform-rotate:-180deg
  }

  .lg\:-rotate-90{
    --transform-rotate:-90deg
  }

  .lg\:-rotate-45{
    --transform-rotate:-45deg
  }

  .lg\:-rotate-12{
    --transform-rotate:-12deg
  }

  .lg\:-rotate-6{
    --transform-rotate:-6deg
  }

  .lg\:-rotate-3{
    --transform-rotate:-3deg
  }

  .lg\:-rotate-2{
    --transform-rotate:-2deg
  }

  .lg\:-rotate-1{
    --transform-rotate:-1deg
  }

  .lg\:hover\:rotate-0:hover{
    --transform-rotate:0
  }

  .lg\:hover\:rotate-1:hover{
    --transform-rotate:1deg
  }

  .lg\:hover\:rotate-2:hover{
    --transform-rotate:2deg
  }

  .lg\:hover\:rotate-3:hover{
    --transform-rotate:3deg
  }

  .lg\:hover\:rotate-6:hover{
    --transform-rotate:6deg
  }

  .lg\:hover\:rotate-12:hover{
    --transform-rotate:12deg
  }

  .lg\:hover\:rotate-45:hover{
    --transform-rotate:45deg
  }

  .lg\:hover\:rotate-90:hover{
    --transform-rotate:90deg
  }

  .lg\:hover\:rotate-180:hover{
    --transform-rotate:180deg
  }

  .lg\:hover\:-rotate-180:hover{
    --transform-rotate:-180deg
  }

  .lg\:hover\:-rotate-90:hover{
    --transform-rotate:-90deg
  }

  .lg\:hover\:-rotate-45:hover{
    --transform-rotate:-45deg
  }

  .lg\:hover\:-rotate-12:hover{
    --transform-rotate:-12deg
  }

  .lg\:hover\:-rotate-6:hover{
    --transform-rotate:-6deg
  }

  .lg\:hover\:-rotate-3:hover{
    --transform-rotate:-3deg
  }

  .lg\:hover\:-rotate-2:hover{
    --transform-rotate:-2deg
  }

  .lg\:hover\:-rotate-1:hover{
    --transform-rotate:-1deg
  }

  .lg\:focus\:rotate-0:focus{
    --transform-rotate:0
  }

  .lg\:focus\:rotate-1:focus{
    --transform-rotate:1deg
  }

  .lg\:focus\:rotate-2:focus{
    --transform-rotate:2deg
  }

  .lg\:focus\:rotate-3:focus{
    --transform-rotate:3deg
  }

  .lg\:focus\:rotate-6:focus{
    --transform-rotate:6deg
  }

  .lg\:focus\:rotate-12:focus{
    --transform-rotate:12deg
  }

  .lg\:focus\:rotate-45:focus{
    --transform-rotate:45deg
  }

  .lg\:focus\:rotate-90:focus{
    --transform-rotate:90deg
  }

  .lg\:focus\:rotate-180:focus{
    --transform-rotate:180deg
  }

  .lg\:focus\:-rotate-180:focus{
    --transform-rotate:-180deg
  }

  .lg\:focus\:-rotate-90:focus{
    --transform-rotate:-90deg
  }

  .lg\:focus\:-rotate-45:focus{
    --transform-rotate:-45deg
  }

  .lg\:focus\:-rotate-12:focus{
    --transform-rotate:-12deg
  }

  .lg\:focus\:-rotate-6:focus{
    --transform-rotate:-6deg
  }

  .lg\:focus\:-rotate-3:focus{
    --transform-rotate:-3deg
  }

  .lg\:focus\:-rotate-2:focus{
    --transform-rotate:-2deg
  }

  .lg\:focus\:-rotate-1:focus{
    --transform-rotate:-1deg
  }

  .lg\:translate-x-0{
    --transform-translate-x:0
  }

  .lg\:translate-x-1{
    --transform-translate-x:0.25rem
  }

  .lg\:translate-x-2{
    --transform-translate-x:0.5rem
  }

  .lg\:translate-x-3{
    --transform-translate-x:0.75rem
  }

  .lg\:translate-x-4{
    --transform-translate-x:1rem
  }

  .lg\:translate-x-5{
    --transform-translate-x:1.25rem
  }

  .lg\:translate-x-6{
    --transform-translate-x:1.5rem
  }

  .lg\:translate-x-8{
    --transform-translate-x:2rem
  }

  .lg\:translate-x-10{
    --transform-translate-x:2.5rem
  }

  .lg\:translate-x-12{
    --transform-translate-x:3rem
  }

  .lg\:translate-x-16{
    --transform-translate-x:4rem
  }

  .lg\:translate-x-20{
    --transform-translate-x:5rem
  }

  .lg\:translate-x-24{
    --transform-translate-x:6rem
  }

  .lg\:translate-x-32{
    --transform-translate-x:8rem
  }

  .lg\:translate-x-40{
    --transform-translate-x:10rem
  }

  .lg\:translate-x-48{
    --transform-translate-x:12rem
  }

  .lg\:translate-x-56{
    --transform-translate-x:14rem
  }

  .lg\:translate-x-64{
    --transform-translate-x:16rem
  }

  .lg\:translate-x-px{
    --transform-translate-x:1px
  }

  .lg\:-translate-x-1{
    --transform-translate-x:-0.25rem
  }

  .lg\:-translate-x-2{
    --transform-translate-x:-0.5rem
  }

  .lg\:-translate-x-3{
    --transform-translate-x:-0.75rem
  }

  .lg\:-translate-x-4{
    --transform-translate-x:-1rem
  }

  .lg\:-translate-x-5{
    --transform-translate-x:-1.25rem
  }

  .lg\:-translate-x-6{
    --transform-translate-x:-1.5rem
  }

  .lg\:-translate-x-8{
    --transform-translate-x:-2rem
  }

  .lg\:-translate-x-10{
    --transform-translate-x:-2.5rem
  }

  .lg\:-translate-x-12{
    --transform-translate-x:-3rem
  }

  .lg\:-translate-x-16{
    --transform-translate-x:-4rem
  }

  .lg\:-translate-x-20{
    --transform-translate-x:-5rem
  }

  .lg\:-translate-x-24{
    --transform-translate-x:-6rem
  }

  .lg\:-translate-x-32{
    --transform-translate-x:-8rem
  }

  .lg\:-translate-x-40{
    --transform-translate-x:-10rem
  }

  .lg\:-translate-x-48{
    --transform-translate-x:-12rem
  }

  .lg\:-translate-x-56{
    --transform-translate-x:-14rem
  }

  .lg\:-translate-x-64{
    --transform-translate-x:-16rem
  }

  .lg\:-translate-x-px{
    --transform-translate-x:-1px
  }

  .lg\:-translate-x-full{
    --transform-translate-x:-100%
  }

  .lg\:-translate-x-1\/2{
    --transform-translate-x:-50%
  }

  .lg\:translate-x-1\/2{
    --transform-translate-x:50%
  }

  .lg\:translate-x-full{
    --transform-translate-x:100%
  }

  .lg\:translate-y-0{
    --transform-translate-y:0
  }

  .lg\:translate-y-1{
    --transform-translate-y:0.25rem
  }

  .lg\:translate-y-2{
    --transform-translate-y:0.5rem
  }

  .lg\:translate-y-3{
    --transform-translate-y:0.75rem
  }

  .lg\:translate-y-4{
    --transform-translate-y:1rem
  }

  .lg\:translate-y-5{
    --transform-translate-y:1.25rem
  }

  .lg\:translate-y-6{
    --transform-translate-y:1.5rem
  }

  .lg\:translate-y-8{
    --transform-translate-y:2rem
  }

  .lg\:translate-y-10{
    --transform-translate-y:2.5rem
  }

  .lg\:translate-y-12{
    --transform-translate-y:3rem
  }

  .lg\:translate-y-16{
    --transform-translate-y:4rem
  }

  .lg\:translate-y-20{
    --transform-translate-y:5rem
  }

  .lg\:translate-y-24{
    --transform-translate-y:6rem
  }

  .lg\:translate-y-32{
    --transform-translate-y:8rem
  }

  .lg\:translate-y-40{
    --transform-translate-y:10rem
  }

  .lg\:translate-y-48{
    --transform-translate-y:12rem
  }

  .lg\:translate-y-56{
    --transform-translate-y:14rem
  }

  .lg\:translate-y-64{
    --transform-translate-y:16rem
  }

  .lg\:translate-y-px{
    --transform-translate-y:1px
  }

  .lg\:-translate-y-1{
    --transform-translate-y:-0.25rem
  }

  .lg\:-translate-y-2{
    --transform-translate-y:-0.5rem
  }

  .lg\:-translate-y-3{
    --transform-translate-y:-0.75rem
  }

  .lg\:-translate-y-4{
    --transform-translate-y:-1rem
  }

  .lg\:-translate-y-5{
    --transform-translate-y:-1.25rem
  }

  .lg\:-translate-y-6{
    --transform-translate-y:-1.5rem
  }

  .lg\:-translate-y-8{
    --transform-translate-y:-2rem
  }

  .lg\:-translate-y-10{
    --transform-translate-y:-2.5rem
  }

  .lg\:-translate-y-12{
    --transform-translate-y:-3rem
  }

  .lg\:-translate-y-16{
    --transform-translate-y:-4rem
  }

  .lg\:-translate-y-20{
    --transform-translate-y:-5rem
  }

  .lg\:-translate-y-24{
    --transform-translate-y:-6rem
  }

  .lg\:-translate-y-32{
    --transform-translate-y:-8rem
  }

  .lg\:-translate-y-40{
    --transform-translate-y:-10rem
  }

  .lg\:-translate-y-48{
    --transform-translate-y:-12rem
  }

  .lg\:-translate-y-56{
    --transform-translate-y:-14rem
  }

  .lg\:-translate-y-64{
    --transform-translate-y:-16rem
  }

  .lg\:-translate-y-px{
    --transform-translate-y:-1px
  }

  .lg\:-translate-y-full{
    --transform-translate-y:-100%
  }

  .lg\:-translate-y-1\/2{
    --transform-translate-y:-50%
  }

  .lg\:translate-y-1\/2{
    --transform-translate-y:50%
  }

  .lg\:translate-y-full{
    --transform-translate-y:100%
  }

  .lg\:hover\:translate-x-0:hover{
    --transform-translate-x:0
  }

  .lg\:hover\:translate-x-1:hover{
    --transform-translate-x:0.25rem
  }

  .lg\:hover\:translate-x-2:hover{
    --transform-translate-x:0.5rem
  }

  .lg\:hover\:translate-x-3:hover{
    --transform-translate-x:0.75rem
  }

  .lg\:hover\:translate-x-4:hover{
    --transform-translate-x:1rem
  }

  .lg\:hover\:translate-x-5:hover{
    --transform-translate-x:1.25rem
  }

  .lg\:hover\:translate-x-6:hover{
    --transform-translate-x:1.5rem
  }

  .lg\:hover\:translate-x-8:hover{
    --transform-translate-x:2rem
  }

  .lg\:hover\:translate-x-10:hover{
    --transform-translate-x:2.5rem
  }

  .lg\:hover\:translate-x-12:hover{
    --transform-translate-x:3rem
  }

  .lg\:hover\:translate-x-16:hover{
    --transform-translate-x:4rem
  }

  .lg\:hover\:translate-x-20:hover{
    --transform-translate-x:5rem
  }

  .lg\:hover\:translate-x-24:hover{
    --transform-translate-x:6rem
  }

  .lg\:hover\:translate-x-32:hover{
    --transform-translate-x:8rem
  }

  .lg\:hover\:translate-x-40:hover{
    --transform-translate-x:10rem
  }

  .lg\:hover\:translate-x-48:hover{
    --transform-translate-x:12rem
  }

  .lg\:hover\:translate-x-56:hover{
    --transform-translate-x:14rem
  }

  .lg\:hover\:translate-x-64:hover{
    --transform-translate-x:16rem
  }

  .lg\:hover\:translate-x-px:hover{
    --transform-translate-x:1px
  }

  .lg\:hover\:-translate-x-1:hover{
    --transform-translate-x:-0.25rem
  }

  .lg\:hover\:-translate-x-2:hover{
    --transform-translate-x:-0.5rem
  }

  .lg\:hover\:-translate-x-3:hover{
    --transform-translate-x:-0.75rem
  }

  .lg\:hover\:-translate-x-4:hover{
    --transform-translate-x:-1rem
  }

  .lg\:hover\:-translate-x-5:hover{
    --transform-translate-x:-1.25rem
  }

  .lg\:hover\:-translate-x-6:hover{
    --transform-translate-x:-1.5rem
  }

  .lg\:hover\:-translate-x-8:hover{
    --transform-translate-x:-2rem
  }

  .lg\:hover\:-translate-x-10:hover{
    --transform-translate-x:-2.5rem
  }

  .lg\:hover\:-translate-x-12:hover{
    --transform-translate-x:-3rem
  }

  .lg\:hover\:-translate-x-16:hover{
    --transform-translate-x:-4rem
  }

  .lg\:hover\:-translate-x-20:hover{
    --transform-translate-x:-5rem
  }

  .lg\:hover\:-translate-x-24:hover{
    --transform-translate-x:-6rem
  }

  .lg\:hover\:-translate-x-32:hover{
    --transform-translate-x:-8rem
  }

  .lg\:hover\:-translate-x-40:hover{
    --transform-translate-x:-10rem
  }

  .lg\:hover\:-translate-x-48:hover{
    --transform-translate-x:-12rem
  }

  .lg\:hover\:-translate-x-56:hover{
    --transform-translate-x:-14rem
  }

  .lg\:hover\:-translate-x-64:hover{
    --transform-translate-x:-16rem
  }

  .lg\:hover\:-translate-x-px:hover{
    --transform-translate-x:-1px
  }

  .lg\:hover\:-translate-x-full:hover{
    --transform-translate-x:-100%
  }

  .lg\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x:-50%
  }

  .lg\:hover\:translate-x-1\/2:hover{
    --transform-translate-x:50%
  }

  .lg\:hover\:translate-x-full:hover{
    --transform-translate-x:100%
  }

  .lg\:hover\:translate-y-0:hover{
    --transform-translate-y:0
  }

  .lg\:hover\:translate-y-1:hover{
    --transform-translate-y:0.25rem
  }

  .lg\:hover\:translate-y-2:hover{
    --transform-translate-y:0.5rem
  }

  .lg\:hover\:translate-y-3:hover{
    --transform-translate-y:0.75rem
  }

  .lg\:hover\:translate-y-4:hover{
    --transform-translate-y:1rem
  }

  .lg\:hover\:translate-y-5:hover{
    --transform-translate-y:1.25rem
  }

  .lg\:hover\:translate-y-6:hover{
    --transform-translate-y:1.5rem
  }

  .lg\:hover\:translate-y-8:hover{
    --transform-translate-y:2rem
  }

  .lg\:hover\:translate-y-10:hover{
    --transform-translate-y:2.5rem
  }

  .lg\:hover\:translate-y-12:hover{
    --transform-translate-y:3rem
  }

  .lg\:hover\:translate-y-16:hover{
    --transform-translate-y:4rem
  }

  .lg\:hover\:translate-y-20:hover{
    --transform-translate-y:5rem
  }

  .lg\:hover\:translate-y-24:hover{
    --transform-translate-y:6rem
  }

  .lg\:hover\:translate-y-32:hover{
    --transform-translate-y:8rem
  }

  .lg\:hover\:translate-y-40:hover{
    --transform-translate-y:10rem
  }

  .lg\:hover\:translate-y-48:hover{
    --transform-translate-y:12rem
  }

  .lg\:hover\:translate-y-56:hover{
    --transform-translate-y:14rem
  }

  .lg\:hover\:translate-y-64:hover{
    --transform-translate-y:16rem
  }

  .lg\:hover\:translate-y-px:hover{
    --transform-translate-y:1px
  }

  .lg\:hover\:-translate-y-1:hover{
    --transform-translate-y:-0.25rem
  }

  .lg\:hover\:-translate-y-2:hover{
    --transform-translate-y:-0.5rem
  }

  .lg\:hover\:-translate-y-3:hover{
    --transform-translate-y:-0.75rem
  }

  .lg\:hover\:-translate-y-4:hover{
    --transform-translate-y:-1rem
  }

  .lg\:hover\:-translate-y-5:hover{
    --transform-translate-y:-1.25rem
  }

  .lg\:hover\:-translate-y-6:hover{
    --transform-translate-y:-1.5rem
  }

  .lg\:hover\:-translate-y-8:hover{
    --transform-translate-y:-2rem
  }

  .lg\:hover\:-translate-y-10:hover{
    --transform-translate-y:-2.5rem
  }

  .lg\:hover\:-translate-y-12:hover{
    --transform-translate-y:-3rem
  }

  .lg\:hover\:-translate-y-16:hover{
    --transform-translate-y:-4rem
  }

  .lg\:hover\:-translate-y-20:hover{
    --transform-translate-y:-5rem
  }

  .lg\:hover\:-translate-y-24:hover{
    --transform-translate-y:-6rem
  }

  .lg\:hover\:-translate-y-32:hover{
    --transform-translate-y:-8rem
  }

  .lg\:hover\:-translate-y-40:hover{
    --transform-translate-y:-10rem
  }

  .lg\:hover\:-translate-y-48:hover{
    --transform-translate-y:-12rem
  }

  .lg\:hover\:-translate-y-56:hover{
    --transform-translate-y:-14rem
  }

  .lg\:hover\:-translate-y-64:hover{
    --transform-translate-y:-16rem
  }

  .lg\:hover\:-translate-y-px:hover{
    --transform-translate-y:-1px
  }

  .lg\:hover\:-translate-y-full:hover{
    --transform-translate-y:-100%
  }

  .lg\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y:-50%
  }

  .lg\:hover\:translate-y-1\/2:hover{
    --transform-translate-y:50%
  }

  .lg\:hover\:translate-y-full:hover{
    --transform-translate-y:100%
  }

  .lg\:focus\:translate-x-0:focus{
    --transform-translate-x:0
  }

  .lg\:focus\:translate-x-1:focus{
    --transform-translate-x:0.25rem
  }

  .lg\:focus\:translate-x-2:focus{
    --transform-translate-x:0.5rem
  }

  .lg\:focus\:translate-x-3:focus{
    --transform-translate-x:0.75rem
  }

  .lg\:focus\:translate-x-4:focus{
    --transform-translate-x:1rem
  }

  .lg\:focus\:translate-x-5:focus{
    --transform-translate-x:1.25rem
  }

  .lg\:focus\:translate-x-6:focus{
    --transform-translate-x:1.5rem
  }

  .lg\:focus\:translate-x-8:focus{
    --transform-translate-x:2rem
  }

  .lg\:focus\:translate-x-10:focus{
    --transform-translate-x:2.5rem
  }

  .lg\:focus\:translate-x-12:focus{
    --transform-translate-x:3rem
  }

  .lg\:focus\:translate-x-16:focus{
    --transform-translate-x:4rem
  }

  .lg\:focus\:translate-x-20:focus{
    --transform-translate-x:5rem
  }

  .lg\:focus\:translate-x-24:focus{
    --transform-translate-x:6rem
  }

  .lg\:focus\:translate-x-32:focus{
    --transform-translate-x:8rem
  }

  .lg\:focus\:translate-x-40:focus{
    --transform-translate-x:10rem
  }

  .lg\:focus\:translate-x-48:focus{
    --transform-translate-x:12rem
  }

  .lg\:focus\:translate-x-56:focus{
    --transform-translate-x:14rem
  }

  .lg\:focus\:translate-x-64:focus{
    --transform-translate-x:16rem
  }

  .lg\:focus\:translate-x-px:focus{
    --transform-translate-x:1px
  }

  .lg\:focus\:-translate-x-1:focus{
    --transform-translate-x:-0.25rem
  }

  .lg\:focus\:-translate-x-2:focus{
    --transform-translate-x:-0.5rem
  }

  .lg\:focus\:-translate-x-3:focus{
    --transform-translate-x:-0.75rem
  }

  .lg\:focus\:-translate-x-4:focus{
    --transform-translate-x:-1rem
  }

  .lg\:focus\:-translate-x-5:focus{
    --transform-translate-x:-1.25rem
  }

  .lg\:focus\:-translate-x-6:focus{
    --transform-translate-x:-1.5rem
  }

  .lg\:focus\:-translate-x-8:focus{
    --transform-translate-x:-2rem
  }

  .lg\:focus\:-translate-x-10:focus{
    --transform-translate-x:-2.5rem
  }

  .lg\:focus\:-translate-x-12:focus{
    --transform-translate-x:-3rem
  }

  .lg\:focus\:-translate-x-16:focus{
    --transform-translate-x:-4rem
  }

  .lg\:focus\:-translate-x-20:focus{
    --transform-translate-x:-5rem
  }

  .lg\:focus\:-translate-x-24:focus{
    --transform-translate-x:-6rem
  }

  .lg\:focus\:-translate-x-32:focus{
    --transform-translate-x:-8rem
  }

  .lg\:focus\:-translate-x-40:focus{
    --transform-translate-x:-10rem
  }

  .lg\:focus\:-translate-x-48:focus{
    --transform-translate-x:-12rem
  }

  .lg\:focus\:-translate-x-56:focus{
    --transform-translate-x:-14rem
  }

  .lg\:focus\:-translate-x-64:focus{
    --transform-translate-x:-16rem
  }

  .lg\:focus\:-translate-x-px:focus{
    --transform-translate-x:-1px
  }

  .lg\:focus\:-translate-x-full:focus{
    --transform-translate-x:-100%
  }

  .lg\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x:-50%
  }

  .lg\:focus\:translate-x-1\/2:focus{
    --transform-translate-x:50%
  }

  .lg\:focus\:translate-x-full:focus{
    --transform-translate-x:100%
  }

  .lg\:focus\:translate-y-0:focus{
    --transform-translate-y:0
  }

  .lg\:focus\:translate-y-1:focus{
    --transform-translate-y:0.25rem
  }

  .lg\:focus\:translate-y-2:focus{
    --transform-translate-y:0.5rem
  }

  .lg\:focus\:translate-y-3:focus{
    --transform-translate-y:0.75rem
  }

  .lg\:focus\:translate-y-4:focus{
    --transform-translate-y:1rem
  }

  .lg\:focus\:translate-y-5:focus{
    --transform-translate-y:1.25rem
  }

  .lg\:focus\:translate-y-6:focus{
    --transform-translate-y:1.5rem
  }

  .lg\:focus\:translate-y-8:focus{
    --transform-translate-y:2rem
  }

  .lg\:focus\:translate-y-10:focus{
    --transform-translate-y:2.5rem
  }

  .lg\:focus\:translate-y-12:focus{
    --transform-translate-y:3rem
  }

  .lg\:focus\:translate-y-16:focus{
    --transform-translate-y:4rem
  }

  .lg\:focus\:translate-y-20:focus{
    --transform-translate-y:5rem
  }

  .lg\:focus\:translate-y-24:focus{
    --transform-translate-y:6rem
  }

  .lg\:focus\:translate-y-32:focus{
    --transform-translate-y:8rem
  }

  .lg\:focus\:translate-y-40:focus{
    --transform-translate-y:10rem
  }

  .lg\:focus\:translate-y-48:focus{
    --transform-translate-y:12rem
  }

  .lg\:focus\:translate-y-56:focus{
    --transform-translate-y:14rem
  }

  .lg\:focus\:translate-y-64:focus{
    --transform-translate-y:16rem
  }

  .lg\:focus\:translate-y-px:focus{
    --transform-translate-y:1px
  }

  .lg\:focus\:-translate-y-1:focus{
    --transform-translate-y:-0.25rem
  }

  .lg\:focus\:-translate-y-2:focus{
    --transform-translate-y:-0.5rem
  }

  .lg\:focus\:-translate-y-3:focus{
    --transform-translate-y:-0.75rem
  }

  .lg\:focus\:-translate-y-4:focus{
    --transform-translate-y:-1rem
  }

  .lg\:focus\:-translate-y-5:focus{
    --transform-translate-y:-1.25rem
  }

  .lg\:focus\:-translate-y-6:focus{
    --transform-translate-y:-1.5rem
  }

  .lg\:focus\:-translate-y-8:focus{
    --transform-translate-y:-2rem
  }

  .lg\:focus\:-translate-y-10:focus{
    --transform-translate-y:-2.5rem
  }

  .lg\:focus\:-translate-y-12:focus{
    --transform-translate-y:-3rem
  }

  .lg\:focus\:-translate-y-16:focus{
    --transform-translate-y:-4rem
  }

  .lg\:focus\:-translate-y-20:focus{
    --transform-translate-y:-5rem
  }

  .lg\:focus\:-translate-y-24:focus{
    --transform-translate-y:-6rem
  }

  .lg\:focus\:-translate-y-32:focus{
    --transform-translate-y:-8rem
  }

  .lg\:focus\:-translate-y-40:focus{
    --transform-translate-y:-10rem
  }

  .lg\:focus\:-translate-y-48:focus{
    --transform-translate-y:-12rem
  }

  .lg\:focus\:-translate-y-56:focus{
    --transform-translate-y:-14rem
  }

  .lg\:focus\:-translate-y-64:focus{
    --transform-translate-y:-16rem
  }

  .lg\:focus\:-translate-y-px:focus{
    --transform-translate-y:-1px
  }

  .lg\:focus\:-translate-y-full:focus{
    --transform-translate-y:-100%
  }

  .lg\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y:-50%
  }

  .lg\:focus\:translate-y-1\/2:focus{
    --transform-translate-y:50%
  }

  .lg\:focus\:translate-y-full:focus{
    --transform-translate-y:100%
  }

  .lg\:skew-x-0{
    --transform-skew-x:0
  }

  .lg\:skew-x-1{
    --transform-skew-x:1deg
  }

  .lg\:skew-x-2{
    --transform-skew-x:2deg
  }

  .lg\:skew-x-3{
    --transform-skew-x:3deg
  }

  .lg\:skew-x-6{
    --transform-skew-x:6deg
  }

  .lg\:skew-x-12{
    --transform-skew-x:12deg
  }

  .lg\:-skew-x-12{
    --transform-skew-x:-12deg
  }

  .lg\:-skew-x-6{
    --transform-skew-x:-6deg
  }

  .lg\:-skew-x-3{
    --transform-skew-x:-3deg
  }

  .lg\:-skew-x-2{
    --transform-skew-x:-2deg
  }

  .lg\:-skew-x-1{
    --transform-skew-x:-1deg
  }

  .lg\:skew-y-0{
    --transform-skew-y:0
  }

  .lg\:skew-y-1{
    --transform-skew-y:1deg
  }

  .lg\:skew-y-2{
    --transform-skew-y:2deg
  }

  .lg\:skew-y-3{
    --transform-skew-y:3deg
  }

  .lg\:skew-y-6{
    --transform-skew-y:6deg
  }

  .lg\:skew-y-12{
    --transform-skew-y:12deg
  }

  .lg\:-skew-y-12{
    --transform-skew-y:-12deg
  }

  .lg\:-skew-y-6{
    --transform-skew-y:-6deg
  }

  .lg\:-skew-y-3{
    --transform-skew-y:-3deg
  }

  .lg\:-skew-y-2{
    --transform-skew-y:-2deg
  }

  .lg\:-skew-y-1{
    --transform-skew-y:-1deg
  }

  .lg\:hover\:skew-x-0:hover{
    --transform-skew-x:0
  }

  .lg\:hover\:skew-x-1:hover{
    --transform-skew-x:1deg
  }

  .lg\:hover\:skew-x-2:hover{
    --transform-skew-x:2deg
  }

  .lg\:hover\:skew-x-3:hover{
    --transform-skew-x:3deg
  }

  .lg\:hover\:skew-x-6:hover{
    --transform-skew-x:6deg
  }

  .lg\:hover\:skew-x-12:hover{
    --transform-skew-x:12deg
  }

  .lg\:hover\:-skew-x-12:hover{
    --transform-skew-x:-12deg
  }

  .lg\:hover\:-skew-x-6:hover{
    --transform-skew-x:-6deg
  }

  .lg\:hover\:-skew-x-3:hover{
    --transform-skew-x:-3deg
  }

  .lg\:hover\:-skew-x-2:hover{
    --transform-skew-x:-2deg
  }

  .lg\:hover\:-skew-x-1:hover{
    --transform-skew-x:-1deg
  }

  .lg\:hover\:skew-y-0:hover{
    --transform-skew-y:0
  }

  .lg\:hover\:skew-y-1:hover{
    --transform-skew-y:1deg
  }

  .lg\:hover\:skew-y-2:hover{
    --transform-skew-y:2deg
  }

  .lg\:hover\:skew-y-3:hover{
    --transform-skew-y:3deg
  }

  .lg\:hover\:skew-y-6:hover{
    --transform-skew-y:6deg
  }

  .lg\:hover\:skew-y-12:hover{
    --transform-skew-y:12deg
  }

  .lg\:hover\:-skew-y-12:hover{
    --transform-skew-y:-12deg
  }

  .lg\:hover\:-skew-y-6:hover{
    --transform-skew-y:-6deg
  }

  .lg\:hover\:-skew-y-3:hover{
    --transform-skew-y:-3deg
  }

  .lg\:hover\:-skew-y-2:hover{
    --transform-skew-y:-2deg
  }

  .lg\:hover\:-skew-y-1:hover{
    --transform-skew-y:-1deg
  }

  .lg\:focus\:skew-x-0:focus{
    --transform-skew-x:0
  }

  .lg\:focus\:skew-x-1:focus{
    --transform-skew-x:1deg
  }

  .lg\:focus\:skew-x-2:focus{
    --transform-skew-x:2deg
  }

  .lg\:focus\:skew-x-3:focus{
    --transform-skew-x:3deg
  }

  .lg\:focus\:skew-x-6:focus{
    --transform-skew-x:6deg
  }

  .lg\:focus\:skew-x-12:focus{
    --transform-skew-x:12deg
  }

  .lg\:focus\:-skew-x-12:focus{
    --transform-skew-x:-12deg
  }

  .lg\:focus\:-skew-x-6:focus{
    --transform-skew-x:-6deg
  }

  .lg\:focus\:-skew-x-3:focus{
    --transform-skew-x:-3deg
  }

  .lg\:focus\:-skew-x-2:focus{
    --transform-skew-x:-2deg
  }

  .lg\:focus\:-skew-x-1:focus{
    --transform-skew-x:-1deg
  }

  .lg\:focus\:skew-y-0:focus{
    --transform-skew-y:0
  }

  .lg\:focus\:skew-y-1:focus{
    --transform-skew-y:1deg
  }

  .lg\:focus\:skew-y-2:focus{
    --transform-skew-y:2deg
  }

  .lg\:focus\:skew-y-3:focus{
    --transform-skew-y:3deg
  }

  .lg\:focus\:skew-y-6:focus{
    --transform-skew-y:6deg
  }

  .lg\:focus\:skew-y-12:focus{
    --transform-skew-y:12deg
  }

  .lg\:focus\:-skew-y-12:focus{
    --transform-skew-y:-12deg
  }

  .lg\:focus\:-skew-y-6:focus{
    --transform-skew-y:-6deg
  }

  .lg\:focus\:-skew-y-3:focus{
    --transform-skew-y:-3deg
  }

  .lg\:focus\:-skew-y-2:focus{
    --transform-skew-y:-2deg
  }

  .lg\:focus\:-skew-y-1:focus{
    --transform-skew-y:-1deg
  }

  .lg\:transition-none{
    transition-property:none
  }

  .lg\:transition-all{
    transition-property:all
  }

  .lg\:transition{
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
  }

  .lg\:transition-colors{
    transition-property:background-color, border-color, color, fill, stroke
  }

  .lg\:transition-opacity{
    transition-property:opacity
  }

  .lg\:transition-shadow{
    transition-property:box-shadow
  }

  .lg\:transition-transform{
    transition-property:transform
  }

  .lg\:ease-linear{
    transition-timing-function:linear
  }

  .lg\:ease-in{
    transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
  }

  .lg\:ease-out{
    transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
  }

  .lg\:ease-in-out{
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
  }

  .lg\:duration-75{
    transition-duration:75ms
  }

  .lg\:duration-100{
    transition-duration:100ms
  }

  .lg\:duration-150{
    transition-duration:150ms
  }

  .lg\:duration-200{
    transition-duration:200ms
  }

  .lg\:duration-300{
    transition-duration:300ms
  }

  .lg\:duration-500{
    transition-duration:500ms
  }

  .lg\:duration-700{
    transition-duration:700ms
  }

  .lg\:duration-1000{
    transition-duration:1000ms
  }

  .lg\:delay-75{
    transition-delay:75ms
  }

  .lg\:delay-100{
    transition-delay:100ms
  }

  .lg\:delay-150{
    transition-delay:150ms
  }

  .lg\:delay-200{
    transition-delay:200ms
  }

  .lg\:delay-300{
    transition-delay:300ms
  }

  .lg\:delay-500{
    transition-delay:500ms
  }

  .lg\:delay-700{
    transition-delay:700ms
  }

  .lg\:delay-1000{
    transition-delay:1000ms
  }

  .lg\:animate-none{
    animation:none
  }

  .lg\:animate-spin{
    animation:spin 1s linear infinite
  }

  .lg\:animate-ping{
    animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
  }

  .lg\:animate-pulse{
    animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
  }

  .lg\:animate-bounce{
    animation:bounce 1s infinite
  }
}

@media (min-width: 1200px){
  .xl\:space-y-0 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0px * var(--space-y-reverse))
  }

  .xl\:space-x-0 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0px * var(--space-x-reverse));
    margin-left:calc(0px * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.25rem * var(--space-y-reverse))
  }

  .xl\:space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.25rem * var(--space-x-reverse));
    margin-left:calc(0.25rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.5rem * var(--space-y-reverse))
  }

  .xl\:space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.5rem * var(--space-x-reverse));
    margin-left:calc(0.5rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(0.75rem * var(--space-y-reverse))
  }

  .xl\:space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(0.75rem * var(--space-x-reverse));
    margin-left:calc(0.75rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1rem * var(--space-y-reverse))
  }

  .xl\:space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1rem * var(--space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1.25rem * var(--space-y-reverse))
  }

  .xl\:space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1.25rem * var(--space-x-reverse));
    margin-left:calc(1.25rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1.5rem * var(--space-y-reverse))
  }

  .xl\:space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1.5rem * var(--space-x-reverse));
    margin-left:calc(1.5rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(2rem * var(--space-y-reverse))
  }

  .xl\:space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(2rem * var(--space-x-reverse));
    margin-left:calc(2rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(2.5rem * var(--space-y-reverse))
  }

  .xl\:space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(2.5rem * var(--space-x-reverse));
    margin-left:calc(2.5rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(3rem * var(--space-y-reverse))
  }

  .xl\:space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(3rem * var(--space-x-reverse));
    margin-left:calc(3rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(4rem * var(--space-y-reverse))
  }

  .xl\:space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(4rem * var(--space-x-reverse));
    margin-left:calc(4rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(5rem * var(--space-y-reverse))
  }

  .xl\:space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(5rem * var(--space-x-reverse));
    margin-left:calc(5rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(6rem * var(--space-y-reverse))
  }

  .xl\:space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(6rem * var(--space-x-reverse));
    margin-left:calc(6rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(8rem * var(--space-y-reverse))
  }

  .xl\:space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(8rem * var(--space-x-reverse));
    margin-left:calc(8rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(10rem * var(--space-y-reverse))
  }

  .xl\:space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(10rem * var(--space-x-reverse));
    margin-left:calc(10rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(12rem * var(--space-y-reverse))
  }

  .xl\:space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(12rem * var(--space-x-reverse));
    margin-left:calc(12rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(14rem * var(--space-y-reverse))
  }

  .xl\:space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(14rem * var(--space-x-reverse));
    margin-left:calc(14rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(16rem * var(--space-y-reverse))
  }

  .xl\:space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(16rem * var(--space-x-reverse));
    margin-left:calc(16rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-px > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(1px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(1px * var(--space-y-reverse))
  }

  .xl\:space-x-px > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(1px * var(--space-x-reverse));
    margin-left:calc(1px * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-1 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.25rem * var(--space-y-reverse))
  }

  .xl\:-space-x-1 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.25rem * var(--space-x-reverse));
    margin-left:calc(-0.25rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-2 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.5rem * var(--space-y-reverse))
  }

  .xl\:-space-x-2 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.5rem * var(--space-x-reverse));
    margin-left:calc(-0.5rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-3 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-0.75rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-0.75rem * var(--space-y-reverse))
  }

  .xl\:-space-x-3 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-0.75rem * var(--space-x-reverse));
    margin-left:calc(-0.75rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-4 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1rem * var(--space-y-reverse))
  }

  .xl\:-space-x-4 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1rem * var(--space-x-reverse));
    margin-left:calc(-1rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-5 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1.25rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1.25rem * var(--space-y-reverse))
  }

  .xl\:-space-x-5 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1.25rem * var(--space-x-reverse));
    margin-left:calc(-1.25rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-6 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1.5rem * var(--space-y-reverse))
  }

  .xl\:-space-x-6 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1.5rem * var(--space-x-reverse));
    margin-left:calc(-1.5rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-8 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-2rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-2rem * var(--space-y-reverse))
  }

  .xl\:-space-x-8 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-2rem * var(--space-x-reverse));
    margin-left:calc(-2rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-10 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-2.5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-2.5rem * var(--space-y-reverse))
  }

  .xl\:-space-x-10 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-2.5rem * var(--space-x-reverse));
    margin-left:calc(-2.5rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-12 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-3rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-3rem * var(--space-y-reverse))
  }

  .xl\:-space-x-12 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-3rem * var(--space-x-reverse));
    margin-left:calc(-3rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-16 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-4rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-4rem * var(--space-y-reverse))
  }

  .xl\:-space-x-16 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-4rem * var(--space-x-reverse));
    margin-left:calc(-4rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-20 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-5rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-5rem * var(--space-y-reverse))
  }

  .xl\:-space-x-20 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-5rem * var(--space-x-reverse));
    margin-left:calc(-5rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-24 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-6rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-6rem * var(--space-y-reverse))
  }

  .xl\:-space-x-24 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-6rem * var(--space-x-reverse));
    margin-left:calc(-6rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-32 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-8rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-8rem * var(--space-y-reverse))
  }

  .xl\:-space-x-32 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-8rem * var(--space-x-reverse));
    margin-left:calc(-8rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-40 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-10rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-10rem * var(--space-y-reverse))
  }

  .xl\:-space-x-40 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-10rem * var(--space-x-reverse));
    margin-left:calc(-10rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-48 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-12rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-12rem * var(--space-y-reverse))
  }

  .xl\:-space-x-48 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-12rem * var(--space-x-reverse));
    margin-left:calc(-12rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-56 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-14rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-14rem * var(--space-y-reverse))
  }

  .xl\:-space-x-56 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-14rem * var(--space-x-reverse));
    margin-left:calc(-14rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-64 > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-16rem * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-16rem * var(--space-y-reverse))
  }

  .xl\:-space-x-64 > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-16rem * var(--space-x-reverse));
    margin-left:calc(-16rem * calc(1 - var(--space-x-reverse)))
  }

  .xl\:-space-y-px > :not(template) ~ :not(template){
    --space-y-reverse:0;
    margin-top:calc(-1px * calc(1 - var(--space-y-reverse)));
    margin-bottom:calc(-1px * var(--space-y-reverse))
  }

  .xl\:-space-x-px > :not(template) ~ :not(template){
    --space-x-reverse:0;
    margin-right:calc(-1px * var(--space-x-reverse));
    margin-left:calc(-1px * calc(1 - var(--space-x-reverse)))
  }

  .xl\:space-y-reverse > :not(template) ~ :not(template){
    --space-y-reverse:1
  }

  .xl\:space-x-reverse > :not(template) ~ :not(template){
    --space-x-reverse:1
  }

  .xl\:divide-y-0 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(0px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(0px * var(--divide-y-reverse))
  }

  .xl\:divide-x-0 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(0px * var(--divide-x-reverse));
    border-left-width:calc(0px * calc(1 - var(--divide-x-reverse)))
  }

  .xl\:divide-y-2 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(2px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(2px * var(--divide-y-reverse))
  }

  .xl\:divide-x-2 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(2px * var(--divide-x-reverse));
    border-left-width:calc(2px * calc(1 - var(--divide-x-reverse)))
  }

  .xl\:divide-y-4 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(4px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(4px * var(--divide-y-reverse))
  }

  .xl\:divide-x-4 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(4px * var(--divide-x-reverse));
    border-left-width:calc(4px * calc(1 - var(--divide-x-reverse)))
  }

  .xl\:divide-y-8 > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(8px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(8px * var(--divide-y-reverse))
  }

  .xl\:divide-x-8 > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(8px * var(--divide-x-reverse));
    border-left-width:calc(8px * calc(1 - var(--divide-x-reverse)))
  }

  .xl\:divide-y > :not(template) ~ :not(template){
    --divide-y-reverse:0;
    border-top-width:calc(1px * calc(1 - var(--divide-y-reverse)));
    border-bottom-width:calc(1px * var(--divide-y-reverse))
  }

  .xl\:divide-x > :not(template) ~ :not(template){
    --divide-x-reverse:0;
    border-right-width:calc(1px * var(--divide-x-reverse));
    border-left-width:calc(1px * calc(1 - var(--divide-x-reverse)))
  }

  .xl\:divide-y-reverse > :not(template) ~ :not(template){
    --divide-y-reverse:1
  }

  .xl\:divide-x-reverse > :not(template) ~ :not(template){
    --divide-x-reverse:1
  }

  .xl\:divide-transparent > :not(template) ~ :not(template){
    border-color:transparent
  }

  .xl\:divide-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#22292f;
    border-color:rgba(34, 41, 47, var(--divide-opacity))
  }

  .xl\:divide-real-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#000;
    border-color:rgba(0, 0, 0, var(--divide-opacity))
  }

  .xl\:divide-gray-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3d4852;
    border-color:rgba(61, 72, 82, var(--divide-opacity))
  }

  .xl\:divide-gray-700 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#606f7b;
    border-color:rgba(96, 111, 123, var(--divide-opacity))
  }

  .xl\:divide-gray-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#8795a1;
    border-color:rgba(135, 149, 161, var(--divide-opacity))
  }

  .xl\:divide-gray > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#b8c2cc;
    border-color:rgba(184, 194, 204, var(--divide-opacity))
  }

  .xl\:divide-gray-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#dae1e7;
    border-color:rgba(218, 225, 231, var(--divide-opacity))
  }

  .xl\:divide-gray-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f1f5f8;
    border-color:rgba(241, 245, 248, var(--divide-opacity))
  }

  .xl\:divide-gray-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f8fafc;
    border-color:rgba(248, 250, 252, var(--divide-opacity))
  }

  .xl\:divide-white > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ffffff;
    border-color:rgba(255, 255, 255, var(--divide-opacity))
  }

  .xl\:divide-off-white > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f7fafc;
    border-color:rgba(247, 250, 252, var(--divide-opacity))
  }

  .xl\:divide-grey-weldnote > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#dae1e7;
    border-color:rgba(218, 225, 231, var(--divide-opacity))
  }

  .xl\:divide-red-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3b0d0c;
    border-color:rgba(59, 13, 12, var(--divide-opacity))
  }

  .xl\:divide-red-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#621b18;
    border-color:rgba(98, 27, 24, var(--divide-opacity))
  }

  .xl\:divide-red-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#cc1f1a;
    border-color:rgba(204, 31, 26, var(--divide-opacity))
  }

  .xl\:divide-red > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#e3342f;
    border-color:rgba(227, 52, 47, var(--divide-opacity))
  }

  .xl\:divide-red-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ef5753;
    border-color:rgba(239, 87, 83, var(--divide-opacity))
  }

  .xl\:divide-red-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f9acaa;
    border-color:rgba(249, 172, 170, var(--divide-opacity))
  }

  .xl\:divide-red-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcebea;
    border-color:rgba(252, 235, 234, var(--divide-opacity))
  }

  .xl\:divide-yellow-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#453411;
    border-color:rgba(69, 52, 17, var(--divide-opacity))
  }

  .xl\:divide-yellow-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a77f2e;
    border-color:rgba(167, 127, 46, var(--divide-opacity))
  }

  .xl\:divide-yellow-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f2d024;
    border-color:rgba(242, 208, 36, var(--divide-opacity))
  }

  .xl\:divide-yellow > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ffed4a;
    border-color:rgba(255, 237, 74, var(--divide-opacity))
  }

  .xl\:divide-yellow-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff382;
    border-color:rgba(255, 243, 130, var(--divide-opacity))
  }

  .xl\:divide-yellow-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff9c2;
    border-color:rgba(255, 249, 194, var(--divide-opacity))
  }

  .xl\:divide-yellow-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcfbeb;
    border-color:rgba(252, 251, 235, var(--divide-opacity))
  }

  .xl\:divide-green-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#0f2f21;
    border-color:rgba(15, 47, 33, var(--divide-opacity))
  }

  .xl\:divide-green-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1a4731;
    border-color:rgba(26, 71, 49, var(--divide-opacity))
  }

  .xl\:divide-green-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1f9d55;
    border-color:rgba(31, 157, 85, var(--divide-opacity))
  }

  .xl\:divide-green > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#38c172;
    border-color:rgba(56, 193, 114, var(--divide-opacity))
  }

  .xl\:divide-green-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#51d88a;
    border-color:rgba(81, 216, 138, var(--divide-opacity))
  }

  .xl\:divide-green-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a2f5bf;
    border-color:rgba(162, 245, 191, var(--divide-opacity))
  }

  .xl\:divide-green-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#e3fcec;
    border-color:rgba(227, 252, 236, var(--divide-opacity))
  }

  .xl\:divide-blue-modal > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2e4050;
    border-color:rgba(46, 64, 80, var(--divide-opacity))
  }

  .xl\:divide-blue-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#12283a;
    border-color:rgba(18, 40, 58, var(--divide-opacity))
  }

  .xl\:divide-blue-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1c3d5a;
    border-color:rgba(28, 61, 90, var(--divide-opacity))
  }

  .xl\:divide-blue-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2779bd;
    border-color:rgba(39, 121, 189, var(--divide-opacity))
  }

  .xl\:divide-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#3498db;
    border-color:rgba(52, 152, 219, var(--divide-opacity))
  }

  .xl\:divide-blue-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6cb2eb;
    border-color:rgba(108, 178, 235, var(--divide-opacity))
  }

  .xl\:divide-blue-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#bcdefa;
    border-color:rgba(188, 222, 250, var(--divide-opacity))
  }

  .xl\:divide-blue-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#eff8ff;
    border-color:rgba(239, 248, 255, var(--divide-opacity))
  }

  .xl\:divide-purple-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#21183c;
    border-color:rgba(33, 24, 60, var(--divide-opacity))
  }

  .xl\:divide-purple-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#382b5f;
    border-color:rgba(56, 43, 95, var(--divide-opacity))
  }

  .xl\:divide-purple-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#794acf;
    border-color:rgba(121, 74, 207, var(--divide-opacity))
  }

  .xl\:divide-purple > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#9561e2;
    border-color:rgba(149, 97, 226, var(--divide-opacity))
  }

  .xl\:divide-purple-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#a779e9;
    border-color:rgba(167, 121, 233, var(--divide-opacity))
  }

  .xl\:divide-purple-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#d6bbfc;
    border-color:rgba(214, 187, 252, var(--divide-opacity))
  }

  .xl\:divide-purple-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f3ebff;
    border-color:rgba(243, 235, 255, var(--divide-opacity))
  }

  .xl\:divide-orange-900 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#462a16;
    border-color:rgba(70, 42, 22, var(--divide-opacity))
  }

  .xl\:divide-orange-800 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#613b1f;
    border-color:rgba(97, 59, 31, var(--divide-opacity))
  }

  .xl\:divide-orange-600 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#de751f;
    border-color:rgba(222, 117, 31, var(--divide-opacity))
  }

  .xl\:divide-orange > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f6993f;
    border-color:rgba(246, 153, 63, var(--divide-opacity))
  }

  .xl\:divide-orange-400 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#faad63;
    border-color:rgba(250, 173, 99, var(--divide-opacity))
  }

  .xl\:divide-orange-200 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fcd9b6;
    border-color:rgba(252, 217, 182, var(--divide-opacity))
  }

  .xl\:divide-orange-100 > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#fff5eb;
    border-color:rgba(255, 245, 235, var(--divide-opacity))
  }

  .xl\:divide-esab-gray > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#cecfd0;
    border-color:rgba(206, 207, 208, var(--divide-opacity))
  }

  .xl\:divide-esab-orange > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#da7129;
    border-color:rgba(218, 113, 41, var(--divide-opacity))
  }

  .xl\:divide-esab-darkgrey > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#373338;
    border-color:rgba(55, 51, 56, var(--divide-opacity))
  }

  .xl\:divide-esab-background > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#f0f0f0;
    border-color:rgba(240, 240, 240, var(--divide-opacity))
  }

  .xl\:divide-esab-icon-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#0B7DA8;
    border-color:rgba(11, 125, 168, var(--divide-opacity))
  }

  .xl\:divide-esab-sidebar-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#c7d0d8;
    border-color:rgba(199, 208, 216, var(--divide-opacity))
  }

  .xl\:divide-esab-sidebar-blue-active > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#174167;
    border-color:rgba(23, 65, 103, var(--divide-opacity))
  }

  .xl\:divide-esab-sidebar-blue-arrow > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#164167;
    border-color:rgba(22, 65, 103, var(--divide-opacity))
  }

  .xl\:divide-esab-black > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#26292A;
    border-color:rgba(38, 41, 42, var(--divide-opacity))
  }

  .xl\:divide-esab-primary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#1A61A1;
    border-color:rgba(26, 97, 161, var(--divide-opacity))
  }

  .xl\:divide-esab-primary-blue-light > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#347fc3;
    border-color:rgba(52, 127, 195, var(--divide-opacity))
  }

  .xl\:divide-esab-secondary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6ca1cd;
    border-color:rgba(108, 161, 205, var(--divide-opacity))
  }

  .xl\:divide-esab-card-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#2961A1;
    border-color:rgba(41, 97, 161, var(--divide-opacity))
  }

  .xl\:divide-esab-card-secondary-blue > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#6491EB;
    border-color:rgba(100, 145, 235, var(--divide-opacity))
  }

  .xl\:divide-esab-red > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#E23900;
    border-color:rgba(226, 57, 0, var(--divide-opacity))
  }

  .xl\:divide-esab-red-highlight > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#ed6031;
    border-color:rgba(237, 96, 49, var(--divide-opacity))
  }

  .xl\:divide-assembly-color > :not(template) ~ :not(template){
    --divide-opacity:1;
    border-color:#c7074e;
    border-color:rgba(199, 7, 78, var(--divide-opacity))
  }

  .xl\:divide-solid > :not(template) ~ :not(template){
    border-style:solid
  }

  .xl\:divide-dashed > :not(template) ~ :not(template){
    border-style:dashed
  }

  .xl\:divide-dotted > :not(template) ~ :not(template){
    border-style:dotted
  }

  .xl\:divide-double > :not(template) ~ :not(template){
    border-style:double
  }

  .xl\:divide-none > :not(template) ~ :not(template){
    border-style:none
  }

  .xl\:divide-opacity-0 > :not(template) ~ :not(template){
    --divide-opacity:0
  }

  .xl\:divide-opacity-10 > :not(template) ~ :not(template){
    --divide-opacity:.1
  }

  .xl\:divide-opacity-20 > :not(template) ~ :not(template){
    --divide-opacity:.20
  }

  .xl\:divide-opacity-25 > :not(template) ~ :not(template){
    --divide-opacity:.25
  }

  .xl\:divide-opacity-50 > :not(template) ~ :not(template){
    --divide-opacity:.5
  }

  .xl\:divide-opacity-75 > :not(template) ~ :not(template){
    --divide-opacity:.75
  }

  .xl\:divide-opacity-100 > :not(template) ~ :not(template){
    --divide-opacity:1
  }

  .xl\:sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border-width:0
  }

  .xl\:not-sr-only{
    position:static;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:auto;
    white-space:normal
  }

  .xl\:focus\:sr-only:focus{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border-width:0
  }

  .xl\:focus\:not-sr-only:focus{
    position:static;
    width:auto;
    height:auto;
    padding:0;
    margin:0;
    overflow:visible;
    clip:auto;
    white-space:normal
  }

  .xl\:bg-clip-border{
    background-clip:border-box
  }

  .xl\:bg-clip-padding{
    background-clip:padding-box
  }

  .xl\:bg-clip-content{
    background-clip:content-box
  }

  .xl\:bg-clip-text{
    background-clip:text
  }

  .xl\:bg-none{
    background-image:none
  }

  .xl\:bg-gradient-to-t{
    background-image:linear-gradient(to top, var(--gradient-color-stops))
  }

  .xl\:bg-gradient-to-tr{
    background-image:linear-gradient(to top right, var(--gradient-color-stops))
  }

  .xl\:bg-gradient-to-r{
    background-image:linear-gradient(to right, var(--gradient-color-stops))
  }

  .xl\:bg-gradient-to-br{
    background-image:linear-gradient(to bottom right, var(--gradient-color-stops))
  }

  .xl\:bg-gradient-to-b{
    background-image:linear-gradient(to bottom, var(--gradient-color-stops))
  }

  .xl\:bg-gradient-to-bl{
    background-image:linear-gradient(to bottom left, var(--gradient-color-stops))
  }

  .xl\:bg-gradient-to-l{
    background-image:linear-gradient(to left, var(--gradient-color-stops))
  }

  .xl\:bg-gradient-to-tl{
    background-image:linear-gradient(to top left, var(--gradient-color-stops))
  }

  .xl\:from-transparent{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:from-black{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .xl\:from-real-black{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:from-gray-800{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .xl\:from-gray-700{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .xl\:from-gray-600{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .xl\:from-gray{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .xl\:from-gray-400{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:from-gray-200{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .xl\:from-gray-100{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .xl\:from-white{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .xl\:from-off-white{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .xl\:from-grey-weldnote{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:from-red-900{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .xl\:from-red-800{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .xl\:from-red-600{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .xl\:from-red{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .xl\:from-red-400{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .xl\:from-red-200{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .xl\:from-red-100{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .xl\:from-yellow-900{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .xl\:from-yellow-800{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .xl\:from-yellow-600{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .xl\:from-yellow{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .xl\:from-yellow-400{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .xl\:from-yellow-200{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .xl\:from-yellow-100{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .xl\:from-green-900{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .xl\:from-green-800{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .xl\:from-green-600{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .xl\:from-green{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .xl\:from-green-400{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .xl\:from-green-200{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .xl\:from-green-100{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .xl\:from-blue-modal{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .xl\:from-blue-900{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .xl\:from-blue-800{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .xl\:from-blue-600{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .xl\:from-blue{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .xl\:from-blue-400{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .xl\:from-blue-200{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .xl\:from-blue-100{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .xl\:from-purple-900{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .xl\:from-purple-800{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .xl\:from-purple-600{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .xl\:from-purple{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .xl\:from-purple-400{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .xl\:from-purple-200{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .xl\:from-purple-100{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .xl\:from-orange-900{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .xl\:from-orange-800{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .xl\:from-orange-600{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .xl\:from-orange{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .xl\:from-orange-400{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .xl\:from-orange-200{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .xl\:from-orange-100{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .xl\:from-esab-gray{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .xl\:from-esab-orange{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .xl\:from-esab-darkgrey{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .xl\:from-esab-background{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .xl\:from-esab-icon-blue{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .xl\:from-esab-sidebar-blue{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .xl\:from-esab-sidebar-blue-active{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .xl\:from-esab-sidebar-blue-arrow{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .xl\:from-esab-black{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .xl\:from-esab-primary-blue{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .xl\:from-esab-primary-blue-light{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .xl\:from-esab-secondary-blue{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .xl\:from-esab-card-blue{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .xl\:from-esab-card-secondary-blue{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .xl\:from-esab-red{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .xl\:from-esab-red-highlight{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .xl\:from-assembly-color{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .xl\:via-transparent{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:via-black{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .xl\:via-real-black{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:via-gray-800{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .xl\:via-gray-700{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .xl\:via-gray-600{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .xl\:via-gray{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .xl\:via-gray-400{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:via-gray-200{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .xl\:via-gray-100{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .xl\:via-white{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .xl\:via-off-white{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .xl\:via-grey-weldnote{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:via-red-900{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .xl\:via-red-800{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .xl\:via-red-600{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .xl\:via-red{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .xl\:via-red-400{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .xl\:via-red-200{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .xl\:via-red-100{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .xl\:via-yellow-900{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .xl\:via-yellow-800{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .xl\:via-yellow-600{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .xl\:via-yellow{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .xl\:via-yellow-400{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .xl\:via-yellow-200{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .xl\:via-yellow-100{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .xl\:via-green-900{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .xl\:via-green-800{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .xl\:via-green-600{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .xl\:via-green{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .xl\:via-green-400{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .xl\:via-green-200{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .xl\:via-green-100{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .xl\:via-blue-modal{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .xl\:via-blue-900{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .xl\:via-blue-800{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .xl\:via-blue-600{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .xl\:via-blue{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .xl\:via-blue-400{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .xl\:via-blue-200{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .xl\:via-blue-100{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .xl\:via-purple-900{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .xl\:via-purple-800{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .xl\:via-purple-600{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .xl\:via-purple{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .xl\:via-purple-400{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .xl\:via-purple-200{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .xl\:via-purple-100{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .xl\:via-orange-900{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .xl\:via-orange-800{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .xl\:via-orange-600{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .xl\:via-orange{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .xl\:via-orange-400{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .xl\:via-orange-200{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .xl\:via-orange-100{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .xl\:via-esab-gray{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .xl\:via-esab-orange{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .xl\:via-esab-darkgrey{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .xl\:via-esab-background{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .xl\:via-esab-icon-blue{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .xl\:via-esab-sidebar-blue{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .xl\:via-esab-sidebar-blue-active{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .xl\:via-esab-sidebar-blue-arrow{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .xl\:via-esab-black{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .xl\:via-esab-primary-blue{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .xl\:via-esab-primary-blue-light{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .xl\:via-esab-secondary-blue{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .xl\:via-esab-card-blue{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .xl\:via-esab-card-secondary-blue{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .xl\:via-esab-red{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .xl\:via-esab-red-highlight{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .xl\:via-assembly-color{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .xl\:to-transparent{
    --gradient-to-color:transparent
  }

  .xl\:to-black{
    --gradient-to-color:#22292f
  }

  .xl\:to-real-black{
    --gradient-to-color:#000
  }

  .xl\:to-gray-800{
    --gradient-to-color:#3d4852
  }

  .xl\:to-gray-700{
    --gradient-to-color:#606f7b
  }

  .xl\:to-gray-600{
    --gradient-to-color:#8795a1
  }

  .xl\:to-gray{
    --gradient-to-color:#b8c2cc
  }

  .xl\:to-gray-400{
    --gradient-to-color:#dae1e7
  }

  .xl\:to-gray-200{
    --gradient-to-color:#f1f5f8
  }

  .xl\:to-gray-100{
    --gradient-to-color:#f8fafc
  }

  .xl\:to-white{
    --gradient-to-color:#ffffff
  }

  .xl\:to-off-white{
    --gradient-to-color:#f7fafc
  }

  .xl\:to-grey-weldnote{
    --gradient-to-color:#dae1e7
  }

  .xl\:to-red-900{
    --gradient-to-color:#3b0d0c
  }

  .xl\:to-red-800{
    --gradient-to-color:#621b18
  }

  .xl\:to-red-600{
    --gradient-to-color:#cc1f1a
  }

  .xl\:to-red{
    --gradient-to-color:#e3342f
  }

  .xl\:to-red-400{
    --gradient-to-color:#ef5753
  }

  .xl\:to-red-200{
    --gradient-to-color:#f9acaa
  }

  .xl\:to-red-100{
    --gradient-to-color:#fcebea
  }

  .xl\:to-yellow-900{
    --gradient-to-color:#453411
  }

  .xl\:to-yellow-800{
    --gradient-to-color:#a77f2e
  }

  .xl\:to-yellow-600{
    --gradient-to-color:#f2d024
  }

  .xl\:to-yellow{
    --gradient-to-color:#ffed4a
  }

  .xl\:to-yellow-400{
    --gradient-to-color:#fff382
  }

  .xl\:to-yellow-200{
    --gradient-to-color:#fff9c2
  }

  .xl\:to-yellow-100{
    --gradient-to-color:#fcfbeb
  }

  .xl\:to-green-900{
    --gradient-to-color:#0f2f21
  }

  .xl\:to-green-800{
    --gradient-to-color:#1a4731
  }

  .xl\:to-green-600{
    --gradient-to-color:#1f9d55
  }

  .xl\:to-green{
    --gradient-to-color:#38c172
  }

  .xl\:to-green-400{
    --gradient-to-color:#51d88a
  }

  .xl\:to-green-200{
    --gradient-to-color:#a2f5bf
  }

  .xl\:to-green-100{
    --gradient-to-color:#e3fcec
  }

  .xl\:to-blue-modal{
    --gradient-to-color:#2e4050
  }

  .xl\:to-blue-900{
    --gradient-to-color:#12283a
  }

  .xl\:to-blue-800{
    --gradient-to-color:#1c3d5a
  }

  .xl\:to-blue-600{
    --gradient-to-color:#2779bd
  }

  .xl\:to-blue{
    --gradient-to-color:#3498db
  }

  .xl\:to-blue-400{
    --gradient-to-color:#6cb2eb
  }

  .xl\:to-blue-200{
    --gradient-to-color:#bcdefa
  }

  .xl\:to-blue-100{
    --gradient-to-color:#eff8ff
  }

  .xl\:to-purple-900{
    --gradient-to-color:#21183c
  }

  .xl\:to-purple-800{
    --gradient-to-color:#382b5f
  }

  .xl\:to-purple-600{
    --gradient-to-color:#794acf
  }

  .xl\:to-purple{
    --gradient-to-color:#9561e2
  }

  .xl\:to-purple-400{
    --gradient-to-color:#a779e9
  }

  .xl\:to-purple-200{
    --gradient-to-color:#d6bbfc
  }

  .xl\:to-purple-100{
    --gradient-to-color:#f3ebff
  }

  .xl\:to-orange-900{
    --gradient-to-color:#462a16
  }

  .xl\:to-orange-800{
    --gradient-to-color:#613b1f
  }

  .xl\:to-orange-600{
    --gradient-to-color:#de751f
  }

  .xl\:to-orange{
    --gradient-to-color:#f6993f
  }

  .xl\:to-orange-400{
    --gradient-to-color:#faad63
  }

  .xl\:to-orange-200{
    --gradient-to-color:#fcd9b6
  }

  .xl\:to-orange-100{
    --gradient-to-color:#fff5eb
  }

  .xl\:to-esab-gray{
    --gradient-to-color:#cecfd0
  }

  .xl\:to-esab-orange{
    --gradient-to-color:#da7129
  }

  .xl\:to-esab-darkgrey{
    --gradient-to-color:#373338
  }

  .xl\:to-esab-background{
    --gradient-to-color:#f0f0f0
  }

  .xl\:to-esab-icon-blue{
    --gradient-to-color:#0B7DA8
  }

  .xl\:to-esab-sidebar-blue{
    --gradient-to-color:#c7d0d8
  }

  .xl\:to-esab-sidebar-blue-active{
    --gradient-to-color:#174167
  }

  .xl\:to-esab-sidebar-blue-arrow{
    --gradient-to-color:#164167
  }

  .xl\:to-esab-black{
    --gradient-to-color:#26292A
  }

  .xl\:to-esab-primary-blue{
    --gradient-to-color:#1A61A1
  }

  .xl\:to-esab-primary-blue-light{
    --gradient-to-color:#347fc3
  }

  .xl\:to-esab-secondary-blue{
    --gradient-to-color:#6ca1cd
  }

  .xl\:to-esab-card-blue{
    --gradient-to-color:#2961A1
  }

  .xl\:to-esab-card-secondary-blue{
    --gradient-to-color:#6491EB
  }

  .xl\:to-esab-red{
    --gradient-to-color:#E23900
  }

  .xl\:to-esab-red-highlight{
    --gradient-to-color:#ed6031
  }

  .xl\:to-assembly-color{
    --gradient-to-color:#c7074e
  }

  .xl\:hover\:from-transparent:hover{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:hover\:from-black:hover{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .xl\:hover\:from-real-black:hover{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:hover\:from-gray-800:hover{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .xl\:hover\:from-gray-700:hover{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .xl\:hover\:from-gray-600:hover{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .xl\:hover\:from-gray:hover{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .xl\:hover\:from-gray-400:hover{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:hover\:from-gray-200:hover{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .xl\:hover\:from-gray-100:hover{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .xl\:hover\:from-white:hover{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .xl\:hover\:from-off-white:hover{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .xl\:hover\:from-grey-weldnote:hover{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:hover\:from-red-900:hover{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .xl\:hover\:from-red-800:hover{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .xl\:hover\:from-red-600:hover{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .xl\:hover\:from-red:hover{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .xl\:hover\:from-red-400:hover{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .xl\:hover\:from-red-200:hover{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .xl\:hover\:from-red-100:hover{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .xl\:hover\:from-yellow-900:hover{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .xl\:hover\:from-yellow-800:hover{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .xl\:hover\:from-yellow-600:hover{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .xl\:hover\:from-yellow:hover{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .xl\:hover\:from-yellow-400:hover{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .xl\:hover\:from-yellow-200:hover{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .xl\:hover\:from-yellow-100:hover{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .xl\:hover\:from-green-900:hover{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .xl\:hover\:from-green-800:hover{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .xl\:hover\:from-green-600:hover{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .xl\:hover\:from-green:hover{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .xl\:hover\:from-green-400:hover{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .xl\:hover\:from-green-200:hover{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .xl\:hover\:from-green-100:hover{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .xl\:hover\:from-blue-modal:hover{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .xl\:hover\:from-blue-900:hover{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .xl\:hover\:from-blue-800:hover{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .xl\:hover\:from-blue-600:hover{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .xl\:hover\:from-blue:hover{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .xl\:hover\:from-blue-400:hover{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .xl\:hover\:from-blue-200:hover{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .xl\:hover\:from-blue-100:hover{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .xl\:hover\:from-purple-900:hover{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .xl\:hover\:from-purple-800:hover{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .xl\:hover\:from-purple-600:hover{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .xl\:hover\:from-purple:hover{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .xl\:hover\:from-purple-400:hover{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .xl\:hover\:from-purple-200:hover{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .xl\:hover\:from-purple-100:hover{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .xl\:hover\:from-orange-900:hover{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .xl\:hover\:from-orange-800:hover{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .xl\:hover\:from-orange-600:hover{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .xl\:hover\:from-orange:hover{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .xl\:hover\:from-orange-400:hover{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .xl\:hover\:from-orange-200:hover{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .xl\:hover\:from-orange-100:hover{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .xl\:hover\:from-esab-gray:hover{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .xl\:hover\:from-esab-orange:hover{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .xl\:hover\:from-esab-darkgrey:hover{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .xl\:hover\:from-esab-background:hover{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .xl\:hover\:from-esab-icon-blue:hover{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .xl\:hover\:from-esab-sidebar-blue:hover{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .xl\:hover\:from-esab-sidebar-blue-active:hover{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .xl\:hover\:from-esab-sidebar-blue-arrow:hover{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .xl\:hover\:from-esab-black:hover{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .xl\:hover\:from-esab-primary-blue:hover{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .xl\:hover\:from-esab-primary-blue-light:hover{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .xl\:hover\:from-esab-secondary-blue:hover{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .xl\:hover\:from-esab-card-blue:hover{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .xl\:hover\:from-esab-card-secondary-blue:hover{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .xl\:hover\:from-esab-red:hover{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .xl\:hover\:from-esab-red-highlight:hover{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .xl\:hover\:from-assembly-color:hover{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .xl\:hover\:via-transparent:hover{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:hover\:via-black:hover{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .xl\:hover\:via-real-black:hover{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:hover\:via-gray-800:hover{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .xl\:hover\:via-gray-700:hover{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .xl\:hover\:via-gray-600:hover{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .xl\:hover\:via-gray:hover{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .xl\:hover\:via-gray-400:hover{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:hover\:via-gray-200:hover{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .xl\:hover\:via-gray-100:hover{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .xl\:hover\:via-white:hover{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .xl\:hover\:via-off-white:hover{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .xl\:hover\:via-grey-weldnote:hover{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:hover\:via-red-900:hover{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .xl\:hover\:via-red-800:hover{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .xl\:hover\:via-red-600:hover{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .xl\:hover\:via-red:hover{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .xl\:hover\:via-red-400:hover{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .xl\:hover\:via-red-200:hover{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .xl\:hover\:via-red-100:hover{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .xl\:hover\:via-yellow-900:hover{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .xl\:hover\:via-yellow-800:hover{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .xl\:hover\:via-yellow-600:hover{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .xl\:hover\:via-yellow:hover{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .xl\:hover\:via-yellow-400:hover{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .xl\:hover\:via-yellow-200:hover{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .xl\:hover\:via-yellow-100:hover{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .xl\:hover\:via-green-900:hover{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .xl\:hover\:via-green-800:hover{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .xl\:hover\:via-green-600:hover{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .xl\:hover\:via-green:hover{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .xl\:hover\:via-green-400:hover{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .xl\:hover\:via-green-200:hover{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .xl\:hover\:via-green-100:hover{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .xl\:hover\:via-blue-modal:hover{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .xl\:hover\:via-blue-900:hover{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .xl\:hover\:via-blue-800:hover{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .xl\:hover\:via-blue-600:hover{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .xl\:hover\:via-blue:hover{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .xl\:hover\:via-blue-400:hover{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .xl\:hover\:via-blue-200:hover{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .xl\:hover\:via-blue-100:hover{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .xl\:hover\:via-purple-900:hover{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .xl\:hover\:via-purple-800:hover{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .xl\:hover\:via-purple-600:hover{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .xl\:hover\:via-purple:hover{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .xl\:hover\:via-purple-400:hover{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .xl\:hover\:via-purple-200:hover{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .xl\:hover\:via-purple-100:hover{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .xl\:hover\:via-orange-900:hover{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .xl\:hover\:via-orange-800:hover{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .xl\:hover\:via-orange-600:hover{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .xl\:hover\:via-orange:hover{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .xl\:hover\:via-orange-400:hover{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .xl\:hover\:via-orange-200:hover{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .xl\:hover\:via-orange-100:hover{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .xl\:hover\:via-esab-gray:hover{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .xl\:hover\:via-esab-orange:hover{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .xl\:hover\:via-esab-darkgrey:hover{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .xl\:hover\:via-esab-background:hover{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .xl\:hover\:via-esab-icon-blue:hover{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .xl\:hover\:via-esab-sidebar-blue:hover{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .xl\:hover\:via-esab-sidebar-blue-active:hover{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .xl\:hover\:via-esab-sidebar-blue-arrow:hover{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .xl\:hover\:via-esab-black:hover{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .xl\:hover\:via-esab-primary-blue:hover{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .xl\:hover\:via-esab-primary-blue-light:hover{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .xl\:hover\:via-esab-secondary-blue:hover{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .xl\:hover\:via-esab-card-blue:hover{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .xl\:hover\:via-esab-card-secondary-blue:hover{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .xl\:hover\:via-esab-red:hover{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .xl\:hover\:via-esab-red-highlight:hover{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .xl\:hover\:via-assembly-color:hover{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .xl\:hover\:to-transparent:hover{
    --gradient-to-color:transparent
  }

  .xl\:hover\:to-black:hover{
    --gradient-to-color:#22292f
  }

  .xl\:hover\:to-real-black:hover{
    --gradient-to-color:#000
  }

  .xl\:hover\:to-gray-800:hover{
    --gradient-to-color:#3d4852
  }

  .xl\:hover\:to-gray-700:hover{
    --gradient-to-color:#606f7b
  }

  .xl\:hover\:to-gray-600:hover{
    --gradient-to-color:#8795a1
  }

  .xl\:hover\:to-gray:hover{
    --gradient-to-color:#b8c2cc
  }

  .xl\:hover\:to-gray-400:hover{
    --gradient-to-color:#dae1e7
  }

  .xl\:hover\:to-gray-200:hover{
    --gradient-to-color:#f1f5f8
  }

  .xl\:hover\:to-gray-100:hover{
    --gradient-to-color:#f8fafc
  }

  .xl\:hover\:to-white:hover{
    --gradient-to-color:#ffffff
  }

  .xl\:hover\:to-off-white:hover{
    --gradient-to-color:#f7fafc
  }

  .xl\:hover\:to-grey-weldnote:hover{
    --gradient-to-color:#dae1e7
  }

  .xl\:hover\:to-red-900:hover{
    --gradient-to-color:#3b0d0c
  }

  .xl\:hover\:to-red-800:hover{
    --gradient-to-color:#621b18
  }

  .xl\:hover\:to-red-600:hover{
    --gradient-to-color:#cc1f1a
  }

  .xl\:hover\:to-red:hover{
    --gradient-to-color:#e3342f
  }

  .xl\:hover\:to-red-400:hover{
    --gradient-to-color:#ef5753
  }

  .xl\:hover\:to-red-200:hover{
    --gradient-to-color:#f9acaa
  }

  .xl\:hover\:to-red-100:hover{
    --gradient-to-color:#fcebea
  }

  .xl\:hover\:to-yellow-900:hover{
    --gradient-to-color:#453411
  }

  .xl\:hover\:to-yellow-800:hover{
    --gradient-to-color:#a77f2e
  }

  .xl\:hover\:to-yellow-600:hover{
    --gradient-to-color:#f2d024
  }

  .xl\:hover\:to-yellow:hover{
    --gradient-to-color:#ffed4a
  }

  .xl\:hover\:to-yellow-400:hover{
    --gradient-to-color:#fff382
  }

  .xl\:hover\:to-yellow-200:hover{
    --gradient-to-color:#fff9c2
  }

  .xl\:hover\:to-yellow-100:hover{
    --gradient-to-color:#fcfbeb
  }

  .xl\:hover\:to-green-900:hover{
    --gradient-to-color:#0f2f21
  }

  .xl\:hover\:to-green-800:hover{
    --gradient-to-color:#1a4731
  }

  .xl\:hover\:to-green-600:hover{
    --gradient-to-color:#1f9d55
  }

  .xl\:hover\:to-green:hover{
    --gradient-to-color:#38c172
  }

  .xl\:hover\:to-green-400:hover{
    --gradient-to-color:#51d88a
  }

  .xl\:hover\:to-green-200:hover{
    --gradient-to-color:#a2f5bf
  }

  .xl\:hover\:to-green-100:hover{
    --gradient-to-color:#e3fcec
  }

  .xl\:hover\:to-blue-modal:hover{
    --gradient-to-color:#2e4050
  }

  .xl\:hover\:to-blue-900:hover{
    --gradient-to-color:#12283a
  }

  .xl\:hover\:to-blue-800:hover{
    --gradient-to-color:#1c3d5a
  }

  .xl\:hover\:to-blue-600:hover{
    --gradient-to-color:#2779bd
  }

  .xl\:hover\:to-blue:hover{
    --gradient-to-color:#3498db
  }

  .xl\:hover\:to-blue-400:hover{
    --gradient-to-color:#6cb2eb
  }

  .xl\:hover\:to-blue-200:hover{
    --gradient-to-color:#bcdefa
  }

  .xl\:hover\:to-blue-100:hover{
    --gradient-to-color:#eff8ff
  }

  .xl\:hover\:to-purple-900:hover{
    --gradient-to-color:#21183c
  }

  .xl\:hover\:to-purple-800:hover{
    --gradient-to-color:#382b5f
  }

  .xl\:hover\:to-purple-600:hover{
    --gradient-to-color:#794acf
  }

  .xl\:hover\:to-purple:hover{
    --gradient-to-color:#9561e2
  }

  .xl\:hover\:to-purple-400:hover{
    --gradient-to-color:#a779e9
  }

  .xl\:hover\:to-purple-200:hover{
    --gradient-to-color:#d6bbfc
  }

  .xl\:hover\:to-purple-100:hover{
    --gradient-to-color:#f3ebff
  }

  .xl\:hover\:to-orange-900:hover{
    --gradient-to-color:#462a16
  }

  .xl\:hover\:to-orange-800:hover{
    --gradient-to-color:#613b1f
  }

  .xl\:hover\:to-orange-600:hover{
    --gradient-to-color:#de751f
  }

  .xl\:hover\:to-orange:hover{
    --gradient-to-color:#f6993f
  }

  .xl\:hover\:to-orange-400:hover{
    --gradient-to-color:#faad63
  }

  .xl\:hover\:to-orange-200:hover{
    --gradient-to-color:#fcd9b6
  }

  .xl\:hover\:to-orange-100:hover{
    --gradient-to-color:#fff5eb
  }

  .xl\:hover\:to-esab-gray:hover{
    --gradient-to-color:#cecfd0
  }

  .xl\:hover\:to-esab-orange:hover{
    --gradient-to-color:#da7129
  }

  .xl\:hover\:to-esab-darkgrey:hover{
    --gradient-to-color:#373338
  }

  .xl\:hover\:to-esab-background:hover{
    --gradient-to-color:#f0f0f0
  }

  .xl\:hover\:to-esab-icon-blue:hover{
    --gradient-to-color:#0B7DA8
  }

  .xl\:hover\:to-esab-sidebar-blue:hover{
    --gradient-to-color:#c7d0d8
  }

  .xl\:hover\:to-esab-sidebar-blue-active:hover{
    --gradient-to-color:#174167
  }

  .xl\:hover\:to-esab-sidebar-blue-arrow:hover{
    --gradient-to-color:#164167
  }

  .xl\:hover\:to-esab-black:hover{
    --gradient-to-color:#26292A
  }

  .xl\:hover\:to-esab-primary-blue:hover{
    --gradient-to-color:#1A61A1
  }

  .xl\:hover\:to-esab-primary-blue-light:hover{
    --gradient-to-color:#347fc3
  }

  .xl\:hover\:to-esab-secondary-blue:hover{
    --gradient-to-color:#6ca1cd
  }

  .xl\:hover\:to-esab-card-blue:hover{
    --gradient-to-color:#2961A1
  }

  .xl\:hover\:to-esab-card-secondary-blue:hover{
    --gradient-to-color:#6491EB
  }

  .xl\:hover\:to-esab-red:hover{
    --gradient-to-color:#E23900
  }

  .xl\:hover\:to-esab-red-highlight:hover{
    --gradient-to-color:#ed6031
  }

  .xl\:hover\:to-assembly-color:hover{
    --gradient-to-color:#c7074e
  }

  .xl\:focus\:from-transparent:focus{
    --gradient-from-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:focus\:from-black:focus{
    --gradient-from-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .xl\:focus\:from-real-black:focus{
    --gradient-from-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:focus\:from-gray-800:focus{
    --gradient-from-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .xl\:focus\:from-gray-700:focus{
    --gradient-from-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .xl\:focus\:from-gray-600:focus{
    --gradient-from-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .xl\:focus\:from-gray:focus{
    --gradient-from-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .xl\:focus\:from-gray-400:focus{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:focus\:from-gray-200:focus{
    --gradient-from-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .xl\:focus\:from-gray-100:focus{
    --gradient-from-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .xl\:focus\:from-white:focus{
    --gradient-from-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .xl\:focus\:from-off-white:focus{
    --gradient-from-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .xl\:focus\:from-grey-weldnote:focus{
    --gradient-from-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:focus\:from-red-900:focus{
    --gradient-from-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .xl\:focus\:from-red-800:focus{
    --gradient-from-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .xl\:focus\:from-red-600:focus{
    --gradient-from-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .xl\:focus\:from-red:focus{
    --gradient-from-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .xl\:focus\:from-red-400:focus{
    --gradient-from-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .xl\:focus\:from-red-200:focus{
    --gradient-from-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .xl\:focus\:from-red-100:focus{
    --gradient-from-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .xl\:focus\:from-yellow-900:focus{
    --gradient-from-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .xl\:focus\:from-yellow-800:focus{
    --gradient-from-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .xl\:focus\:from-yellow-600:focus{
    --gradient-from-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .xl\:focus\:from-yellow:focus{
    --gradient-from-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .xl\:focus\:from-yellow-400:focus{
    --gradient-from-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .xl\:focus\:from-yellow-200:focus{
    --gradient-from-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .xl\:focus\:from-yellow-100:focus{
    --gradient-from-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .xl\:focus\:from-green-900:focus{
    --gradient-from-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .xl\:focus\:from-green-800:focus{
    --gradient-from-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .xl\:focus\:from-green-600:focus{
    --gradient-from-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .xl\:focus\:from-green:focus{
    --gradient-from-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .xl\:focus\:from-green-400:focus{
    --gradient-from-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .xl\:focus\:from-green-200:focus{
    --gradient-from-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .xl\:focus\:from-green-100:focus{
    --gradient-from-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .xl\:focus\:from-blue-modal:focus{
    --gradient-from-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .xl\:focus\:from-blue-900:focus{
    --gradient-from-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .xl\:focus\:from-blue-800:focus{
    --gradient-from-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .xl\:focus\:from-blue-600:focus{
    --gradient-from-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .xl\:focus\:from-blue:focus{
    --gradient-from-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .xl\:focus\:from-blue-400:focus{
    --gradient-from-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .xl\:focus\:from-blue-200:focus{
    --gradient-from-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .xl\:focus\:from-blue-100:focus{
    --gradient-from-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .xl\:focus\:from-purple-900:focus{
    --gradient-from-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .xl\:focus\:from-purple-800:focus{
    --gradient-from-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .xl\:focus\:from-purple-600:focus{
    --gradient-from-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .xl\:focus\:from-purple:focus{
    --gradient-from-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .xl\:focus\:from-purple-400:focus{
    --gradient-from-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .xl\:focus\:from-purple-200:focus{
    --gradient-from-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .xl\:focus\:from-purple-100:focus{
    --gradient-from-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .xl\:focus\:from-orange-900:focus{
    --gradient-from-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .xl\:focus\:from-orange-800:focus{
    --gradient-from-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .xl\:focus\:from-orange-600:focus{
    --gradient-from-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .xl\:focus\:from-orange:focus{
    --gradient-from-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .xl\:focus\:from-orange-400:focus{
    --gradient-from-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .xl\:focus\:from-orange-200:focus{
    --gradient-from-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .xl\:focus\:from-orange-100:focus{
    --gradient-from-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .xl\:focus\:from-esab-gray:focus{
    --gradient-from-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .xl\:focus\:from-esab-orange:focus{
    --gradient-from-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .xl\:focus\:from-esab-darkgrey:focus{
    --gradient-from-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .xl\:focus\:from-esab-background:focus{
    --gradient-from-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .xl\:focus\:from-esab-icon-blue:focus{
    --gradient-from-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .xl\:focus\:from-esab-sidebar-blue:focus{
    --gradient-from-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .xl\:focus\:from-esab-sidebar-blue-active:focus{
    --gradient-from-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .xl\:focus\:from-esab-sidebar-blue-arrow:focus{
    --gradient-from-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .xl\:focus\:from-esab-black:focus{
    --gradient-from-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .xl\:focus\:from-esab-primary-blue:focus{
    --gradient-from-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .xl\:focus\:from-esab-primary-blue-light:focus{
    --gradient-from-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .xl\:focus\:from-esab-secondary-blue:focus{
    --gradient-from-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .xl\:focus\:from-esab-card-blue:focus{
    --gradient-from-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .xl\:focus\:from-esab-card-secondary-blue:focus{
    --gradient-from-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .xl\:focus\:from-esab-red:focus{
    --gradient-from-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .xl\:focus\:from-esab-red-highlight:focus{
    --gradient-from-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .xl\:focus\:from-assembly-color:focus{
    --gradient-from-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .xl\:focus\:via-transparent:focus{
    --gradient-via-color:transparent;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:focus\:via-black:focus{
    --gradient-via-color:#22292f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(34, 41, 47, 0))
  }

  .xl\:focus\:via-real-black:focus{
    --gradient-via-color:#000;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(0, 0, 0, 0))
  }

  .xl\:focus\:via-gray-800:focus{
    --gradient-via-color:#3d4852;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(61, 72, 82, 0))
  }

  .xl\:focus\:via-gray-700:focus{
    --gradient-via-color:#606f7b;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(96, 111, 123, 0))
  }

  .xl\:focus\:via-gray-600:focus{
    --gradient-via-color:#8795a1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(135, 149, 161, 0))
  }

  .xl\:focus\:via-gray:focus{
    --gradient-via-color:#b8c2cc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(184, 194, 204, 0))
  }

  .xl\:focus\:via-gray-400:focus{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:focus\:via-gray-200:focus{
    --gradient-via-color:#f1f5f8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(241, 245, 248, 0))
  }

  .xl\:focus\:via-gray-100:focus{
    --gradient-via-color:#f8fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(248, 250, 252, 0))
  }

  .xl\:focus\:via-white:focus{
    --gradient-via-color:#ffffff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 255, 255, 0))
  }

  .xl\:focus\:via-off-white:focus{
    --gradient-via-color:#f7fafc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(247, 250, 252, 0))
  }

  .xl\:focus\:via-grey-weldnote:focus{
    --gradient-via-color:#dae1e7;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 225, 231, 0))
  }

  .xl\:focus\:via-red-900:focus{
    --gradient-via-color:#3b0d0c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(59, 13, 12, 0))
  }

  .xl\:focus\:via-red-800:focus{
    --gradient-via-color:#621b18;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(98, 27, 24, 0))
  }

  .xl\:focus\:via-red-600:focus{
    --gradient-via-color:#cc1f1a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(204, 31, 26, 0))
  }

  .xl\:focus\:via-red:focus{
    --gradient-via-color:#e3342f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 52, 47, 0))
  }

  .xl\:focus\:via-red-400:focus{
    --gradient-via-color:#ef5753;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 87, 83, 0))
  }

  .xl\:focus\:via-red-200:focus{
    --gradient-via-color:#f9acaa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(249, 172, 170, 0))
  }

  .xl\:focus\:via-red-100:focus{
    --gradient-via-color:#fcebea;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 235, 234, 0))
  }

  .xl\:focus\:via-yellow-900:focus{
    --gradient-via-color:#453411;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(69, 52, 17, 0))
  }

  .xl\:focus\:via-yellow-800:focus{
    --gradient-via-color:#a77f2e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 127, 46, 0))
  }

  .xl\:focus\:via-yellow-600:focus{
    --gradient-via-color:#f2d024;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(242, 208, 36, 0))
  }

  .xl\:focus\:via-yellow:focus{
    --gradient-via-color:#ffed4a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 237, 74, 0))
  }

  .xl\:focus\:via-yellow-400:focus{
    --gradient-via-color:#fff382;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 243, 130, 0))
  }

  .xl\:focus\:via-yellow-200:focus{
    --gradient-via-color:#fff9c2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 249, 194, 0))
  }

  .xl\:focus\:via-yellow-100:focus{
    --gradient-via-color:#fcfbeb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 251, 235, 0))
  }

  .xl\:focus\:via-green-900:focus{
    --gradient-via-color:#0f2f21;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(15, 47, 33, 0))
  }

  .xl\:focus\:via-green-800:focus{
    --gradient-via-color:#1a4731;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 71, 49, 0))
  }

  .xl\:focus\:via-green-600:focus{
    --gradient-via-color:#1f9d55;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(31, 157, 85, 0))
  }

  .xl\:focus\:via-green:focus{
    --gradient-via-color:#38c172;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 193, 114, 0))
  }

  .xl\:focus\:via-green-400:focus{
    --gradient-via-color:#51d88a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(81, 216, 138, 0))
  }

  .xl\:focus\:via-green-200:focus{
    --gradient-via-color:#a2f5bf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(162, 245, 191, 0))
  }

  .xl\:focus\:via-green-100:focus{
    --gradient-via-color:#e3fcec;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(227, 252, 236, 0))
  }

  .xl\:focus\:via-blue-modal:focus{
    --gradient-via-color:#2e4050;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(46, 64, 80, 0))
  }

  .xl\:focus\:via-blue-900:focus{
    --gradient-via-color:#12283a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(18, 40, 58, 0))
  }

  .xl\:focus\:via-blue-800:focus{
    --gradient-via-color:#1c3d5a;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(28, 61, 90, 0))
  }

  .xl\:focus\:via-blue-600:focus{
    --gradient-via-color:#2779bd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(39, 121, 189, 0))
  }

  .xl\:focus\:via-blue:focus{
    --gradient-via-color:#3498db;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 152, 219, 0))
  }

  .xl\:focus\:via-blue-400:focus{
    --gradient-via-color:#6cb2eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 178, 235, 0))
  }

  .xl\:focus\:via-blue-200:focus{
    --gradient-via-color:#bcdefa;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(188, 222, 250, 0))
  }

  .xl\:focus\:via-blue-100:focus{
    --gradient-via-color:#eff8ff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(239, 248, 255, 0))
  }

  .xl\:focus\:via-purple-900:focus{
    --gradient-via-color:#21183c;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(33, 24, 60, 0))
  }

  .xl\:focus\:via-purple-800:focus{
    --gradient-via-color:#382b5f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(56, 43, 95, 0))
  }

  .xl\:focus\:via-purple-600:focus{
    --gradient-via-color:#794acf;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(121, 74, 207, 0))
  }

  .xl\:focus\:via-purple:focus{
    --gradient-via-color:#9561e2;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(149, 97, 226, 0))
  }

  .xl\:focus\:via-purple-400:focus{
    --gradient-via-color:#a779e9;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(167, 121, 233, 0))
  }

  .xl\:focus\:via-purple-200:focus{
    --gradient-via-color:#d6bbfc;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(214, 187, 252, 0))
  }

  .xl\:focus\:via-purple-100:focus{
    --gradient-via-color:#f3ebff;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(243, 235, 255, 0))
  }

  .xl\:focus\:via-orange-900:focus{
    --gradient-via-color:#462a16;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(70, 42, 22, 0))
  }

  .xl\:focus\:via-orange-800:focus{
    --gradient-via-color:#613b1f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(97, 59, 31, 0))
  }

  .xl\:focus\:via-orange-600:focus{
    --gradient-via-color:#de751f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(222, 117, 31, 0))
  }

  .xl\:focus\:via-orange:focus{
    --gradient-via-color:#f6993f;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(246, 153, 63, 0))
  }

  .xl\:focus\:via-orange-400:focus{
    --gradient-via-color:#faad63;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(250, 173, 99, 0))
  }

  .xl\:focus\:via-orange-200:focus{
    --gradient-via-color:#fcd9b6;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(252, 217, 182, 0))
  }

  .xl\:focus\:via-orange-100:focus{
    --gradient-via-color:#fff5eb;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(255, 245, 235, 0))
  }

  .xl\:focus\:via-esab-gray:focus{
    --gradient-via-color:#cecfd0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(206, 207, 208, 0))
  }

  .xl\:focus\:via-esab-orange:focus{
    --gradient-via-color:#da7129;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(218, 113, 41, 0))
  }

  .xl\:focus\:via-esab-darkgrey:focus{
    --gradient-via-color:#373338;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(55, 51, 56, 0))
  }

  .xl\:focus\:via-esab-background:focus{
    --gradient-via-color:#f0f0f0;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(240, 240, 240, 0))
  }

  .xl\:focus\:via-esab-icon-blue:focus{
    --gradient-via-color:#0B7DA8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(11, 125, 168, 0))
  }

  .xl\:focus\:via-esab-sidebar-blue:focus{
    --gradient-via-color:#c7d0d8;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 208, 216, 0))
  }

  .xl\:focus\:via-esab-sidebar-blue-active:focus{
    --gradient-via-color:#174167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(23, 65, 103, 0))
  }

  .xl\:focus\:via-esab-sidebar-blue-arrow:focus{
    --gradient-via-color:#164167;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(22, 65, 103, 0))
  }

  .xl\:focus\:via-esab-black:focus{
    --gradient-via-color:#26292A;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(38, 41, 42, 0))
  }

  .xl\:focus\:via-esab-primary-blue:focus{
    --gradient-via-color:#1A61A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(26, 97, 161, 0))
  }

  .xl\:focus\:via-esab-primary-blue-light:focus{
    --gradient-via-color:#347fc3;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(52, 127, 195, 0))
  }

  .xl\:focus\:via-esab-secondary-blue:focus{
    --gradient-via-color:#6ca1cd;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(108, 161, 205, 0))
  }

  .xl\:focus\:via-esab-card-blue:focus{
    --gradient-via-color:#2961A1;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(41, 97, 161, 0))
  }

  .xl\:focus\:via-esab-card-secondary-blue:focus{
    --gradient-via-color:#6491EB;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(100, 145, 235, 0))
  }

  .xl\:focus\:via-esab-red:focus{
    --gradient-via-color:#E23900;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(226, 57, 0, 0))
  }

  .xl\:focus\:via-esab-red-highlight:focus{
    --gradient-via-color:#ed6031;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(237, 96, 49, 0))
  }

  .xl\:focus\:via-assembly-color:focus{
    --gradient-via-color:#c7074e;
    --gradient-color-stops:var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, rgba(199, 7, 78, 0))
  }

  .xl\:focus\:to-transparent:focus{
    --gradient-to-color:transparent
  }

  .xl\:focus\:to-black:focus{
    --gradient-to-color:#22292f
  }

  .xl\:focus\:to-real-black:focus{
    --gradient-to-color:#000
  }

  .xl\:focus\:to-gray-800:focus{
    --gradient-to-color:#3d4852
  }

  .xl\:focus\:to-gray-700:focus{
    --gradient-to-color:#606f7b
  }

  .xl\:focus\:to-gray-600:focus{
    --gradient-to-color:#8795a1
  }

  .xl\:focus\:to-gray:focus{
    --gradient-to-color:#b8c2cc
  }

  .xl\:focus\:to-gray-400:focus{
    --gradient-to-color:#dae1e7
  }

  .xl\:focus\:to-gray-200:focus{
    --gradient-to-color:#f1f5f8
  }

  .xl\:focus\:to-gray-100:focus{
    --gradient-to-color:#f8fafc
  }

  .xl\:focus\:to-white:focus{
    --gradient-to-color:#ffffff
  }

  .xl\:focus\:to-off-white:focus{
    --gradient-to-color:#f7fafc
  }

  .xl\:focus\:to-grey-weldnote:focus{
    --gradient-to-color:#dae1e7
  }

  .xl\:focus\:to-red-900:focus{
    --gradient-to-color:#3b0d0c
  }

  .xl\:focus\:to-red-800:focus{
    --gradient-to-color:#621b18
  }

  .xl\:focus\:to-red-600:focus{
    --gradient-to-color:#cc1f1a
  }

  .xl\:focus\:to-red:focus{
    --gradient-to-color:#e3342f
  }

  .xl\:focus\:to-red-400:focus{
    --gradient-to-color:#ef5753
  }

  .xl\:focus\:to-red-200:focus{
    --gradient-to-color:#f9acaa
  }

  .xl\:focus\:to-red-100:focus{
    --gradient-to-color:#fcebea
  }

  .xl\:focus\:to-yellow-900:focus{
    --gradient-to-color:#453411
  }

  .xl\:focus\:to-yellow-800:focus{
    --gradient-to-color:#a77f2e
  }

  .xl\:focus\:to-yellow-600:focus{
    --gradient-to-color:#f2d024
  }

  .xl\:focus\:to-yellow:focus{
    --gradient-to-color:#ffed4a
  }

  .xl\:focus\:to-yellow-400:focus{
    --gradient-to-color:#fff382
  }

  .xl\:focus\:to-yellow-200:focus{
    --gradient-to-color:#fff9c2
  }

  .xl\:focus\:to-yellow-100:focus{
    --gradient-to-color:#fcfbeb
  }

  .xl\:focus\:to-green-900:focus{
    --gradient-to-color:#0f2f21
  }

  .xl\:focus\:to-green-800:focus{
    --gradient-to-color:#1a4731
  }

  .xl\:focus\:to-green-600:focus{
    --gradient-to-color:#1f9d55
  }

  .xl\:focus\:to-green:focus{
    --gradient-to-color:#38c172
  }

  .xl\:focus\:to-green-400:focus{
    --gradient-to-color:#51d88a
  }

  .xl\:focus\:to-green-200:focus{
    --gradient-to-color:#a2f5bf
  }

  .xl\:focus\:to-green-100:focus{
    --gradient-to-color:#e3fcec
  }

  .xl\:focus\:to-blue-modal:focus{
    --gradient-to-color:#2e4050
  }

  .xl\:focus\:to-blue-900:focus{
    --gradient-to-color:#12283a
  }

  .xl\:focus\:to-blue-800:focus{
    --gradient-to-color:#1c3d5a
  }

  .xl\:focus\:to-blue-600:focus{
    --gradient-to-color:#2779bd
  }

  .xl\:focus\:to-blue:focus{
    --gradient-to-color:#3498db
  }

  .xl\:focus\:to-blue-400:focus{
    --gradient-to-color:#6cb2eb
  }

  .xl\:focus\:to-blue-200:focus{
    --gradient-to-color:#bcdefa
  }

  .xl\:focus\:to-blue-100:focus{
    --gradient-to-color:#eff8ff
  }

  .xl\:focus\:to-purple-900:focus{
    --gradient-to-color:#21183c
  }

  .xl\:focus\:to-purple-800:focus{
    --gradient-to-color:#382b5f
  }

  .xl\:focus\:to-purple-600:focus{
    --gradient-to-color:#794acf
  }

  .xl\:focus\:to-purple:focus{
    --gradient-to-color:#9561e2
  }

  .xl\:focus\:to-purple-400:focus{
    --gradient-to-color:#a779e9
  }

  .xl\:focus\:to-purple-200:focus{
    --gradient-to-color:#d6bbfc
  }

  .xl\:focus\:to-purple-100:focus{
    --gradient-to-color:#f3ebff
  }

  .xl\:focus\:to-orange-900:focus{
    --gradient-to-color:#462a16
  }

  .xl\:focus\:to-orange-800:focus{
    --gradient-to-color:#613b1f
  }

  .xl\:focus\:to-orange-600:focus{
    --gradient-to-color:#de751f
  }

  .xl\:focus\:to-orange:focus{
    --gradient-to-color:#f6993f
  }

  .xl\:focus\:to-orange-400:focus{
    --gradient-to-color:#faad63
  }

  .xl\:focus\:to-orange-200:focus{
    --gradient-to-color:#fcd9b6
  }

  .xl\:focus\:to-orange-100:focus{
    --gradient-to-color:#fff5eb
  }

  .xl\:focus\:to-esab-gray:focus{
    --gradient-to-color:#cecfd0
  }

  .xl\:focus\:to-esab-orange:focus{
    --gradient-to-color:#da7129
  }

  .xl\:focus\:to-esab-darkgrey:focus{
    --gradient-to-color:#373338
  }

  .xl\:focus\:to-esab-background:focus{
    --gradient-to-color:#f0f0f0
  }

  .xl\:focus\:to-esab-icon-blue:focus{
    --gradient-to-color:#0B7DA8
  }

  .xl\:focus\:to-esab-sidebar-blue:focus{
    --gradient-to-color:#c7d0d8
  }

  .xl\:focus\:to-esab-sidebar-blue-active:focus{
    --gradient-to-color:#174167
  }

  .xl\:focus\:to-esab-sidebar-blue-arrow:focus{
    --gradient-to-color:#164167
  }

  .xl\:focus\:to-esab-black:focus{
    --gradient-to-color:#26292A
  }

  .xl\:focus\:to-esab-primary-blue:focus{
    --gradient-to-color:#1A61A1
  }

  .xl\:focus\:to-esab-primary-blue-light:focus{
    --gradient-to-color:#347fc3
  }

  .xl\:focus\:to-esab-secondary-blue:focus{
    --gradient-to-color:#6ca1cd
  }

  .xl\:focus\:to-esab-card-blue:focus{
    --gradient-to-color:#2961A1
  }

  .xl\:focus\:to-esab-card-secondary-blue:focus{
    --gradient-to-color:#6491EB
  }

  .xl\:focus\:to-esab-red:focus{
    --gradient-to-color:#E23900
  }

  .xl\:focus\:to-esab-red-highlight:focus{
    --gradient-to-color:#ed6031
  }

  .xl\:focus\:to-assembly-color:focus{
    --gradient-to-color:#c7074e
  }

  .xl\:bg-opacity-0{
    --bg-opacity:0
  }

  .xl\:bg-opacity-10{
    --bg-opacity:.1
  }

  .xl\:bg-opacity-20{
    --bg-opacity:.20
  }

  .xl\:bg-opacity-25{
    --bg-opacity:.25
  }

  .xl\:bg-opacity-50{
    --bg-opacity:.5
  }

  .xl\:bg-opacity-75{
    --bg-opacity:.75
  }

  .xl\:bg-opacity-100{
    --bg-opacity:1
  }

  .xl\:hover\:bg-opacity-0:hover{
    --bg-opacity:0
  }

  .xl\:hover\:bg-opacity-10:hover{
    --bg-opacity:.1
  }

  .xl\:hover\:bg-opacity-20:hover{
    --bg-opacity:.20
  }

  .xl\:hover\:bg-opacity-25:hover{
    --bg-opacity:.25
  }

  .xl\:hover\:bg-opacity-50:hover{
    --bg-opacity:.5
  }

  .xl\:hover\:bg-opacity-75:hover{
    --bg-opacity:.75
  }

  .xl\:hover\:bg-opacity-100:hover{
    --bg-opacity:1
  }

  .xl\:focus\:bg-opacity-0:focus{
    --bg-opacity:0
  }

  .xl\:focus\:bg-opacity-10:focus{
    --bg-opacity:.1
  }

  .xl\:focus\:bg-opacity-20:focus{
    --bg-opacity:.20
  }

  .xl\:focus\:bg-opacity-25:focus{
    --bg-opacity:.25
  }

  .xl\:focus\:bg-opacity-50:focus{
    --bg-opacity:.5
  }

  .xl\:focus\:bg-opacity-75:focus{
    --bg-opacity:.75
  }

  .xl\:focus\:bg-opacity-100:focus{
    --bg-opacity:1
  }

  .xl\:border-opacity-0{
    --border-opacity:0
  }

  .xl\:border-opacity-10{
    --border-opacity:.1
  }

  .xl\:border-opacity-20{
    --border-opacity:.20
  }

  .xl\:border-opacity-25{
    --border-opacity:.25
  }

  .xl\:border-opacity-50{
    --border-opacity:.5
  }

  .xl\:border-opacity-75{
    --border-opacity:.75
  }

  .xl\:border-opacity-100{
    --border-opacity:1
  }

  .xl\:hover\:border-opacity-0:hover{
    --border-opacity:0
  }

  .xl\:hover\:border-opacity-10:hover{
    --border-opacity:.1
  }

  .xl\:hover\:border-opacity-20:hover{
    --border-opacity:.20
  }

  .xl\:hover\:border-opacity-25:hover{
    --border-opacity:.25
  }

  .xl\:hover\:border-opacity-50:hover{
    --border-opacity:.5
  }

  .xl\:hover\:border-opacity-75:hover{
    --border-opacity:.75
  }

  .xl\:hover\:border-opacity-100:hover{
    --border-opacity:1
  }

  .xl\:focus\:border-opacity-0:focus{
    --border-opacity:0
  }

  .xl\:focus\:border-opacity-10:focus{
    --border-opacity:.1
  }

  .xl\:focus\:border-opacity-20:focus{
    --border-opacity:.20
  }

  .xl\:focus\:border-opacity-25:focus{
    --border-opacity:.25
  }

  .xl\:focus\:border-opacity-50:focus{
    --border-opacity:.5
  }

  .xl\:focus\:border-opacity-75:focus{
    --border-opacity:.75
  }

  .xl\:focus\:border-opacity-100:focus{
    --border-opacity:1
  }

  .xl\:box-border{
    box-sizing:border-box
  }

  .xl\:box-content{
    box-sizing:content-box
  }

  .xl\:place-items-auto{
    place-items:auto
  }

  .xl\:place-items-start{
    place-items:start
  }

  .xl\:place-items-end{
    place-items:end
  }

  .xl\:place-items-center{
    place-items:center
  }

  .xl\:place-items-stretch{
    place-items:stretch
  }

  .xl\:place-content-center{
    place-content:center
  }

  .xl\:place-content-start{
    place-content:start
  }

  .xl\:place-content-end{
    place-content:end
  }

  .xl\:place-content-between{
    place-content:space-between
  }

  .xl\:place-content-around{
    place-content:space-around
  }

  .xl\:place-content-evenly{
    place-content:space-evenly
  }

  .xl\:place-content-stretch{
    place-content:stretch
  }

  .xl\:place-self-auto{
    place-self:auto
  }

  .xl\:place-self-start{
    place-self:start
  }

  .xl\:place-self-end{
    place-self:end
  }

  .xl\:place-self-center{
    place-self:center
  }

  .xl\:place-self-stretch{
    place-self:stretch
  }

  .xl\:justify-items-auto{
    justify-items:auto
  }

  .xl\:justify-items-start{
    justify-items:start
  }

  .xl\:justify-items-end{
    justify-items:end
  }

  .xl\:justify-items-center{
    justify-items:center
  }

  .xl\:justify-items-stretch{
    justify-items:stretch
  }

  .xl\:justify-self-auto{
    justify-self:auto
  }

  .xl\:justify-self-start{
    justify-self:start
  }

  .xl\:justify-self-end{
    justify-self:end
  }

  .xl\:justify-self-center{
    justify-self:center
  }

  .xl\:justify-self-stretch{
    justify-self:stretch
  }

  .xl\:order-1{
    order:1
  }

  .xl\:order-2{
    order:2
  }

  .xl\:order-3{
    order:3
  }

  .xl\:order-4{
    order:4
  }

  .xl\:order-5{
    order:5
  }

  .xl\:order-6{
    order:6
  }

  .xl\:order-7{
    order:7
  }

  .xl\:order-8{
    order:8
  }

  .xl\:order-9{
    order:9
  }

  .xl\:order-10{
    order:10
  }

  .xl\:order-11{
    order:11
  }

  .xl\:order-12{
    order:12
  }

  .xl\:order-first{
    order:-9999
  }

  .xl\:order-last{
    order:9999
  }

  .xl\:order-none{
    order:0
  }

  .xl\:clear-left{
    clear:left
  }

  .xl\:clear-right{
    clear:right
  }

  .xl\:clear-both{
    clear:both
  }

  .xl\:clear-none{
    clear:none
  }

  .xl\:m-0{
    margin:0
  }

  .xl\:m-1{
    margin:0.25rem
  }

  .xl\:m-2{
    margin:0.5rem
  }

  .xl\:m-3{
    margin:0.75rem
  }

  .xl\:m-4{
    margin:1rem
  }

  .xl\:m-5{
    margin:1.25rem
  }

  .xl\:m-6{
    margin:1.5rem
  }

  .xl\:m-8{
    margin:2rem
  }

  .xl\:m-10{
    margin:2.5rem
  }

  .xl\:m-12{
    margin:3rem
  }

  .xl\:m-16{
    margin:4rem
  }

  .xl\:m-20{
    margin:5rem
  }

  .xl\:m-24{
    margin:6rem
  }

  .xl\:m-32{
    margin:8rem
  }

  .xl\:m-auto{
    margin:auto
  }

  .xl\:m-px{
    margin:1px
  }

  .xl\:-m-px{
    margin:-1px
  }

  .xl\:-m-0{
    margin:0
  }

  .xl\:-m-1{
    margin:-0.25rem
  }

  .xl\:-m-2{
    margin:-0.5rem
  }

  .xl\:-m-3{
    margin:-0.75rem
  }

  .xl\:-m-4{
    margin:-1rem
  }

  .xl\:-m-5{
    margin:-1.25rem
  }

  .xl\:-m-6{
    margin:-1.5rem
  }

  .xl\:-m-8{
    margin:-2rem
  }

  .xl\:-m-10{
    margin:-2.5rem
  }

  .xl\:-m-12{
    margin:-3rem
  }

  .xl\:-m-16{
    margin:-4rem
  }

  .xl\:-m-20{
    margin:-5rem
  }

  .xl\:-m-24{
    margin:-6rem
  }

  .xl\:-m-32{
    margin:-8rem
  }

  .xl\:my-0{
    margin-top:0;
    margin-bottom:0
  }

  .xl\:mx-0{
    margin-left:0;
    margin-right:0
  }

  .xl\:my-1{
    margin-top:0.25rem;
    margin-bottom:0.25rem
  }

  .xl\:mx-1{
    margin-left:0.25rem;
    margin-right:0.25rem
  }

  .xl\:my-2{
    margin-top:0.5rem;
    margin-bottom:0.5rem
  }

  .xl\:mx-2{
    margin-left:0.5rem;
    margin-right:0.5rem
  }

  .xl\:my-3{
    margin-top:0.75rem;
    margin-bottom:0.75rem
  }

  .xl\:mx-3{
    margin-left:0.75rem;
    margin-right:0.75rem
  }

  .xl\:my-4{
    margin-top:1rem;
    margin-bottom:1rem
  }

  .xl\:mx-4{
    margin-left:1rem;
    margin-right:1rem
  }

  .xl\:my-5{
    margin-top:1.25rem;
    margin-bottom:1.25rem
  }

  .xl\:mx-5{
    margin-left:1.25rem;
    margin-right:1.25rem
  }

  .xl\:my-6{
    margin-top:1.5rem;
    margin-bottom:1.5rem
  }

  .xl\:mx-6{
    margin-left:1.5rem;
    margin-right:1.5rem
  }

  .xl\:my-8{
    margin-top:2rem;
    margin-bottom:2rem
  }

  .xl\:mx-8{
    margin-left:2rem;
    margin-right:2rem
  }

  .xl\:my-10{
    margin-top:2.5rem;
    margin-bottom:2.5rem
  }

  .xl\:mx-10{
    margin-left:2.5rem;
    margin-right:2.5rem
  }

  .xl\:my-12{
    margin-top:3rem;
    margin-bottom:3rem
  }

  .xl\:mx-12{
    margin-left:3rem;
    margin-right:3rem
  }

  .xl\:my-16{
    margin-top:4rem;
    margin-bottom:4rem
  }

  .xl\:mx-16{
    margin-left:4rem;
    margin-right:4rem
  }

  .xl\:my-20{
    margin-top:5rem;
    margin-bottom:5rem
  }

  .xl\:mx-20{
    margin-left:5rem;
    margin-right:5rem
  }

  .xl\:my-24{
    margin-top:6rem;
    margin-bottom:6rem
  }

  .xl\:mx-24{
    margin-left:6rem;
    margin-right:6rem
  }

  .xl\:my-32{
    margin-top:8rem;
    margin-bottom:8rem
  }

  .xl\:mx-32{
    margin-left:8rem;
    margin-right:8rem
  }

  .xl\:my-auto{
    margin-top:auto;
    margin-bottom:auto
  }

  .xl\:mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .xl\:my-px{
    margin-top:1px;
    margin-bottom:1px
  }

  .xl\:mx-px{
    margin-left:1px;
    margin-right:1px
  }

  .xl\:-my-px{
    margin-top:-1px;
    margin-bottom:-1px
  }

  .xl\:-mx-px{
    margin-left:-1px;
    margin-right:-1px
  }

  .xl\:-my-0{
    margin-top:0;
    margin-bottom:0
  }

  .xl\:-mx-0{
    margin-left:0;
    margin-right:0
  }

  .xl\:-my-1{
    margin-top:-0.25rem;
    margin-bottom:-0.25rem
  }

  .xl\:-mx-1{
    margin-left:-0.25rem;
    margin-right:-0.25rem
  }

  .xl\:-my-2{
    margin-top:-0.5rem;
    margin-bottom:-0.5rem
  }

  .xl\:-mx-2{
    margin-left:-0.5rem;
    margin-right:-0.5rem
  }

  .xl\:-my-3{
    margin-top:-0.75rem;
    margin-bottom:-0.75rem
  }

  .xl\:-mx-3{
    margin-left:-0.75rem;
    margin-right:-0.75rem
  }

  .xl\:-my-4{
    margin-top:-1rem;
    margin-bottom:-1rem
  }

  .xl\:-mx-4{
    margin-left:-1rem;
    margin-right:-1rem
  }

  .xl\:-my-5{
    margin-top:-1.25rem;
    margin-bottom:-1.25rem
  }

  .xl\:-mx-5{
    margin-left:-1.25rem;
    margin-right:-1.25rem
  }

  .xl\:-my-6{
    margin-top:-1.5rem;
    margin-bottom:-1.5rem
  }

  .xl\:-mx-6{
    margin-left:-1.5rem;
    margin-right:-1.5rem
  }

  .xl\:-my-8{
    margin-top:-2rem;
    margin-bottom:-2rem
  }

  .xl\:-mx-8{
    margin-left:-2rem;
    margin-right:-2rem
  }

  .xl\:-my-10{
    margin-top:-2.5rem;
    margin-bottom:-2.5rem
  }

  .xl\:-mx-10{
    margin-left:-2.5rem;
    margin-right:-2.5rem
  }

  .xl\:-my-12{
    margin-top:-3rem;
    margin-bottom:-3rem
  }

  .xl\:-mx-12{
    margin-left:-3rem;
    margin-right:-3rem
  }

  .xl\:-my-16{
    margin-top:-4rem;
    margin-bottom:-4rem
  }

  .xl\:-mx-16{
    margin-left:-4rem;
    margin-right:-4rem
  }

  .xl\:-my-20{
    margin-top:-5rem;
    margin-bottom:-5rem
  }

  .xl\:-mx-20{
    margin-left:-5rem;
    margin-right:-5rem
  }

  .xl\:-my-24{
    margin-top:-6rem;
    margin-bottom:-6rem
  }

  .xl\:-mx-24{
    margin-left:-6rem;
    margin-right:-6rem
  }

  .xl\:-my-32{
    margin-top:-8rem;
    margin-bottom:-8rem
  }

  .xl\:-mx-32{
    margin-left:-8rem;
    margin-right:-8rem
  }

  .xl\:mt-0{
    margin-top:0
  }

  .xl\:mr-0{
    margin-right:0
  }

  .xl\:mb-0{
    margin-bottom:0
  }

  .xl\:ml-0{
    margin-left:0
  }

  .xl\:mt-1{
    margin-top:0.25rem
  }

  .xl\:mr-1{
    margin-right:0.25rem
  }

  .xl\:mb-1{
    margin-bottom:0.25rem
  }

  .xl\:ml-1{
    margin-left:0.25rem
  }

  .xl\:mt-2{
    margin-top:0.5rem
  }

  .xl\:mr-2{
    margin-right:0.5rem
  }

  .xl\:mb-2{
    margin-bottom:0.5rem
  }

  .xl\:ml-2{
    margin-left:0.5rem
  }

  .xl\:mt-3{
    margin-top:0.75rem
  }

  .xl\:mr-3{
    margin-right:0.75rem
  }

  .xl\:mb-3{
    margin-bottom:0.75rem
  }

  .xl\:ml-3{
    margin-left:0.75rem
  }

  .xl\:mt-4{
    margin-top:1rem
  }

  .xl\:mr-4{
    margin-right:1rem
  }

  .xl\:mb-4{
    margin-bottom:1rem
  }

  .xl\:ml-4{
    margin-left:1rem
  }

  .xl\:mt-5{
    margin-top:1.25rem
  }

  .xl\:mr-5{
    margin-right:1.25rem
  }

  .xl\:mb-5{
    margin-bottom:1.25rem
  }

  .xl\:ml-5{
    margin-left:1.25rem
  }

  .xl\:mt-6{
    margin-top:1.5rem
  }

  .xl\:mr-6{
    margin-right:1.5rem
  }

  .xl\:mb-6{
    margin-bottom:1.5rem
  }

  .xl\:ml-6{
    margin-left:1.5rem
  }

  .xl\:mt-8{
    margin-top:2rem
  }

  .xl\:mr-8{
    margin-right:2rem
  }

  .xl\:mb-8{
    margin-bottom:2rem
  }

  .xl\:ml-8{
    margin-left:2rem
  }

  .xl\:mt-10{
    margin-top:2.5rem
  }

  .xl\:mr-10{
    margin-right:2.5rem
  }

  .xl\:mb-10{
    margin-bottom:2.5rem
  }

  .xl\:ml-10{
    margin-left:2.5rem
  }

  .xl\:mt-12{
    margin-top:3rem
  }

  .xl\:mr-12{
    margin-right:3rem
  }

  .xl\:mb-12{
    margin-bottom:3rem
  }

  .xl\:ml-12{
    margin-left:3rem
  }

  .xl\:mt-16{
    margin-top:4rem
  }

  .xl\:mr-16{
    margin-right:4rem
  }

  .xl\:mb-16{
    margin-bottom:4rem
  }

  .xl\:ml-16{
    margin-left:4rem
  }

  .xl\:mt-20{
    margin-top:5rem
  }

  .xl\:mr-20{
    margin-right:5rem
  }

  .xl\:mb-20{
    margin-bottom:5rem
  }

  .xl\:ml-20{
    margin-left:5rem
  }

  .xl\:mt-24{
    margin-top:6rem
  }

  .xl\:mr-24{
    margin-right:6rem
  }

  .xl\:mb-24{
    margin-bottom:6rem
  }

  .xl\:ml-24{
    margin-left:6rem
  }

  .xl\:mt-32{
    margin-top:8rem
  }

  .xl\:mr-32{
    margin-right:8rem
  }

  .xl\:mb-32{
    margin-bottom:8rem
  }

  .xl\:ml-32{
    margin-left:8rem
  }

  .xl\:mt-auto{
    margin-top:auto
  }

  .xl\:mr-auto{
    margin-right:auto
  }

  .xl\:mb-auto{
    margin-bottom:auto
  }

  .xl\:ml-auto{
    margin-left:auto
  }

  .xl\:mt-px{
    margin-top:1px
  }

  .xl\:mr-px{
    margin-right:1px
  }

  .xl\:mb-px{
    margin-bottom:1px
  }

  .xl\:ml-px{
    margin-left:1px
  }

  .xl\:-mt-px{
    margin-top:-1px
  }

  .xl\:-mr-px{
    margin-right:-1px
  }

  .xl\:-mb-px{
    margin-bottom:-1px
  }

  .xl\:-ml-px{
    margin-left:-1px
  }

  .xl\:-mt-0{
    margin-top:0
  }

  .xl\:-mr-0{
    margin-right:0
  }

  .xl\:-mb-0{
    margin-bottom:0
  }

  .xl\:-ml-0{
    margin-left:0
  }

  .xl\:-mt-1{
    margin-top:-0.25rem
  }

  .xl\:-mr-1{
    margin-right:-0.25rem
  }

  .xl\:-mb-1{
    margin-bottom:-0.25rem
  }

  .xl\:-ml-1{
    margin-left:-0.25rem
  }

  .xl\:-mt-2{
    margin-top:-0.5rem
  }

  .xl\:-mr-2{
    margin-right:-0.5rem
  }

  .xl\:-mb-2{
    margin-bottom:-0.5rem
  }

  .xl\:-ml-2{
    margin-left:-0.5rem
  }

  .xl\:-mt-3{
    margin-top:-0.75rem
  }

  .xl\:-mr-3{
    margin-right:-0.75rem
  }

  .xl\:-mb-3{
    margin-bottom:-0.75rem
  }

  .xl\:-ml-3{
    margin-left:-0.75rem
  }

  .xl\:-mt-4{
    margin-top:-1rem
  }

  .xl\:-mr-4{
    margin-right:-1rem
  }

  .xl\:-mb-4{
    margin-bottom:-1rem
  }

  .xl\:-ml-4{
    margin-left:-1rem
  }

  .xl\:-mt-5{
    margin-top:-1.25rem
  }

  .xl\:-mr-5{
    margin-right:-1.25rem
  }

  .xl\:-mb-5{
    margin-bottom:-1.25rem
  }

  .xl\:-ml-5{
    margin-left:-1.25rem
  }

  .xl\:-mt-6{
    margin-top:-1.5rem
  }

  .xl\:-mr-6{
    margin-right:-1.5rem
  }

  .xl\:-mb-6{
    margin-bottom:-1.5rem
  }

  .xl\:-ml-6{
    margin-left:-1.5rem
  }

  .xl\:-mt-8{
    margin-top:-2rem
  }

  .xl\:-mr-8{
    margin-right:-2rem
  }

  .xl\:-mb-8{
    margin-bottom:-2rem
  }

  .xl\:-ml-8{
    margin-left:-2rem
  }

  .xl\:-mt-10{
    margin-top:-2.5rem
  }

  .xl\:-mr-10{
    margin-right:-2.5rem
  }

  .xl\:-mb-10{
    margin-bottom:-2.5rem
  }

  .xl\:-ml-10{
    margin-left:-2.5rem
  }

  .xl\:-mt-12{
    margin-top:-3rem
  }

  .xl\:-mr-12{
    margin-right:-3rem
  }

  .xl\:-mb-12{
    margin-bottom:-3rem
  }

  .xl\:-ml-12{
    margin-left:-3rem
  }

  .xl\:-mt-16{
    margin-top:-4rem
  }

  .xl\:-mr-16{
    margin-right:-4rem
  }

  .xl\:-mb-16{
    margin-bottom:-4rem
  }

  .xl\:-ml-16{
    margin-left:-4rem
  }

  .xl\:-mt-20{
    margin-top:-5rem
  }

  .xl\:-mr-20{
    margin-right:-5rem
  }

  .xl\:-mb-20{
    margin-bottom:-5rem
  }

  .xl\:-ml-20{
    margin-left:-5rem
  }

  .xl\:-mt-24{
    margin-top:-6rem
  }

  .xl\:-mr-24{
    margin-right:-6rem
  }

  .xl\:-mb-24{
    margin-bottom:-6rem
  }

  .xl\:-ml-24{
    margin-left:-6rem
  }

  .xl\:-mt-32{
    margin-top:-8rem
  }

  .xl\:-mr-32{
    margin-right:-8rem
  }

  .xl\:-mb-32{
    margin-bottom:-8rem
  }

  .xl\:-ml-32{
    margin-left:-8rem
  }

  .xl\:object-contain{
    object-fit:contain
  }

  .xl\:object-cover{
    object-fit:cover
  }

  .xl\:object-fill{
    object-fit:fill
  }

  .xl\:object-none{
    object-fit:none
  }

  .xl\:object-scale-down{
    object-fit:scale-down
  }

  .xl\:object-bottom{
    object-position:bottom
  }

  .xl\:object-center{
    object-position:center
  }

  .xl\:object-left{
    object-position:left
  }

  .xl\:object-left-bottom{
    object-position:left bottom
  }

  .xl\:object-left-top{
    object-position:left top
  }

  .xl\:object-right{
    object-position:right
  }

  .xl\:object-right-bottom{
    object-position:right bottom
  }

  .xl\:object-right-top{
    object-position:right top
  }

  .xl\:object-top{
    object-position:top
  }

  .xl\:overscroll-auto{
    overscroll-behavior:auto
  }

  .xl\:overscroll-contain{
    overscroll-behavior:contain
  }

  .xl\:overscroll-none{
    overscroll-behavior:none
  }

  .xl\:overscroll-y-auto{
    overscroll-behavior-y:auto
  }

  .xl\:overscroll-y-contain{
    overscroll-behavior-y:contain
  }

  .xl\:overscroll-y-none{
    overscroll-behavior-y:none
  }

  .xl\:overscroll-x-auto{
    overscroll-behavior-x:auto
  }

  .xl\:overscroll-x-contain{
    overscroll-behavior-x:contain
  }

  .xl\:overscroll-x-none{
    overscroll-behavior-x:none
  }

  .xl\:placeholder-transparent::placeholder{
    color:transparent
  }

  .xl\:placeholder-black::placeholder{
    --placeholder-opacity:1;
    color:#22292f;
    color:rgba(34, 41, 47, var(--placeholder-opacity))
  }

  .xl\:placeholder-real-black::placeholder{
    --placeholder-opacity:1;
    color:#000;
    color:rgba(0, 0, 0, var(--placeholder-opacity))
  }

  .xl\:placeholder-gray-800::placeholder{
    --placeholder-opacity:1;
    color:#3d4852;
    color:rgba(61, 72, 82, var(--placeholder-opacity))
  }

  .xl\:placeholder-gray-700::placeholder{
    --placeholder-opacity:1;
    color:#606f7b;
    color:rgba(96, 111, 123, var(--placeholder-opacity))
  }

  .xl\:placeholder-gray-600::placeholder{
    --placeholder-opacity:1;
    color:#8795a1;
    color:rgba(135, 149, 161, var(--placeholder-opacity))
  }

  .xl\:placeholder-gray::placeholder{
    --placeholder-opacity:1;
    color:#b8c2cc;
    color:rgba(184, 194, 204, var(--placeholder-opacity))
  }

  .xl\:placeholder-gray-400::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .xl\:placeholder-gray-200::placeholder{
    --placeholder-opacity:1;
    color:#f1f5f8;
    color:rgba(241, 245, 248, var(--placeholder-opacity))
  }

  .xl\:placeholder-gray-100::placeholder{
    --placeholder-opacity:1;
    color:#f8fafc;
    color:rgba(248, 250, 252, var(--placeholder-opacity))
  }

  .xl\:placeholder-white::placeholder{
    --placeholder-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--placeholder-opacity))
  }

  .xl\:placeholder-off-white::placeholder{
    --placeholder-opacity:1;
    color:#f7fafc;
    color:rgba(247, 250, 252, var(--placeholder-opacity))
  }

  .xl\:placeholder-grey-weldnote::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .xl\:placeholder-red-900::placeholder{
    --placeholder-opacity:1;
    color:#3b0d0c;
    color:rgba(59, 13, 12, var(--placeholder-opacity))
  }

  .xl\:placeholder-red-800::placeholder{
    --placeholder-opacity:1;
    color:#621b18;
    color:rgba(98, 27, 24, var(--placeholder-opacity))
  }

  .xl\:placeholder-red-600::placeholder{
    --placeholder-opacity:1;
    color:#cc1f1a;
    color:rgba(204, 31, 26, var(--placeholder-opacity))
  }

  .xl\:placeholder-red::placeholder{
    --placeholder-opacity:1;
    color:#e3342f;
    color:rgba(227, 52, 47, var(--placeholder-opacity))
  }

  .xl\:placeholder-red-400::placeholder{
    --placeholder-opacity:1;
    color:#ef5753;
    color:rgba(239, 87, 83, var(--placeholder-opacity))
  }

  .xl\:placeholder-red-200::placeholder{
    --placeholder-opacity:1;
    color:#f9acaa;
    color:rgba(249, 172, 170, var(--placeholder-opacity))
  }

  .xl\:placeholder-red-100::placeholder{
    --placeholder-opacity:1;
    color:#fcebea;
    color:rgba(252, 235, 234, var(--placeholder-opacity))
  }

  .xl\:placeholder-yellow-900::placeholder{
    --placeholder-opacity:1;
    color:#453411;
    color:rgba(69, 52, 17, var(--placeholder-opacity))
  }

  .xl\:placeholder-yellow-800::placeholder{
    --placeholder-opacity:1;
    color:#a77f2e;
    color:rgba(167, 127, 46, var(--placeholder-opacity))
  }

  .xl\:placeholder-yellow-600::placeholder{
    --placeholder-opacity:1;
    color:#f2d024;
    color:rgba(242, 208, 36, var(--placeholder-opacity))
  }

  .xl\:placeholder-yellow::placeholder{
    --placeholder-opacity:1;
    color:#ffed4a;
    color:rgba(255, 237, 74, var(--placeholder-opacity))
  }

  .xl\:placeholder-yellow-400::placeholder{
    --placeholder-opacity:1;
    color:#fff382;
    color:rgba(255, 243, 130, var(--placeholder-opacity))
  }

  .xl\:placeholder-yellow-200::placeholder{
    --placeholder-opacity:1;
    color:#fff9c2;
    color:rgba(255, 249, 194, var(--placeholder-opacity))
  }

  .xl\:placeholder-yellow-100::placeholder{
    --placeholder-opacity:1;
    color:#fcfbeb;
    color:rgba(252, 251, 235, var(--placeholder-opacity))
  }

  .xl\:placeholder-green-900::placeholder{
    --placeholder-opacity:1;
    color:#0f2f21;
    color:rgba(15, 47, 33, var(--placeholder-opacity))
  }

  .xl\:placeholder-green-800::placeholder{
    --placeholder-opacity:1;
    color:#1a4731;
    color:rgba(26, 71, 49, var(--placeholder-opacity))
  }

  .xl\:placeholder-green-600::placeholder{
    --placeholder-opacity:1;
    color:#1f9d55;
    color:rgba(31, 157, 85, var(--placeholder-opacity))
  }

  .xl\:placeholder-green::placeholder{
    --placeholder-opacity:1;
    color:#38c172;
    color:rgba(56, 193, 114, var(--placeholder-opacity))
  }

  .xl\:placeholder-green-400::placeholder{
    --placeholder-opacity:1;
    color:#51d88a;
    color:rgba(81, 216, 138, var(--placeholder-opacity))
  }

  .xl\:placeholder-green-200::placeholder{
    --placeholder-opacity:1;
    color:#a2f5bf;
    color:rgba(162, 245, 191, var(--placeholder-opacity))
  }

  .xl\:placeholder-green-100::placeholder{
    --placeholder-opacity:1;
    color:#e3fcec;
    color:rgba(227, 252, 236, var(--placeholder-opacity))
  }

  .xl\:placeholder-blue-modal::placeholder{
    --placeholder-opacity:1;
    color:#2e4050;
    color:rgba(46, 64, 80, var(--placeholder-opacity))
  }

  .xl\:placeholder-blue-900::placeholder{
    --placeholder-opacity:1;
    color:#12283a;
    color:rgba(18, 40, 58, var(--placeholder-opacity))
  }

  .xl\:placeholder-blue-800::placeholder{
    --placeholder-opacity:1;
    color:#1c3d5a;
    color:rgba(28, 61, 90, var(--placeholder-opacity))
  }

  .xl\:placeholder-blue-600::placeholder{
    --placeholder-opacity:1;
    color:#2779bd;
    color:rgba(39, 121, 189, var(--placeholder-opacity))
  }

  .xl\:placeholder-blue::placeholder{
    --placeholder-opacity:1;
    color:#3498db;
    color:rgba(52, 152, 219, var(--placeholder-opacity))
  }

  .xl\:placeholder-blue-400::placeholder{
    --placeholder-opacity:1;
    color:#6cb2eb;
    color:rgba(108, 178, 235, var(--placeholder-opacity))
  }

  .xl\:placeholder-blue-200::placeholder{
    --placeholder-opacity:1;
    color:#bcdefa;
    color:rgba(188, 222, 250, var(--placeholder-opacity))
  }

  .xl\:placeholder-blue-100::placeholder{
    --placeholder-opacity:1;
    color:#eff8ff;
    color:rgba(239, 248, 255, var(--placeholder-opacity))
  }

  .xl\:placeholder-purple-900::placeholder{
    --placeholder-opacity:1;
    color:#21183c;
    color:rgba(33, 24, 60, var(--placeholder-opacity))
  }

  .xl\:placeholder-purple-800::placeholder{
    --placeholder-opacity:1;
    color:#382b5f;
    color:rgba(56, 43, 95, var(--placeholder-opacity))
  }

  .xl\:placeholder-purple-600::placeholder{
    --placeholder-opacity:1;
    color:#794acf;
    color:rgba(121, 74, 207, var(--placeholder-opacity))
  }

  .xl\:placeholder-purple::placeholder{
    --placeholder-opacity:1;
    color:#9561e2;
    color:rgba(149, 97, 226, var(--placeholder-opacity))
  }

  .xl\:placeholder-purple-400::placeholder{
    --placeholder-opacity:1;
    color:#a779e9;
    color:rgba(167, 121, 233, var(--placeholder-opacity))
  }

  .xl\:placeholder-purple-200::placeholder{
    --placeholder-opacity:1;
    color:#d6bbfc;
    color:rgba(214, 187, 252, var(--placeholder-opacity))
  }

  .xl\:placeholder-purple-100::placeholder{
    --placeholder-opacity:1;
    color:#f3ebff;
    color:rgba(243, 235, 255, var(--placeholder-opacity))
  }

  .xl\:placeholder-orange-900::placeholder{
    --placeholder-opacity:1;
    color:#462a16;
    color:rgba(70, 42, 22, var(--placeholder-opacity))
  }

  .xl\:placeholder-orange-800::placeholder{
    --placeholder-opacity:1;
    color:#613b1f;
    color:rgba(97, 59, 31, var(--placeholder-opacity))
  }

  .xl\:placeholder-orange-600::placeholder{
    --placeholder-opacity:1;
    color:#de751f;
    color:rgba(222, 117, 31, var(--placeholder-opacity))
  }

  .xl\:placeholder-orange::placeholder{
    --placeholder-opacity:1;
    color:#f6993f;
    color:rgba(246, 153, 63, var(--placeholder-opacity))
  }

  .xl\:placeholder-orange-400::placeholder{
    --placeholder-opacity:1;
    color:#faad63;
    color:rgba(250, 173, 99, var(--placeholder-opacity))
  }

  .xl\:placeholder-orange-200::placeholder{
    --placeholder-opacity:1;
    color:#fcd9b6;
    color:rgba(252, 217, 182, var(--placeholder-opacity))
  }

  .xl\:placeholder-orange-100::placeholder{
    --placeholder-opacity:1;
    color:#fff5eb;
    color:rgba(255, 245, 235, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-gray::placeholder{
    --placeholder-opacity:1;
    color:#cecfd0;
    color:rgba(206, 207, 208, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-orange::placeholder{
    --placeholder-opacity:1;
    color:#da7129;
    color:rgba(218, 113, 41, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-darkgrey::placeholder{
    --placeholder-opacity:1;
    color:#373338;
    color:rgba(55, 51, 56, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-background::placeholder{
    --placeholder-opacity:1;
    color:#f0f0f0;
    color:rgba(240, 240, 240, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-icon-blue::placeholder{
    --placeholder-opacity:1;
    color:#0B7DA8;
    color:rgba(11, 125, 168, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-sidebar-blue::placeholder{
    --placeholder-opacity:1;
    color:#c7d0d8;
    color:rgba(199, 208, 216, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-sidebar-blue-active::placeholder{
    --placeholder-opacity:1;
    color:#174167;
    color:rgba(23, 65, 103, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-sidebar-blue-arrow::placeholder{
    --placeholder-opacity:1;
    color:#164167;
    color:rgba(22, 65, 103, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-black::placeholder{
    --placeholder-opacity:1;
    color:#26292A;
    color:rgba(38, 41, 42, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-primary-blue::placeholder{
    --placeholder-opacity:1;
    color:#1A61A1;
    color:rgba(26, 97, 161, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-primary-blue-light::placeholder{
    --placeholder-opacity:1;
    color:#347fc3;
    color:rgba(52, 127, 195, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-secondary-blue::placeholder{
    --placeholder-opacity:1;
    color:#6ca1cd;
    color:rgba(108, 161, 205, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-card-blue::placeholder{
    --placeholder-opacity:1;
    color:#2961A1;
    color:rgba(41, 97, 161, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-card-secondary-blue::placeholder{
    --placeholder-opacity:1;
    color:#6491EB;
    color:rgba(100, 145, 235, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-red::placeholder{
    --placeholder-opacity:1;
    color:#E23900;
    color:rgba(226, 57, 0, var(--placeholder-opacity))
  }

  .xl\:placeholder-esab-red-highlight::placeholder{
    --placeholder-opacity:1;
    color:#ed6031;
    color:rgba(237, 96, 49, var(--placeholder-opacity))
  }

  .xl\:placeholder-assembly-color::placeholder{
    --placeholder-opacity:1;
    color:#c7074e;
    color:rgba(199, 7, 78, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-transparent:focus::placeholder{
    color:transparent
  }

  .xl\:focus\:placeholder-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#22292f;
    color:rgba(34, 41, 47, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-real-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#000;
    color:rgba(0, 0, 0, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-gray-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#3d4852;
    color:rgba(61, 72, 82, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-gray-700:focus::placeholder{
    --placeholder-opacity:1;
    color:#606f7b;
    color:rgba(96, 111, 123, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-gray-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#8795a1;
    color:rgba(135, 149, 161, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-gray:focus::placeholder{
    --placeholder-opacity:1;
    color:#b8c2cc;
    color:rgba(184, 194, 204, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-gray-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-gray-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#f1f5f8;
    color:rgba(241, 245, 248, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-gray-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#f8fafc;
    color:rgba(248, 250, 252, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-white:focus::placeholder{
    --placeholder-opacity:1;
    color:#ffffff;
    color:rgba(255, 255, 255, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-off-white:focus::placeholder{
    --placeholder-opacity:1;
    color:#f7fafc;
    color:rgba(247, 250, 252, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-grey-weldnote:focus::placeholder{
    --placeholder-opacity:1;
    color:#dae1e7;
    color:rgba(218, 225, 231, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-red-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#3b0d0c;
    color:rgba(59, 13, 12, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-red-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#621b18;
    color:rgba(98, 27, 24, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-red-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#cc1f1a;
    color:rgba(204, 31, 26, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-red:focus::placeholder{
    --placeholder-opacity:1;
    color:#e3342f;
    color:rgba(227, 52, 47, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-red-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#ef5753;
    color:rgba(239, 87, 83, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-red-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#f9acaa;
    color:rgba(249, 172, 170, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-red-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcebea;
    color:rgba(252, 235, 234, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-yellow-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#453411;
    color:rgba(69, 52, 17, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-yellow-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#a77f2e;
    color:rgba(167, 127, 46, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-yellow-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#f2d024;
    color:rgba(242, 208, 36, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-yellow:focus::placeholder{
    --placeholder-opacity:1;
    color:#ffed4a;
    color:rgba(255, 237, 74, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-yellow-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff382;
    color:rgba(255, 243, 130, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-yellow-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff9c2;
    color:rgba(255, 249, 194, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-yellow-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcfbeb;
    color:rgba(252, 251, 235, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-green-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#0f2f21;
    color:rgba(15, 47, 33, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-green-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#1a4731;
    color:rgba(26, 71, 49, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-green-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#1f9d55;
    color:rgba(31, 157, 85, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-green:focus::placeholder{
    --placeholder-opacity:1;
    color:#38c172;
    color:rgba(56, 193, 114, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-green-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#51d88a;
    color:rgba(81, 216, 138, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-green-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#a2f5bf;
    color:rgba(162, 245, 191, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-green-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#e3fcec;
    color:rgba(227, 252, 236, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-blue-modal:focus::placeholder{
    --placeholder-opacity:1;
    color:#2e4050;
    color:rgba(46, 64, 80, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-blue-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#12283a;
    color:rgba(18, 40, 58, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-blue-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#1c3d5a;
    color:rgba(28, 61, 90, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-blue-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#2779bd;
    color:rgba(39, 121, 189, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#3498db;
    color:rgba(52, 152, 219, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-blue-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#6cb2eb;
    color:rgba(108, 178, 235, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-blue-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#bcdefa;
    color:rgba(188, 222, 250, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-blue-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#eff8ff;
    color:rgba(239, 248, 255, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-purple-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#21183c;
    color:rgba(33, 24, 60, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-purple-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#382b5f;
    color:rgba(56, 43, 95, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-purple-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#794acf;
    color:rgba(121, 74, 207, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-purple:focus::placeholder{
    --placeholder-opacity:1;
    color:#9561e2;
    color:rgba(149, 97, 226, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-purple-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#a779e9;
    color:rgba(167, 121, 233, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-purple-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#d6bbfc;
    color:rgba(214, 187, 252, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-purple-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#f3ebff;
    color:rgba(243, 235, 255, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-orange-900:focus::placeholder{
    --placeholder-opacity:1;
    color:#462a16;
    color:rgba(70, 42, 22, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-orange-800:focus::placeholder{
    --placeholder-opacity:1;
    color:#613b1f;
    color:rgba(97, 59, 31, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-orange-600:focus::placeholder{
    --placeholder-opacity:1;
    color:#de751f;
    color:rgba(222, 117, 31, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-orange:focus::placeholder{
    --placeholder-opacity:1;
    color:#f6993f;
    color:rgba(246, 153, 63, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-orange-400:focus::placeholder{
    --placeholder-opacity:1;
    color:#faad63;
    color:rgba(250, 173, 99, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-orange-200:focus::placeholder{
    --placeholder-opacity:1;
    color:#fcd9b6;
    color:rgba(252, 217, 182, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-orange-100:focus::placeholder{
    --placeholder-opacity:1;
    color:#fff5eb;
    color:rgba(255, 245, 235, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-gray:focus::placeholder{
    --placeholder-opacity:1;
    color:#cecfd0;
    color:rgba(206, 207, 208, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-orange:focus::placeholder{
    --placeholder-opacity:1;
    color:#da7129;
    color:rgba(218, 113, 41, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-darkgrey:focus::placeholder{
    --placeholder-opacity:1;
    color:#373338;
    color:rgba(55, 51, 56, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-background:focus::placeholder{
    --placeholder-opacity:1;
    color:#f0f0f0;
    color:rgba(240, 240, 240, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-icon-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#0B7DA8;
    color:rgba(11, 125, 168, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-sidebar-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#c7d0d8;
    color:rgba(199, 208, 216, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-sidebar-blue-active:focus::placeholder{
    --placeholder-opacity:1;
    color:#174167;
    color:rgba(23, 65, 103, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-sidebar-blue-arrow:focus::placeholder{
    --placeholder-opacity:1;
    color:#164167;
    color:rgba(22, 65, 103, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-black:focus::placeholder{
    --placeholder-opacity:1;
    color:#26292A;
    color:rgba(38, 41, 42, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-primary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#1A61A1;
    color:rgba(26, 97, 161, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-primary-blue-light:focus::placeholder{
    --placeholder-opacity:1;
    color:#347fc3;
    color:rgba(52, 127, 195, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-secondary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#6ca1cd;
    color:rgba(108, 161, 205, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-card-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#2961A1;
    color:rgba(41, 97, 161, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-card-secondary-blue:focus::placeholder{
    --placeholder-opacity:1;
    color:#6491EB;
    color:rgba(100, 145, 235, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-red:focus::placeholder{
    --placeholder-opacity:1;
    color:#E23900;
    color:rgba(226, 57, 0, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-esab-red-highlight:focus::placeholder{
    --placeholder-opacity:1;
    color:#ed6031;
    color:rgba(237, 96, 49, var(--placeholder-opacity))
  }

  .xl\:focus\:placeholder-assembly-color:focus::placeholder{
    --placeholder-opacity:1;
    color:#c7074e;
    color:rgba(199, 7, 78, var(--placeholder-opacity))
  }

  .xl\:placeholder-opacity-0::placeholder{
    --placeholder-opacity:0
  }

  .xl\:placeholder-opacity-10::placeholder{
    --placeholder-opacity:.1
  }

  .xl\:placeholder-opacity-20::placeholder{
    --placeholder-opacity:.20
  }

  .xl\:placeholder-opacity-25::placeholder{
    --placeholder-opacity:.25
  }

  .xl\:placeholder-opacity-50::placeholder{
    --placeholder-opacity:.5
  }

  .xl\:placeholder-opacity-75::placeholder{
    --placeholder-opacity:.75
  }

  .xl\:placeholder-opacity-100::placeholder{
    --placeholder-opacity:1
  }

  .xl\:focus\:placeholder-opacity-0:focus::placeholder{
    --placeholder-opacity:0
  }

  .xl\:focus\:placeholder-opacity-10:focus::placeholder{
    --placeholder-opacity:.1
  }

  .xl\:focus\:placeholder-opacity-20:focus::placeholder{
    --placeholder-opacity:.20
  }

  .xl\:focus\:placeholder-opacity-25:focus::placeholder{
    --placeholder-opacity:.25
  }

  .xl\:focus\:placeholder-opacity-50:focus::placeholder{
    --placeholder-opacity:.5
  }

  .xl\:focus\:placeholder-opacity-75:focus::placeholder{
    --placeholder-opacity:.75
  }

  .xl\:focus\:placeholder-opacity-100:focus::placeholder{
    --placeholder-opacity:1
  }

  .xl\:stroke-0{
    stroke-width:0
  }

  .xl\:stroke-1{
    stroke-width:1
  }

  .xl\:stroke-2{
    stroke-width:2
  }

  .xl\:table-auto{
    table-layout:auto
  }

  .xl\:table-fixed{
    table-layout:fixed
  }

  .xl\:text-opacity-0{
    --text-opacity:0
  }

  .xl\:text-opacity-10{
    --text-opacity:.1
  }

  .xl\:text-opacity-20{
    --text-opacity:.20
  }

  .xl\:text-opacity-25{
    --text-opacity:.25
  }

  .xl\:text-opacity-50{
    --text-opacity:.5
  }

  .xl\:text-opacity-75{
    --text-opacity:.75
  }

  .xl\:text-opacity-100{
    --text-opacity:1
  }

  .xl\:hover\:text-opacity-0:hover{
    --text-opacity:0
  }

  .xl\:hover\:text-opacity-10:hover{
    --text-opacity:.1
  }

  .xl\:hover\:text-opacity-20:hover{
    --text-opacity:.20
  }

  .xl\:hover\:text-opacity-25:hover{
    --text-opacity:.25
  }

  .xl\:hover\:text-opacity-50:hover{
    --text-opacity:.5
  }

  .xl\:hover\:text-opacity-75:hover{
    --text-opacity:.75
  }

  .xl\:hover\:text-opacity-100:hover{
    --text-opacity:1
  }

  .xl\:focus\:text-opacity-0:focus{
    --text-opacity:0
  }

  .xl\:focus\:text-opacity-10:focus{
    --text-opacity:.1
  }

  .xl\:focus\:text-opacity-20:focus{
    --text-opacity:.20
  }

  .xl\:focus\:text-opacity-25:focus{
    --text-opacity:.25
  }

  .xl\:focus\:text-opacity-50:focus{
    --text-opacity:.5
  }

  .xl\:focus\:text-opacity-75:focus{
    --text-opacity:.75
  }

  .xl\:focus\:text-opacity-100:focus{
    --text-opacity:1
  }

  .xl\:ordinal, .xl\:slashed-zero, .xl\:lining-nums, .xl\:oldstyle-nums, .xl\:proportional-nums, .xl\:tabular-nums, .xl\:diagonal-fractions, .xl\:stacked-fractions{
    --font-variant-numeric-ordinal:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-slashed-zero:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-figure:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-spacing:var(--tailwind-empty,/*!*/ /*!*/);
    --font-variant-numeric-fraction:var(--tailwind-empty,/*!*/ /*!*/);
    font-variant-numeric:var(--font-variant-numeric-ordinal) var(--font-variant-numeric-slashed-zero) var(--font-variant-numeric-figure) var(--font-variant-numeric-spacing) var(--font-variant-numeric-fraction)
  }

  .xl\:normal-nums{
    font-variant-numeric:normal
  }

  .xl\:ordinal{
    --font-variant-numeric-ordinal:ordinal
  }

  .xl\:slashed-zero{
    --font-variant-numeric-slashed-zero:slashed-zero
  }

  .xl\:lining-nums{
    --font-variant-numeric-figure:lining-nums
  }

  .xl\:oldstyle-nums{
    --font-variant-numeric-figure:oldstyle-nums
  }

  .xl\:proportional-nums{
    --font-variant-numeric-spacing:proportional-nums
  }

  .xl\:tabular-nums{
    --font-variant-numeric-spacing:tabular-nums
  }

  .xl\:diagonal-fractions{
    --font-variant-numeric-fraction:diagonal-fractions
  }

  .xl\:stacked-fractions{
    --font-variant-numeric-fraction:stacked-fractions
  }

  .xl\:w-1{
    width:0.25rem
  }

  .xl\:w-2{
    width:0.5rem
  }

  .xl\:w-3{
    width:0.75rem
  }

  .xl\:w-4{
    width:1rem
  }

  .xl\:w-6{
    width:1.5rem
  }

  .xl\:w-8{
    width:2rem
  }

  .xl\:w-10{
    width:2.5rem
  }

  .xl\:w-12{
    width:3rem
  }

  .xl\:w-16{
    width:4rem
  }

  .xl\:w-20{
    width:5rem
  }

  .xl\:w-24{
    width:6rem
  }

  .xl\:w-32{
    width:8rem
  }

  .xl\:w-48{
    width:12rem
  }

  .xl\:w-64{
    width:16rem
  }

  .xl\:w-128{
    width:32rem
  }

  .xl\:w-160{
    width:40rem
  }

  .xl\:w-184{
    width:46rem
  }

  .xl\:w-auto{
    width:auto
  }

  .xl\:w-px{
    width:1px
  }

  .xl\:w-1\/2{
    width:50%
  }

  .xl\:w-1\/3{
    width:33.33333%
  }

  .xl\:w-2\/3{
    width:66.66667%
  }

  .xl\:w-1\/4{
    width:25%
  }

  .xl\:w-3\/4{
    width:75%
  }

  .xl\:w-1\/5{
    width:20%
  }

  .xl\:w-2\/5{
    width:40%
  }

  .xl\:w-3\/5{
    width:60%
  }

  .xl\:w-4\/5{
    width:80%
  }

  .xl\:w-1\/6{
    width:16.66667%
  }

  .xl\:w-5\/6{
    width:83.33333%
  }

  .xl\:w-full{
    width:100%
  }

  .xl\:w-screen{
    width:100vw
  }

  .xl\:gap-0{
    grid-gap:0;
    gap:0
  }

  .xl\:gap-1{
    grid-gap:0.25rem;
    gap:0.25rem
  }

  .xl\:gap-2{
    grid-gap:0.5rem;
    gap:0.5rem
  }

  .xl\:gap-3{
    grid-gap:0.75rem;
    gap:0.75rem
  }

  .xl\:gap-4{
    grid-gap:1rem;
    gap:1rem
  }

  .xl\:gap-5{
    grid-gap:1.25rem;
    gap:1.25rem
  }

  .xl\:gap-6{
    grid-gap:1.5rem;
    gap:1.5rem
  }

  .xl\:gap-8{
    grid-gap:2rem;
    gap:2rem
  }

  .xl\:gap-10{
    grid-gap:2.5rem;
    gap:2.5rem
  }

  .xl\:gap-12{
    grid-gap:3rem;
    gap:3rem
  }

  .xl\:gap-16{
    grid-gap:4rem;
    gap:4rem
  }

  .xl\:gap-20{
    grid-gap:5rem;
    gap:5rem
  }

  .xl\:gap-24{
    grid-gap:6rem;
    gap:6rem
  }

  .xl\:gap-32{
    grid-gap:8rem;
    gap:8rem
  }

  .xl\:gap-40{
    grid-gap:10rem;
    gap:10rem
  }

  .xl\:gap-48{
    grid-gap:12rem;
    gap:12rem
  }

  .xl\:gap-56{
    grid-gap:14rem;
    gap:14rem
  }

  .xl\:gap-64{
    grid-gap:16rem;
    gap:16rem
  }

  .xl\:gap-px{
    grid-gap:1px;
    gap:1px
  }

  .xl\:col-gap-0{
    grid-column-gap:0;
    column-gap:0
  }

  .xl\:col-gap-1{
    grid-column-gap:0.25rem;
    column-gap:0.25rem
  }

  .xl\:col-gap-2{
    grid-column-gap:0.5rem;
    column-gap:0.5rem
  }

  .xl\:col-gap-3{
    grid-column-gap:0.75rem;
    column-gap:0.75rem
  }

  .xl\:col-gap-4{
    grid-column-gap:1rem;
    column-gap:1rem
  }

  .xl\:col-gap-5{
    grid-column-gap:1.25rem;
    column-gap:1.25rem
  }

  .xl\:col-gap-6{
    grid-column-gap:1.5rem;
    column-gap:1.5rem
  }

  .xl\:col-gap-8{
    grid-column-gap:2rem;
    column-gap:2rem
  }

  .xl\:col-gap-10{
    grid-column-gap:2.5rem;
    column-gap:2.5rem
  }

  .xl\:col-gap-12{
    grid-column-gap:3rem;
    column-gap:3rem
  }

  .xl\:col-gap-16{
    grid-column-gap:4rem;
    column-gap:4rem
  }

  .xl\:col-gap-20{
    grid-column-gap:5rem;
    column-gap:5rem
  }

  .xl\:col-gap-24{
    grid-column-gap:6rem;
    column-gap:6rem
  }

  .xl\:col-gap-32{
    grid-column-gap:8rem;
    column-gap:8rem
  }

  .xl\:col-gap-40{
    grid-column-gap:10rem;
    column-gap:10rem
  }

  .xl\:col-gap-48{
    grid-column-gap:12rem;
    column-gap:12rem
  }

  .xl\:col-gap-56{
    grid-column-gap:14rem;
    column-gap:14rem
  }

  .xl\:col-gap-64{
    grid-column-gap:16rem;
    column-gap:16rem
  }

  .xl\:col-gap-px{
    grid-column-gap:1px;
    column-gap:1px
  }

  .xl\:gap-x-0{
    grid-column-gap:0;
    column-gap:0
  }

  .xl\:gap-x-1{
    grid-column-gap:0.25rem;
    column-gap:0.25rem
  }

  .xl\:gap-x-2{
    grid-column-gap:0.5rem;
    column-gap:0.5rem
  }

  .xl\:gap-x-3{
    grid-column-gap:0.75rem;
    column-gap:0.75rem
  }

  .xl\:gap-x-4{
    grid-column-gap:1rem;
    column-gap:1rem
  }

  .xl\:gap-x-5{
    grid-column-gap:1.25rem;
    column-gap:1.25rem
  }

  .xl\:gap-x-6{
    grid-column-gap:1.5rem;
    column-gap:1.5rem
  }

  .xl\:gap-x-8{
    grid-column-gap:2rem;
    column-gap:2rem
  }

  .xl\:gap-x-10{
    grid-column-gap:2.5rem;
    column-gap:2.5rem
  }

  .xl\:gap-x-12{
    grid-column-gap:3rem;
    column-gap:3rem
  }

  .xl\:gap-x-16{
    grid-column-gap:4rem;
    column-gap:4rem
  }

  .xl\:gap-x-20{
    grid-column-gap:5rem;
    column-gap:5rem
  }

  .xl\:gap-x-24{
    grid-column-gap:6rem;
    column-gap:6rem
  }

  .xl\:gap-x-32{
    grid-column-gap:8rem;
    column-gap:8rem
  }

  .xl\:gap-x-40{
    grid-column-gap:10rem;
    column-gap:10rem
  }

  .xl\:gap-x-48{
    grid-column-gap:12rem;
    column-gap:12rem
  }

  .xl\:gap-x-56{
    grid-column-gap:14rem;
    column-gap:14rem
  }

  .xl\:gap-x-64{
    grid-column-gap:16rem;
    column-gap:16rem
  }

  .xl\:gap-x-px{
    grid-column-gap:1px;
    column-gap:1px
  }

  .xl\:row-gap-0{
    grid-row-gap:0;
    row-gap:0
  }

  .xl\:row-gap-1{
    grid-row-gap:0.25rem;
    row-gap:0.25rem
  }

  .xl\:row-gap-2{
    grid-row-gap:0.5rem;
    row-gap:0.5rem
  }

  .xl\:row-gap-3{
    grid-row-gap:0.75rem;
    row-gap:0.75rem
  }

  .xl\:row-gap-4{
    grid-row-gap:1rem;
    row-gap:1rem
  }

  .xl\:row-gap-5{
    grid-row-gap:1.25rem;
    row-gap:1.25rem
  }

  .xl\:row-gap-6{
    grid-row-gap:1.5rem;
    row-gap:1.5rem
  }

  .xl\:row-gap-8{
    grid-row-gap:2rem;
    row-gap:2rem
  }

  .xl\:row-gap-10{
    grid-row-gap:2.5rem;
    row-gap:2.5rem
  }

  .xl\:row-gap-12{
    grid-row-gap:3rem;
    row-gap:3rem
  }

  .xl\:row-gap-16{
    grid-row-gap:4rem;
    row-gap:4rem
  }

  .xl\:row-gap-20{
    grid-row-gap:5rem;
    row-gap:5rem
  }

  .xl\:row-gap-24{
    grid-row-gap:6rem;
    row-gap:6rem
  }

  .xl\:row-gap-32{
    grid-row-gap:8rem;
    row-gap:8rem
  }

  .xl\:row-gap-40{
    grid-row-gap:10rem;
    row-gap:10rem
  }

  .xl\:row-gap-48{
    grid-row-gap:12rem;
    row-gap:12rem
  }

  .xl\:row-gap-56{
    grid-row-gap:14rem;
    row-gap:14rem
  }

  .xl\:row-gap-64{
    grid-row-gap:16rem;
    row-gap:16rem
  }

  .xl\:row-gap-px{
    grid-row-gap:1px;
    row-gap:1px
  }

  .xl\:gap-y-0{
    grid-row-gap:0;
    row-gap:0
  }

  .xl\:gap-y-1{
    grid-row-gap:0.25rem;
    row-gap:0.25rem
  }

  .xl\:gap-y-2{
    grid-row-gap:0.5rem;
    row-gap:0.5rem
  }

  .xl\:gap-y-3{
    grid-row-gap:0.75rem;
    row-gap:0.75rem
  }

  .xl\:gap-y-4{
    grid-row-gap:1rem;
    row-gap:1rem
  }

  .xl\:gap-y-5{
    grid-row-gap:1.25rem;
    row-gap:1.25rem
  }

  .xl\:gap-y-6{
    grid-row-gap:1.5rem;
    row-gap:1.5rem
  }

  .xl\:gap-y-8{
    grid-row-gap:2rem;
    row-gap:2rem
  }

  .xl\:gap-y-10{
    grid-row-gap:2.5rem;
    row-gap:2.5rem
  }

  .xl\:gap-y-12{
    grid-row-gap:3rem;
    row-gap:3rem
  }

  .xl\:gap-y-16{
    grid-row-gap:4rem;
    row-gap:4rem
  }

  .xl\:gap-y-20{
    grid-row-gap:5rem;
    row-gap:5rem
  }

  .xl\:gap-y-24{
    grid-row-gap:6rem;
    row-gap:6rem
  }

  .xl\:gap-y-32{
    grid-row-gap:8rem;
    row-gap:8rem
  }

  .xl\:gap-y-40{
    grid-row-gap:10rem;
    row-gap:10rem
  }

  .xl\:gap-y-48{
    grid-row-gap:12rem;
    row-gap:12rem
  }

  .xl\:gap-y-56{
    grid-row-gap:14rem;
    row-gap:14rem
  }

  .xl\:gap-y-64{
    grid-row-gap:16rem;
    row-gap:16rem
  }

  .xl\:gap-y-px{
    grid-row-gap:1px;
    row-gap:1px
  }

  .xl\:grid-flow-row{
    grid-auto-flow:row
  }

  .xl\:grid-flow-col{
    grid-auto-flow:column
  }

  .xl\:grid-flow-row-dense{
    grid-auto-flow:row dense
  }

  .xl\:grid-flow-col-dense{
    grid-auto-flow:column dense
  }

  .xl\:grid-cols-1{
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }

  .xl\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr))
  }

  .xl\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr))
  }

  .xl\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr))
  }

  .xl\:grid-cols-5{
    grid-template-columns:repeat(5, minmax(0, 1fr))
  }

  .xl\:grid-cols-6{
    grid-template-columns:repeat(6, minmax(0, 1fr))
  }

  .xl\:grid-cols-7{
    grid-template-columns:repeat(7, minmax(0, 1fr))
  }

  .xl\:grid-cols-8{
    grid-template-columns:repeat(8, minmax(0, 1fr))
  }

  .xl\:grid-cols-9{
    grid-template-columns:repeat(9, minmax(0, 1fr))
  }

  .xl\:grid-cols-10{
    grid-template-columns:repeat(10, minmax(0, 1fr))
  }

  .xl\:grid-cols-11{
    grid-template-columns:repeat(11, minmax(0, 1fr))
  }

  .xl\:grid-cols-12{
    grid-template-columns:repeat(12, minmax(0, 1fr))
  }

  .xl\:grid-cols-none{
    grid-template-columns:none
  }

  .xl\:auto-cols-auto{
    grid-auto-columns:auto
  }

  .xl\:auto-cols-min{
    grid-auto-columns:min-content
  }

  .xl\:auto-cols-max{
    grid-auto-columns:max-content
  }

  .xl\:auto-cols-fr{
    grid-auto-columns:minmax(0, 1fr)
  }

  .xl\:col-auto{
    grid-column:auto
  }

  .xl\:col-span-1{
    grid-column:span 1 / span 1
  }

  .xl\:col-span-2{
    grid-column:span 2 / span 2
  }

  .xl\:col-span-3{
    grid-column:span 3 / span 3
  }

  .xl\:col-span-4{
    grid-column:span 4 / span 4
  }

  .xl\:col-span-5{
    grid-column:span 5 / span 5
  }

  .xl\:col-span-6{
    grid-column:span 6 / span 6
  }

  .xl\:col-span-7{
    grid-column:span 7 / span 7
  }

  .xl\:col-span-8{
    grid-column:span 8 / span 8
  }

  .xl\:col-span-9{
    grid-column:span 9 / span 9
  }

  .xl\:col-span-10{
    grid-column:span 10 / span 10
  }

  .xl\:col-span-11{
    grid-column:span 11 / span 11
  }

  .xl\:col-span-12{
    grid-column:span 12 / span 12
  }

  .xl\:col-span-full{
    grid-column:1 / -1
  }

  .xl\:col-start-1{
    grid-column-start:1
  }

  .xl\:col-start-2{
    grid-column-start:2
  }

  .xl\:col-start-3{
    grid-column-start:3
  }

  .xl\:col-start-4{
    grid-column-start:4
  }

  .xl\:col-start-5{
    grid-column-start:5
  }

  .xl\:col-start-6{
    grid-column-start:6
  }

  .xl\:col-start-7{
    grid-column-start:7
  }

  .xl\:col-start-8{
    grid-column-start:8
  }

  .xl\:col-start-9{
    grid-column-start:9
  }

  .xl\:col-start-10{
    grid-column-start:10
  }

  .xl\:col-start-11{
    grid-column-start:11
  }

  .xl\:col-start-12{
    grid-column-start:12
  }

  .xl\:col-start-13{
    grid-column-start:13
  }

  .xl\:col-start-auto{
    grid-column-start:auto
  }

  .xl\:col-end-1{
    grid-column-end:1
  }

  .xl\:col-end-2{
    grid-column-end:2
  }

  .xl\:col-end-3{
    grid-column-end:3
  }

  .xl\:col-end-4{
    grid-column-end:4
  }

  .xl\:col-end-5{
    grid-column-end:5
  }

  .xl\:col-end-6{
    grid-column-end:6
  }

  .xl\:col-end-7{
    grid-column-end:7
  }

  .xl\:col-end-8{
    grid-column-end:8
  }

  .xl\:col-end-9{
    grid-column-end:9
  }

  .xl\:col-end-10{
    grid-column-end:10
  }

  .xl\:col-end-11{
    grid-column-end:11
  }

  .xl\:col-end-12{
    grid-column-end:12
  }

  .xl\:col-end-13{
    grid-column-end:13
  }

  .xl\:col-end-auto{
    grid-column-end:auto
  }

  .xl\:grid-rows-1{
    grid-template-rows:repeat(1, minmax(0, 1fr))
  }

  .xl\:grid-rows-2{
    grid-template-rows:repeat(2, minmax(0, 1fr))
  }

  .xl\:grid-rows-3{
    grid-template-rows:repeat(3, minmax(0, 1fr))
  }

  .xl\:grid-rows-4{
    grid-template-rows:repeat(4, minmax(0, 1fr))
  }

  .xl\:grid-rows-5{
    grid-template-rows:repeat(5, minmax(0, 1fr))
  }

  .xl\:grid-rows-6{
    grid-template-rows:repeat(6, minmax(0, 1fr))
  }

  .xl\:grid-rows-none{
    grid-template-rows:none
  }

  .xl\:auto-rows-auto{
    grid-auto-rows:auto
  }

  .xl\:auto-rows-min{
    grid-auto-rows:min-content
  }

  .xl\:auto-rows-max{
    grid-auto-rows:max-content
  }

  .xl\:auto-rows-fr{
    grid-auto-rows:minmax(0, 1fr)
  }

  .xl\:row-auto{
    grid-row:auto
  }

  .xl\:row-span-1{
    grid-row:span 1 / span 1
  }

  .xl\:row-span-2{
    grid-row:span 2 / span 2
  }

  .xl\:row-span-3{
    grid-row:span 3 / span 3
  }

  .xl\:row-span-4{
    grid-row:span 4 / span 4
  }

  .xl\:row-span-5{
    grid-row:span 5 / span 5
  }

  .xl\:row-span-6{
    grid-row:span 6 / span 6
  }

  .xl\:row-span-full{
    grid-row:1 / -1
  }

  .xl\:row-start-1{
    grid-row-start:1
  }

  .xl\:row-start-2{
    grid-row-start:2
  }

  .xl\:row-start-3{
    grid-row-start:3
  }

  .xl\:row-start-4{
    grid-row-start:4
  }

  .xl\:row-start-5{
    grid-row-start:5
  }

  .xl\:row-start-6{
    grid-row-start:6
  }

  .xl\:row-start-7{
    grid-row-start:7
  }

  .xl\:row-start-auto{
    grid-row-start:auto
  }

  .xl\:row-end-1{
    grid-row-end:1
  }

  .xl\:row-end-2{
    grid-row-end:2
  }

  .xl\:row-end-3{
    grid-row-end:3
  }

  .xl\:row-end-4{
    grid-row-end:4
  }

  .xl\:row-end-5{
    grid-row-end:5
  }

  .xl\:row-end-6{
    grid-row-end:6
  }

  .xl\:row-end-7{
    grid-row-end:7
  }

  .xl\:row-end-auto{
    grid-row-end:auto
  }

  .xl\:transform{
    --transform-translate-x:0;
    --transform-translate-y:0;
    --transform-rotate:0;
    --transform-skew-x:0;
    --transform-skew-y:0;
    --transform-scale-x:1;
    --transform-scale-y:1;
    transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))
  }

  .xl\:transform-none{
    transform:none
  }

  .xl\:origin-center{
    transform-origin:center
  }

  .xl\:origin-top{
    transform-origin:top
  }

  .xl\:origin-top-right{
    transform-origin:top right
  }

  .xl\:origin-right{
    transform-origin:right
  }

  .xl\:origin-bottom-right{
    transform-origin:bottom right
  }

  .xl\:origin-bottom{
    transform-origin:bottom
  }

  .xl\:origin-bottom-left{
    transform-origin:bottom left
  }

  .xl\:origin-left{
    transform-origin:left
  }

  .xl\:origin-top-left{
    transform-origin:top left
  }

  .xl\:scale-0{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .xl\:scale-50{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .xl\:scale-75{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .xl\:scale-90{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .xl\:scale-95{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .xl\:scale-100{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .xl\:scale-105{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .xl\:scale-110{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .xl\:scale-125{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .xl\:scale-150{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .xl\:scale-x-0{
    --transform-scale-x:0
  }

  .xl\:scale-x-50{
    --transform-scale-x:.5
  }

  .xl\:scale-x-75{
    --transform-scale-x:.75
  }

  .xl\:scale-x-90{
    --transform-scale-x:.9
  }

  .xl\:scale-x-95{
    --transform-scale-x:.95
  }

  .xl\:scale-x-100{
    --transform-scale-x:1
  }

  .xl\:scale-x-105{
    --transform-scale-x:1.05
  }

  .xl\:scale-x-110{
    --transform-scale-x:1.1
  }

  .xl\:scale-x-125{
    --transform-scale-x:1.25
  }

  .xl\:scale-x-150{
    --transform-scale-x:1.5
  }

  .xl\:scale-y-0{
    --transform-scale-y:0
  }

  .xl\:scale-y-50{
    --transform-scale-y:.5
  }

  .xl\:scale-y-75{
    --transform-scale-y:.75
  }

  .xl\:scale-y-90{
    --transform-scale-y:.9
  }

  .xl\:scale-y-95{
    --transform-scale-y:.95
  }

  .xl\:scale-y-100{
    --transform-scale-y:1
  }

  .xl\:scale-y-105{
    --transform-scale-y:1.05
  }

  .xl\:scale-y-110{
    --transform-scale-y:1.1
  }

  .xl\:scale-y-125{
    --transform-scale-y:1.25
  }

  .xl\:scale-y-150{
    --transform-scale-y:1.5
  }

  .xl\:hover\:scale-0:hover{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .xl\:hover\:scale-50:hover{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .xl\:hover\:scale-75:hover{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .xl\:hover\:scale-90:hover{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .xl\:hover\:scale-95:hover{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .xl\:hover\:scale-100:hover{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .xl\:hover\:scale-105:hover{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .xl\:hover\:scale-110:hover{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .xl\:hover\:scale-125:hover{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .xl\:hover\:scale-150:hover{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .xl\:hover\:scale-x-0:hover{
    --transform-scale-x:0
  }

  .xl\:hover\:scale-x-50:hover{
    --transform-scale-x:.5
  }

  .xl\:hover\:scale-x-75:hover{
    --transform-scale-x:.75
  }

  .xl\:hover\:scale-x-90:hover{
    --transform-scale-x:.9
  }

  .xl\:hover\:scale-x-95:hover{
    --transform-scale-x:.95
  }

  .xl\:hover\:scale-x-100:hover{
    --transform-scale-x:1
  }

  .xl\:hover\:scale-x-105:hover{
    --transform-scale-x:1.05
  }

  .xl\:hover\:scale-x-110:hover{
    --transform-scale-x:1.1
  }

  .xl\:hover\:scale-x-125:hover{
    --transform-scale-x:1.25
  }

  .xl\:hover\:scale-x-150:hover{
    --transform-scale-x:1.5
  }

  .xl\:hover\:scale-y-0:hover{
    --transform-scale-y:0
  }

  .xl\:hover\:scale-y-50:hover{
    --transform-scale-y:.5
  }

  .xl\:hover\:scale-y-75:hover{
    --transform-scale-y:.75
  }

  .xl\:hover\:scale-y-90:hover{
    --transform-scale-y:.9
  }

  .xl\:hover\:scale-y-95:hover{
    --transform-scale-y:.95
  }

  .xl\:hover\:scale-y-100:hover{
    --transform-scale-y:1
  }

  .xl\:hover\:scale-y-105:hover{
    --transform-scale-y:1.05
  }

  .xl\:hover\:scale-y-110:hover{
    --transform-scale-y:1.1
  }

  .xl\:hover\:scale-y-125:hover{
    --transform-scale-y:1.25
  }

  .xl\:hover\:scale-y-150:hover{
    --transform-scale-y:1.5
  }

  .xl\:focus\:scale-0:focus{
    --transform-scale-x:0;
    --transform-scale-y:0
  }

  .xl\:focus\:scale-50:focus{
    --transform-scale-x:.5;
    --transform-scale-y:.5
  }

  .xl\:focus\:scale-75:focus{
    --transform-scale-x:.75;
    --transform-scale-y:.75
  }

  .xl\:focus\:scale-90:focus{
    --transform-scale-x:.9;
    --transform-scale-y:.9
  }

  .xl\:focus\:scale-95:focus{
    --transform-scale-x:.95;
    --transform-scale-y:.95
  }

  .xl\:focus\:scale-100:focus{
    --transform-scale-x:1;
    --transform-scale-y:1
  }

  .xl\:focus\:scale-105:focus{
    --transform-scale-x:1.05;
    --transform-scale-y:1.05
  }

  .xl\:focus\:scale-110:focus{
    --transform-scale-x:1.1;
    --transform-scale-y:1.1
  }

  .xl\:focus\:scale-125:focus{
    --transform-scale-x:1.25;
    --transform-scale-y:1.25
  }

  .xl\:focus\:scale-150:focus{
    --transform-scale-x:1.5;
    --transform-scale-y:1.5
  }

  .xl\:focus\:scale-x-0:focus{
    --transform-scale-x:0
  }

  .xl\:focus\:scale-x-50:focus{
    --transform-scale-x:.5
  }

  .xl\:focus\:scale-x-75:focus{
    --transform-scale-x:.75
  }

  .xl\:focus\:scale-x-90:focus{
    --transform-scale-x:.9
  }

  .xl\:focus\:scale-x-95:focus{
    --transform-scale-x:.95
  }

  .xl\:focus\:scale-x-100:focus{
    --transform-scale-x:1
  }

  .xl\:focus\:scale-x-105:focus{
    --transform-scale-x:1.05
  }

  .xl\:focus\:scale-x-110:focus{
    --transform-scale-x:1.1
  }

  .xl\:focus\:scale-x-125:focus{
    --transform-scale-x:1.25
  }

  .xl\:focus\:scale-x-150:focus{
    --transform-scale-x:1.5
  }

  .xl\:focus\:scale-y-0:focus{
    --transform-scale-y:0
  }

  .xl\:focus\:scale-y-50:focus{
    --transform-scale-y:.5
  }

  .xl\:focus\:scale-y-75:focus{
    --transform-scale-y:.75
  }

  .xl\:focus\:scale-y-90:focus{
    --transform-scale-y:.9
  }

  .xl\:focus\:scale-y-95:focus{
    --transform-scale-y:.95
  }

  .xl\:focus\:scale-y-100:focus{
    --transform-scale-y:1
  }

  .xl\:focus\:scale-y-105:focus{
    --transform-scale-y:1.05
  }

  .xl\:focus\:scale-y-110:focus{
    --transform-scale-y:1.1
  }

  .xl\:focus\:scale-y-125:focus{
    --transform-scale-y:1.25
  }

  .xl\:focus\:scale-y-150:focus{
    --transform-scale-y:1.5
  }

  .xl\:rotate-0{
    --transform-rotate:0
  }

  .xl\:rotate-1{
    --transform-rotate:1deg
  }

  .xl\:rotate-2{
    --transform-rotate:2deg
  }

  .xl\:rotate-3{
    --transform-rotate:3deg
  }

  .xl\:rotate-6{
    --transform-rotate:6deg
  }

  .xl\:rotate-12{
    --transform-rotate:12deg
  }

  .xl\:rotate-45{
    --transform-rotate:45deg
  }

  .xl\:rotate-90{
    --transform-rotate:90deg
  }

  .xl\:rotate-180{
    --transform-rotate:180deg
  }

  .xl\:-rotate-180{
    --transform-rotate:-180deg
  }

  .xl\:-rotate-90{
    --transform-rotate:-90deg
  }

  .xl\:-rotate-45{
    --transform-rotate:-45deg
  }

  .xl\:-rotate-12{
    --transform-rotate:-12deg
  }

  .xl\:-rotate-6{
    --transform-rotate:-6deg
  }

  .xl\:-rotate-3{
    --transform-rotate:-3deg
  }

  .xl\:-rotate-2{
    --transform-rotate:-2deg
  }

  .xl\:-rotate-1{
    --transform-rotate:-1deg
  }

  .xl\:hover\:rotate-0:hover{
    --transform-rotate:0
  }

  .xl\:hover\:rotate-1:hover{
    --transform-rotate:1deg
  }

  .xl\:hover\:rotate-2:hover{
    --transform-rotate:2deg
  }

  .xl\:hover\:rotate-3:hover{
    --transform-rotate:3deg
  }

  .xl\:hover\:rotate-6:hover{
    --transform-rotate:6deg
  }

  .xl\:hover\:rotate-12:hover{
    --transform-rotate:12deg
  }

  .xl\:hover\:rotate-45:hover{
    --transform-rotate:45deg
  }

  .xl\:hover\:rotate-90:hover{
    --transform-rotate:90deg
  }

  .xl\:hover\:rotate-180:hover{
    --transform-rotate:180deg
  }

  .xl\:hover\:-rotate-180:hover{
    --transform-rotate:-180deg
  }

  .xl\:hover\:-rotate-90:hover{
    --transform-rotate:-90deg
  }

  .xl\:hover\:-rotate-45:hover{
    --transform-rotate:-45deg
  }

  .xl\:hover\:-rotate-12:hover{
    --transform-rotate:-12deg
  }

  .xl\:hover\:-rotate-6:hover{
    --transform-rotate:-6deg
  }

  .xl\:hover\:-rotate-3:hover{
    --transform-rotate:-3deg
  }

  .xl\:hover\:-rotate-2:hover{
    --transform-rotate:-2deg
  }

  .xl\:hover\:-rotate-1:hover{
    --transform-rotate:-1deg
  }

  .xl\:focus\:rotate-0:focus{
    --transform-rotate:0
  }

  .xl\:focus\:rotate-1:focus{
    --transform-rotate:1deg
  }

  .xl\:focus\:rotate-2:focus{
    --transform-rotate:2deg
  }

  .xl\:focus\:rotate-3:focus{
    --transform-rotate:3deg
  }

  .xl\:focus\:rotate-6:focus{
    --transform-rotate:6deg
  }

  .xl\:focus\:rotate-12:focus{
    --transform-rotate:12deg
  }

  .xl\:focus\:rotate-45:focus{
    --transform-rotate:45deg
  }

  .xl\:focus\:rotate-90:focus{
    --transform-rotate:90deg
  }

  .xl\:focus\:rotate-180:focus{
    --transform-rotate:180deg
  }

  .xl\:focus\:-rotate-180:focus{
    --transform-rotate:-180deg
  }

  .xl\:focus\:-rotate-90:focus{
    --transform-rotate:-90deg
  }

  .xl\:focus\:-rotate-45:focus{
    --transform-rotate:-45deg
  }

  .xl\:focus\:-rotate-12:focus{
    --transform-rotate:-12deg
  }

  .xl\:focus\:-rotate-6:focus{
    --transform-rotate:-6deg
  }

  .xl\:focus\:-rotate-3:focus{
    --transform-rotate:-3deg
  }

  .xl\:focus\:-rotate-2:focus{
    --transform-rotate:-2deg
  }

  .xl\:focus\:-rotate-1:focus{
    --transform-rotate:-1deg
  }

  .xl\:translate-x-0{
    --transform-translate-x:0
  }

  .xl\:translate-x-1{
    --transform-translate-x:0.25rem
  }

  .xl\:translate-x-2{
    --transform-translate-x:0.5rem
  }

  .xl\:translate-x-3{
    --transform-translate-x:0.75rem
  }

  .xl\:translate-x-4{
    --transform-translate-x:1rem
  }

  .xl\:translate-x-5{
    --transform-translate-x:1.25rem
  }

  .xl\:translate-x-6{
    --transform-translate-x:1.5rem
  }

  .xl\:translate-x-8{
    --transform-translate-x:2rem
  }

  .xl\:translate-x-10{
    --transform-translate-x:2.5rem
  }

  .xl\:translate-x-12{
    --transform-translate-x:3rem
  }

  .xl\:translate-x-16{
    --transform-translate-x:4rem
  }

  .xl\:translate-x-20{
    --transform-translate-x:5rem
  }

  .xl\:translate-x-24{
    --transform-translate-x:6rem
  }

  .xl\:translate-x-32{
    --transform-translate-x:8rem
  }

  .xl\:translate-x-40{
    --transform-translate-x:10rem
  }

  .xl\:translate-x-48{
    --transform-translate-x:12rem
  }

  .xl\:translate-x-56{
    --transform-translate-x:14rem
  }

  .xl\:translate-x-64{
    --transform-translate-x:16rem
  }

  .xl\:translate-x-px{
    --transform-translate-x:1px
  }

  .xl\:-translate-x-1{
    --transform-translate-x:-0.25rem
  }

  .xl\:-translate-x-2{
    --transform-translate-x:-0.5rem
  }

  .xl\:-translate-x-3{
    --transform-translate-x:-0.75rem
  }

  .xl\:-translate-x-4{
    --transform-translate-x:-1rem
  }

  .xl\:-translate-x-5{
    --transform-translate-x:-1.25rem
  }

  .xl\:-translate-x-6{
    --transform-translate-x:-1.5rem
  }

  .xl\:-translate-x-8{
    --transform-translate-x:-2rem
  }

  .xl\:-translate-x-10{
    --transform-translate-x:-2.5rem
  }

  .xl\:-translate-x-12{
    --transform-translate-x:-3rem
  }

  .xl\:-translate-x-16{
    --transform-translate-x:-4rem
  }

  .xl\:-translate-x-20{
    --transform-translate-x:-5rem
  }

  .xl\:-translate-x-24{
    --transform-translate-x:-6rem
  }

  .xl\:-translate-x-32{
    --transform-translate-x:-8rem
  }

  .xl\:-translate-x-40{
    --transform-translate-x:-10rem
  }

  .xl\:-translate-x-48{
    --transform-translate-x:-12rem
  }

  .xl\:-translate-x-56{
    --transform-translate-x:-14rem
  }

  .xl\:-translate-x-64{
    --transform-translate-x:-16rem
  }

  .xl\:-translate-x-px{
    --transform-translate-x:-1px
  }

  .xl\:-translate-x-full{
    --transform-translate-x:-100%
  }

  .xl\:-translate-x-1\/2{
    --transform-translate-x:-50%
  }

  .xl\:translate-x-1\/2{
    --transform-translate-x:50%
  }

  .xl\:translate-x-full{
    --transform-translate-x:100%
  }

  .xl\:translate-y-0{
    --transform-translate-y:0
  }

  .xl\:translate-y-1{
    --transform-translate-y:0.25rem
  }

  .xl\:translate-y-2{
    --transform-translate-y:0.5rem
  }

  .xl\:translate-y-3{
    --transform-translate-y:0.75rem
  }

  .xl\:translate-y-4{
    --transform-translate-y:1rem
  }

  .xl\:translate-y-5{
    --transform-translate-y:1.25rem
  }

  .xl\:translate-y-6{
    --transform-translate-y:1.5rem
  }

  .xl\:translate-y-8{
    --transform-translate-y:2rem
  }

  .xl\:translate-y-10{
    --transform-translate-y:2.5rem
  }

  .xl\:translate-y-12{
    --transform-translate-y:3rem
  }

  .xl\:translate-y-16{
    --transform-translate-y:4rem
  }

  .xl\:translate-y-20{
    --transform-translate-y:5rem
  }

  .xl\:translate-y-24{
    --transform-translate-y:6rem
  }

  .xl\:translate-y-32{
    --transform-translate-y:8rem
  }

  .xl\:translate-y-40{
    --transform-translate-y:10rem
  }

  .xl\:translate-y-48{
    --transform-translate-y:12rem
  }

  .xl\:translate-y-56{
    --transform-translate-y:14rem
  }

  .xl\:translate-y-64{
    --transform-translate-y:16rem
  }

  .xl\:translate-y-px{
    --transform-translate-y:1px
  }

  .xl\:-translate-y-1{
    --transform-translate-y:-0.25rem
  }

  .xl\:-translate-y-2{
    --transform-translate-y:-0.5rem
  }

  .xl\:-translate-y-3{
    --transform-translate-y:-0.75rem
  }

  .xl\:-translate-y-4{
    --transform-translate-y:-1rem
  }

  .xl\:-translate-y-5{
    --transform-translate-y:-1.25rem
  }

  .xl\:-translate-y-6{
    --transform-translate-y:-1.5rem
  }

  .xl\:-translate-y-8{
    --transform-translate-y:-2rem
  }

  .xl\:-translate-y-10{
    --transform-translate-y:-2.5rem
  }

  .xl\:-translate-y-12{
    --transform-translate-y:-3rem
  }

  .xl\:-translate-y-16{
    --transform-translate-y:-4rem
  }

  .xl\:-translate-y-20{
    --transform-translate-y:-5rem
  }

  .xl\:-translate-y-24{
    --transform-translate-y:-6rem
  }

  .xl\:-translate-y-32{
    --transform-translate-y:-8rem
  }

  .xl\:-translate-y-40{
    --transform-translate-y:-10rem
  }

  .xl\:-translate-y-48{
    --transform-translate-y:-12rem
  }

  .xl\:-translate-y-56{
    --transform-translate-y:-14rem
  }

  .xl\:-translate-y-64{
    --transform-translate-y:-16rem
  }

  .xl\:-translate-y-px{
    --transform-translate-y:-1px
  }

  .xl\:-translate-y-full{
    --transform-translate-y:-100%
  }

  .xl\:-translate-y-1\/2{
    --transform-translate-y:-50%
  }

  .xl\:translate-y-1\/2{
    --transform-translate-y:50%
  }

  .xl\:translate-y-full{
    --transform-translate-y:100%
  }

  .xl\:hover\:translate-x-0:hover{
    --transform-translate-x:0
  }

  .xl\:hover\:translate-x-1:hover{
    --transform-translate-x:0.25rem
  }

  .xl\:hover\:translate-x-2:hover{
    --transform-translate-x:0.5rem
  }

  .xl\:hover\:translate-x-3:hover{
    --transform-translate-x:0.75rem
  }

  .xl\:hover\:translate-x-4:hover{
    --transform-translate-x:1rem
  }

  .xl\:hover\:translate-x-5:hover{
    --transform-translate-x:1.25rem
  }

  .xl\:hover\:translate-x-6:hover{
    --transform-translate-x:1.5rem
  }

  .xl\:hover\:translate-x-8:hover{
    --transform-translate-x:2rem
  }

  .xl\:hover\:translate-x-10:hover{
    --transform-translate-x:2.5rem
  }

  .xl\:hover\:translate-x-12:hover{
    --transform-translate-x:3rem
  }

  .xl\:hover\:translate-x-16:hover{
    --transform-translate-x:4rem
  }

  .xl\:hover\:translate-x-20:hover{
    --transform-translate-x:5rem
  }

  .xl\:hover\:translate-x-24:hover{
    --transform-translate-x:6rem
  }

  .xl\:hover\:translate-x-32:hover{
    --transform-translate-x:8rem
  }

  .xl\:hover\:translate-x-40:hover{
    --transform-translate-x:10rem
  }

  .xl\:hover\:translate-x-48:hover{
    --transform-translate-x:12rem
  }

  .xl\:hover\:translate-x-56:hover{
    --transform-translate-x:14rem
  }

  .xl\:hover\:translate-x-64:hover{
    --transform-translate-x:16rem
  }

  .xl\:hover\:translate-x-px:hover{
    --transform-translate-x:1px
  }

  .xl\:hover\:-translate-x-1:hover{
    --transform-translate-x:-0.25rem
  }

  .xl\:hover\:-translate-x-2:hover{
    --transform-translate-x:-0.5rem
  }

  .xl\:hover\:-translate-x-3:hover{
    --transform-translate-x:-0.75rem
  }

  .xl\:hover\:-translate-x-4:hover{
    --transform-translate-x:-1rem
  }

  .xl\:hover\:-translate-x-5:hover{
    --transform-translate-x:-1.25rem
  }

  .xl\:hover\:-translate-x-6:hover{
    --transform-translate-x:-1.5rem
  }

  .xl\:hover\:-translate-x-8:hover{
    --transform-translate-x:-2rem
  }

  .xl\:hover\:-translate-x-10:hover{
    --transform-translate-x:-2.5rem
  }

  .xl\:hover\:-translate-x-12:hover{
    --transform-translate-x:-3rem
  }

  .xl\:hover\:-translate-x-16:hover{
    --transform-translate-x:-4rem
  }

  .xl\:hover\:-translate-x-20:hover{
    --transform-translate-x:-5rem
  }

  .xl\:hover\:-translate-x-24:hover{
    --transform-translate-x:-6rem
  }

  .xl\:hover\:-translate-x-32:hover{
    --transform-translate-x:-8rem
  }

  .xl\:hover\:-translate-x-40:hover{
    --transform-translate-x:-10rem
  }

  .xl\:hover\:-translate-x-48:hover{
    --transform-translate-x:-12rem
  }

  .xl\:hover\:-translate-x-56:hover{
    --transform-translate-x:-14rem
  }

  .xl\:hover\:-translate-x-64:hover{
    --transform-translate-x:-16rem
  }

  .xl\:hover\:-translate-x-px:hover{
    --transform-translate-x:-1px
  }

  .xl\:hover\:-translate-x-full:hover{
    --transform-translate-x:-100%
  }

  .xl\:hover\:-translate-x-1\/2:hover{
    --transform-translate-x:-50%
  }

  .xl\:hover\:translate-x-1\/2:hover{
    --transform-translate-x:50%
  }

  .xl\:hover\:translate-x-full:hover{
    --transform-translate-x:100%
  }

  .xl\:hover\:translate-y-0:hover{
    --transform-translate-y:0
  }

  .xl\:hover\:translate-y-1:hover{
    --transform-translate-y:0.25rem
  }

  .xl\:hover\:translate-y-2:hover{
    --transform-translate-y:0.5rem
  }

  .xl\:hover\:translate-y-3:hover{
    --transform-translate-y:0.75rem
  }

  .xl\:hover\:translate-y-4:hover{
    --transform-translate-y:1rem
  }

  .xl\:hover\:translate-y-5:hover{
    --transform-translate-y:1.25rem
  }

  .xl\:hover\:translate-y-6:hover{
    --transform-translate-y:1.5rem
  }

  .xl\:hover\:translate-y-8:hover{
    --transform-translate-y:2rem
  }

  .xl\:hover\:translate-y-10:hover{
    --transform-translate-y:2.5rem
  }

  .xl\:hover\:translate-y-12:hover{
    --transform-translate-y:3rem
  }

  .xl\:hover\:translate-y-16:hover{
    --transform-translate-y:4rem
  }

  .xl\:hover\:translate-y-20:hover{
    --transform-translate-y:5rem
  }

  .xl\:hover\:translate-y-24:hover{
    --transform-translate-y:6rem
  }

  .xl\:hover\:translate-y-32:hover{
    --transform-translate-y:8rem
  }

  .xl\:hover\:translate-y-40:hover{
    --transform-translate-y:10rem
  }

  .xl\:hover\:translate-y-48:hover{
    --transform-translate-y:12rem
  }

  .xl\:hover\:translate-y-56:hover{
    --transform-translate-y:14rem
  }

  .xl\:hover\:translate-y-64:hover{
    --transform-translate-y:16rem
  }

  .xl\:hover\:translate-y-px:hover{
    --transform-translate-y:1px
  }

  .xl\:hover\:-translate-y-1:hover{
    --transform-translate-y:-0.25rem
  }

  .xl\:hover\:-translate-y-2:hover{
    --transform-translate-y:-0.5rem
  }

  .xl\:hover\:-translate-y-3:hover{
    --transform-translate-y:-0.75rem
  }

  .xl\:hover\:-translate-y-4:hover{
    --transform-translate-y:-1rem
  }

  .xl\:hover\:-translate-y-5:hover{
    --transform-translate-y:-1.25rem
  }

  .xl\:hover\:-translate-y-6:hover{
    --transform-translate-y:-1.5rem
  }

  .xl\:hover\:-translate-y-8:hover{
    --transform-translate-y:-2rem
  }

  .xl\:hover\:-translate-y-10:hover{
    --transform-translate-y:-2.5rem
  }

  .xl\:hover\:-translate-y-12:hover{
    --transform-translate-y:-3rem
  }

  .xl\:hover\:-translate-y-16:hover{
    --transform-translate-y:-4rem
  }

  .xl\:hover\:-translate-y-20:hover{
    --transform-translate-y:-5rem
  }

  .xl\:hover\:-translate-y-24:hover{
    --transform-translate-y:-6rem
  }

  .xl\:hover\:-translate-y-32:hover{
    --transform-translate-y:-8rem
  }

  .xl\:hover\:-translate-y-40:hover{
    --transform-translate-y:-10rem
  }

  .xl\:hover\:-translate-y-48:hover{
    --transform-translate-y:-12rem
  }

  .xl\:hover\:-translate-y-56:hover{
    --transform-translate-y:-14rem
  }

  .xl\:hover\:-translate-y-64:hover{
    --transform-translate-y:-16rem
  }

  .xl\:hover\:-translate-y-px:hover{
    --transform-translate-y:-1px
  }

  .xl\:hover\:-translate-y-full:hover{
    --transform-translate-y:-100%
  }

  .xl\:hover\:-translate-y-1\/2:hover{
    --transform-translate-y:-50%
  }

  .xl\:hover\:translate-y-1\/2:hover{
    --transform-translate-y:50%
  }

  .xl\:hover\:translate-y-full:hover{
    --transform-translate-y:100%
  }

  .xl\:focus\:translate-x-0:focus{
    --transform-translate-x:0
  }

  .xl\:focus\:translate-x-1:focus{
    --transform-translate-x:0.25rem
  }

  .xl\:focus\:translate-x-2:focus{
    --transform-translate-x:0.5rem
  }

  .xl\:focus\:translate-x-3:focus{
    --transform-translate-x:0.75rem
  }

  .xl\:focus\:translate-x-4:focus{
    --transform-translate-x:1rem
  }

  .xl\:focus\:translate-x-5:focus{
    --transform-translate-x:1.25rem
  }

  .xl\:focus\:translate-x-6:focus{
    --transform-translate-x:1.5rem
  }

  .xl\:focus\:translate-x-8:focus{
    --transform-translate-x:2rem
  }

  .xl\:focus\:translate-x-10:focus{
    --transform-translate-x:2.5rem
  }

  .xl\:focus\:translate-x-12:focus{
    --transform-translate-x:3rem
  }

  .xl\:focus\:translate-x-16:focus{
    --transform-translate-x:4rem
  }

  .xl\:focus\:translate-x-20:focus{
    --transform-translate-x:5rem
  }

  .xl\:focus\:translate-x-24:focus{
    --transform-translate-x:6rem
  }

  .xl\:focus\:translate-x-32:focus{
    --transform-translate-x:8rem
  }

  .xl\:focus\:translate-x-40:focus{
    --transform-translate-x:10rem
  }

  .xl\:focus\:translate-x-48:focus{
    --transform-translate-x:12rem
  }

  .xl\:focus\:translate-x-56:focus{
    --transform-translate-x:14rem
  }

  .xl\:focus\:translate-x-64:focus{
    --transform-translate-x:16rem
  }

  .xl\:focus\:translate-x-px:focus{
    --transform-translate-x:1px
  }

  .xl\:focus\:-translate-x-1:focus{
    --transform-translate-x:-0.25rem
  }

  .xl\:focus\:-translate-x-2:focus{
    --transform-translate-x:-0.5rem
  }

  .xl\:focus\:-translate-x-3:focus{
    --transform-translate-x:-0.75rem
  }

  .xl\:focus\:-translate-x-4:focus{
    --transform-translate-x:-1rem
  }

  .xl\:focus\:-translate-x-5:focus{
    --transform-translate-x:-1.25rem
  }

  .xl\:focus\:-translate-x-6:focus{
    --transform-translate-x:-1.5rem
  }

  .xl\:focus\:-translate-x-8:focus{
    --transform-translate-x:-2rem
  }

  .xl\:focus\:-translate-x-10:focus{
    --transform-translate-x:-2.5rem
  }

  .xl\:focus\:-translate-x-12:focus{
    --transform-translate-x:-3rem
  }

  .xl\:focus\:-translate-x-16:focus{
    --transform-translate-x:-4rem
  }

  .xl\:focus\:-translate-x-20:focus{
    --transform-translate-x:-5rem
  }

  .xl\:focus\:-translate-x-24:focus{
    --transform-translate-x:-6rem
  }

  .xl\:focus\:-translate-x-32:focus{
    --transform-translate-x:-8rem
  }

  .xl\:focus\:-translate-x-40:focus{
    --transform-translate-x:-10rem
  }

  .xl\:focus\:-translate-x-48:focus{
    --transform-translate-x:-12rem
  }

  .xl\:focus\:-translate-x-56:focus{
    --transform-translate-x:-14rem
  }

  .xl\:focus\:-translate-x-64:focus{
    --transform-translate-x:-16rem
  }

  .xl\:focus\:-translate-x-px:focus{
    --transform-translate-x:-1px
  }

  .xl\:focus\:-translate-x-full:focus{
    --transform-translate-x:-100%
  }

  .xl\:focus\:-translate-x-1\/2:focus{
    --transform-translate-x:-50%
  }

  .xl\:focus\:translate-x-1\/2:focus{
    --transform-translate-x:50%
  }

  .xl\:focus\:translate-x-full:focus{
    --transform-translate-x:100%
  }

  .xl\:focus\:translate-y-0:focus{
    --transform-translate-y:0
  }

  .xl\:focus\:translate-y-1:focus{
    --transform-translate-y:0.25rem
  }

  .xl\:focus\:translate-y-2:focus{
    --transform-translate-y:0.5rem
  }

  .xl\:focus\:translate-y-3:focus{
    --transform-translate-y:0.75rem
  }

  .xl\:focus\:translate-y-4:focus{
    --transform-translate-y:1rem
  }

  .xl\:focus\:translate-y-5:focus{
    --transform-translate-y:1.25rem
  }

  .xl\:focus\:translate-y-6:focus{
    --transform-translate-y:1.5rem
  }

  .xl\:focus\:translate-y-8:focus{
    --transform-translate-y:2rem
  }

  .xl\:focus\:translate-y-10:focus{
    --transform-translate-y:2.5rem
  }

  .xl\:focus\:translate-y-12:focus{
    --transform-translate-y:3rem
  }

  .xl\:focus\:translate-y-16:focus{
    --transform-translate-y:4rem
  }

  .xl\:focus\:translate-y-20:focus{
    --transform-translate-y:5rem
  }

  .xl\:focus\:translate-y-24:focus{
    --transform-translate-y:6rem
  }

  .xl\:focus\:translate-y-32:focus{
    --transform-translate-y:8rem
  }

  .xl\:focus\:translate-y-40:focus{
    --transform-translate-y:10rem
  }

  .xl\:focus\:translate-y-48:focus{
    --transform-translate-y:12rem
  }

  .xl\:focus\:translate-y-56:focus{
    --transform-translate-y:14rem
  }

  .xl\:focus\:translate-y-64:focus{
    --transform-translate-y:16rem
  }

  .xl\:focus\:translate-y-px:focus{
    --transform-translate-y:1px
  }

  .xl\:focus\:-translate-y-1:focus{
    --transform-translate-y:-0.25rem
  }

  .xl\:focus\:-translate-y-2:focus{
    --transform-translate-y:-0.5rem
  }

  .xl\:focus\:-translate-y-3:focus{
    --transform-translate-y:-0.75rem
  }

  .xl\:focus\:-translate-y-4:focus{
    --transform-translate-y:-1rem
  }

  .xl\:focus\:-translate-y-5:focus{
    --transform-translate-y:-1.25rem
  }

  .xl\:focus\:-translate-y-6:focus{
    --transform-translate-y:-1.5rem
  }

  .xl\:focus\:-translate-y-8:focus{
    --transform-translate-y:-2rem
  }

  .xl\:focus\:-translate-y-10:focus{
    --transform-translate-y:-2.5rem
  }

  .xl\:focus\:-translate-y-12:focus{
    --transform-translate-y:-3rem
  }

  .xl\:focus\:-translate-y-16:focus{
    --transform-translate-y:-4rem
  }

  .xl\:focus\:-translate-y-20:focus{
    --transform-translate-y:-5rem
  }

  .xl\:focus\:-translate-y-24:focus{
    --transform-translate-y:-6rem
  }

  .xl\:focus\:-translate-y-32:focus{
    --transform-translate-y:-8rem
  }

  .xl\:focus\:-translate-y-40:focus{
    --transform-translate-y:-10rem
  }

  .xl\:focus\:-translate-y-48:focus{
    --transform-translate-y:-12rem
  }

  .xl\:focus\:-translate-y-56:focus{
    --transform-translate-y:-14rem
  }

  .xl\:focus\:-translate-y-64:focus{
    --transform-translate-y:-16rem
  }

  .xl\:focus\:-translate-y-px:focus{
    --transform-translate-y:-1px
  }

  .xl\:focus\:-translate-y-full:focus{
    --transform-translate-y:-100%
  }

  .xl\:focus\:-translate-y-1\/2:focus{
    --transform-translate-y:-50%
  }

  .xl\:focus\:translate-y-1\/2:focus{
    --transform-translate-y:50%
  }

  .xl\:focus\:translate-y-full:focus{
    --transform-translate-y:100%
  }

  .xl\:skew-x-0{
    --transform-skew-x:0
  }

  .xl\:skew-x-1{
    --transform-skew-x:1deg
  }

  .xl\:skew-x-2{
    --transform-skew-x:2deg
  }

  .xl\:skew-x-3{
    --transform-skew-x:3deg
  }

  .xl\:skew-x-6{
    --transform-skew-x:6deg
  }

  .xl\:skew-x-12{
    --transform-skew-x:12deg
  }

  .xl\:-skew-x-12{
    --transform-skew-x:-12deg
  }

  .xl\:-skew-x-6{
    --transform-skew-x:-6deg
  }

  .xl\:-skew-x-3{
    --transform-skew-x:-3deg
  }

  .xl\:-skew-x-2{
    --transform-skew-x:-2deg
  }

  .xl\:-skew-x-1{
    --transform-skew-x:-1deg
  }

  .xl\:skew-y-0{
    --transform-skew-y:0
  }

  .xl\:skew-y-1{
    --transform-skew-y:1deg
  }

  .xl\:skew-y-2{
    --transform-skew-y:2deg
  }

  .xl\:skew-y-3{
    --transform-skew-y:3deg
  }

  .xl\:skew-y-6{
    --transform-skew-y:6deg
  }

  .xl\:skew-y-12{
    --transform-skew-y:12deg
  }

  .xl\:-skew-y-12{
    --transform-skew-y:-12deg
  }

  .xl\:-skew-y-6{
    --transform-skew-y:-6deg
  }

  .xl\:-skew-y-3{
    --transform-skew-y:-3deg
  }

  .xl\:-skew-y-2{
    --transform-skew-y:-2deg
  }

  .xl\:-skew-y-1{
    --transform-skew-y:-1deg
  }

  .xl\:hover\:skew-x-0:hover{
    --transform-skew-x:0
  }

  .xl\:hover\:skew-x-1:hover{
    --transform-skew-x:1deg
  }

  .xl\:hover\:skew-x-2:hover{
    --transform-skew-x:2deg
  }

  .xl\:hover\:skew-x-3:hover{
    --transform-skew-x:3deg
  }

  .xl\:hover\:skew-x-6:hover{
    --transform-skew-x:6deg
  }

  .xl\:hover\:skew-x-12:hover{
    --transform-skew-x:12deg
  }

  .xl\:hover\:-skew-x-12:hover{
    --transform-skew-x:-12deg
  }

  .xl\:hover\:-skew-x-6:hover{
    --transform-skew-x:-6deg
  }

  .xl\:hover\:-skew-x-3:hover{
    --transform-skew-x:-3deg
  }

  .xl\:hover\:-skew-x-2:hover{
    --transform-skew-x:-2deg
  }

  .xl\:hover\:-skew-x-1:hover{
    --transform-skew-x:-1deg
  }

  .xl\:hover\:skew-y-0:hover{
    --transform-skew-y:0
  }

  .xl\:hover\:skew-y-1:hover{
    --transform-skew-y:1deg
  }

  .xl\:hover\:skew-y-2:hover{
    --transform-skew-y:2deg
  }

  .xl\:hover\:skew-y-3:hover{
    --transform-skew-y:3deg
  }

  .xl\:hover\:skew-y-6:hover{
    --transform-skew-y:6deg
  }

  .xl\:hover\:skew-y-12:hover{
    --transform-skew-y:12deg
  }

  .xl\:hover\:-skew-y-12:hover{
    --transform-skew-y:-12deg
  }

  .xl\:hover\:-skew-y-6:hover{
    --transform-skew-y:-6deg
  }

  .xl\:hover\:-skew-y-3:hover{
    --transform-skew-y:-3deg
  }

  .xl\:hover\:-skew-y-2:hover{
    --transform-skew-y:-2deg
  }

  .xl\:hover\:-skew-y-1:hover{
    --transform-skew-y:-1deg
  }

  .xl\:focus\:skew-x-0:focus{
    --transform-skew-x:0
  }

  .xl\:focus\:skew-x-1:focus{
    --transform-skew-x:1deg
  }

  .xl\:focus\:skew-x-2:focus{
    --transform-skew-x:2deg
  }

  .xl\:focus\:skew-x-3:focus{
    --transform-skew-x:3deg
  }

  .xl\:focus\:skew-x-6:focus{
    --transform-skew-x:6deg
  }

  .xl\:focus\:skew-x-12:focus{
    --transform-skew-x:12deg
  }

  .xl\:focus\:-skew-x-12:focus{
    --transform-skew-x:-12deg
  }

  .xl\:focus\:-skew-x-6:focus{
    --transform-skew-x:-6deg
  }

  .xl\:focus\:-skew-x-3:focus{
    --transform-skew-x:-3deg
  }

  .xl\:focus\:-skew-x-2:focus{
    --transform-skew-x:-2deg
  }

  .xl\:focus\:-skew-x-1:focus{
    --transform-skew-x:-1deg
  }

  .xl\:focus\:skew-y-0:focus{
    --transform-skew-y:0
  }

  .xl\:focus\:skew-y-1:focus{
    --transform-skew-y:1deg
  }

  .xl\:focus\:skew-y-2:focus{
    --transform-skew-y:2deg
  }

  .xl\:focus\:skew-y-3:focus{
    --transform-skew-y:3deg
  }

  .xl\:focus\:skew-y-6:focus{
    --transform-skew-y:6deg
  }

  .xl\:focus\:skew-y-12:focus{
    --transform-skew-y:12deg
  }

  .xl\:focus\:-skew-y-12:focus{
    --transform-skew-y:-12deg
  }

  .xl\:focus\:-skew-y-6:focus{
    --transform-skew-y:-6deg
  }

  .xl\:focus\:-skew-y-3:focus{
    --transform-skew-y:-3deg
  }

  .xl\:focus\:-skew-y-2:focus{
    --transform-skew-y:-2deg
  }

  .xl\:focus\:-skew-y-1:focus{
    --transform-skew-y:-1deg
  }

  .xl\:transition-none{
    transition-property:none
  }

  .xl\:transition-all{
    transition-property:all
  }

  .xl\:transition{
    transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform
  }

  .xl\:transition-colors{
    transition-property:background-color, border-color, color, fill, stroke
  }

  .xl\:transition-opacity{
    transition-property:opacity
  }

  .xl\:transition-shadow{
    transition-property:box-shadow
  }

  .xl\:transition-transform{
    transition-property:transform
  }

  .xl\:ease-linear{
    transition-timing-function:linear
  }

  .xl\:ease-in{
    transition-timing-function:cubic-bezier(0.4, 0, 1, 1)
  }

  .xl\:ease-out{
    transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
  }

  .xl\:ease-in-out{
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
  }

  .xl\:duration-75{
    transition-duration:75ms
  }

  .xl\:duration-100{
    transition-duration:100ms
  }

  .xl\:duration-150{
    transition-duration:150ms
  }

  .xl\:duration-200{
    transition-duration:200ms
  }

  .xl\:duration-300{
    transition-duration:300ms
  }

  .xl\:duration-500{
    transition-duration:500ms
  }

  .xl\:duration-700{
    transition-duration:700ms
  }

  .xl\:duration-1000{
    transition-duration:1000ms
  }

  .xl\:delay-75{
    transition-delay:75ms
  }

  .xl\:delay-100{
    transition-delay:100ms
  }

  .xl\:delay-150{
    transition-delay:150ms
  }

  .xl\:delay-200{
    transition-delay:200ms
  }

  .xl\:delay-300{
    transition-delay:300ms
  }

  .xl\:delay-500{
    transition-delay:500ms
  }

  .xl\:delay-700{
    transition-delay:700ms
  }

  .xl\:delay-1000{
    transition-delay:1000ms
  }

  .xl\:animate-none{
    animation:none
  }

  .xl\:animate-spin{
    animation:spin 1s linear infinite
  }

  .xl\:animate-ping{
    animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
  }

  .xl\:animate-pulse{
    animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
  }

  .xl\:animate-bounce{
    animation:bounce 1s infinite
  }
}