@charset "UTF-8";
/* Retina UI CSS Framework */
:root {
  --color-primary: #9d6bf2;
  --color-secondary: #6b42b1;
  --color-link: var(--color-primary);
  --color-link-visited: var(--color-secondary);
  --color-link-active: var(--color-secondary);
  --color-layout-1: #fff;
  --color-layout-2: #f6f6f6;
  --color-layout-3: #f1f1f1;
  --color-layout-4: #e6e6e6;
  --color-layout-border: #e6e6e6;
  --color-layout-border-2: #ccc;
  --color-layout-border-3: #bbb;
  --font-color: #333;
  --font-color-2: #999;
  --heading-color: #000;
  --heading-color-2: #161616;
  --layout-box-border-width: 1px;
  --layout-shadow-out-horizontal: 0;
  --layout-shadow-out-vertical: 0;
  --layout-shadow-out-blur: 0;
  --layout-shadow-out-spread: 0;
  --layout-shadow-out-color: rgb(0 0 0 / 6%);
  --layout-shadow-in-horizontal: 0;
  --layout-shadow-in-vertical: 0;
  --layout-shadow-in-blur: 0;
  --layout-shadow-in-spread: 0;
  --layout-shadow-in-color: rgb(255 255 255 / 6%);
  --layout-shadow-offset: var(--layout-shadow-out-horizontal)
  	var(--layout-shadow-out-vertical) var(--layout-shadow-out-blur)
  	var(--layout-shadow-out-spread) var(--layout-shadow-out-color);
  --layout-shadow-inset: inset var(--layout-shadow-in-horizontal)
  	var(--layout-shadow-in-vertical) var(--layout-shadow-in-blur)
  	var(--layout-shadow-in-spread) var(--layout-shadow-in-color);
  --layout-shadow: var(--layout-shadow-offset), var(--layout-shadow-inset);
  /* Keyboard Accessibility Outline Color */
  --color-key-outline: var(--color-primary);
}

.retinaui-light-theme {
  --color-primary: #9d6bf2;
  --color-secondary: #6b42b1;
  --color-link: var(--color-primary);
  --color-link-visited: var(--color-secondary);
  --color-link-active: var(--color-secondary);
  --color-layout-1: #fff;
  --color-layout-2: #f6f6f6;
  --color-layout-3: #f1f1f1;
  --color-layout-4: #e6e6e6;
  --color-layout-border: #e6e6e6;
  --color-layout-border-2: #ccc;
  --color-layout-border-3: #bbb;
  --font-color: #333;
  --font-color-2: #999;
  --heading-color: #000;
  --heading-color-2: #161616;
  --layout-box-border-width: 1px;
  --layout-shadow-out-horizontal: 0;
  --layout-shadow-out-vertical: 0;
  --layout-shadow-out-blur: 0;
  --layout-shadow-out-spread: 0;
  --layout-shadow-out-color: rgb(0 0 0 / 6%);
  --layout-shadow-in-horizontal: 0;
  --layout-shadow-in-vertical: 0;
  --layout-shadow-in-blur: 0;
  --layout-shadow-in-spread: 0;
  --layout-shadow-in-color: rgb(255 255 255 / 6%);
  --layout-shadow-offset: var(--layout-shadow-out-horizontal)
  	var(--layout-shadow-out-vertical) var(--layout-shadow-out-blur)
  	var(--layout-shadow-out-spread) var(--layout-shadow-out-color);
  --layout-shadow-inset: inset var(--layout-shadow-in-horizontal)
  	var(--layout-shadow-in-vertical) var(--layout-shadow-in-blur)
  	var(--layout-shadow-in-spread) var(--layout-shadow-in-color);
  --layout-shadow: var(--layout-shadow-offset), var(--layout-shadow-inset);
  /* Keyboard Accessibility Outline Color */
  --color-key-outline: var(--color-primary);
}

.retinaui-dark-theme {
  --color-primary: #9d6bf2;
  --color-secondary: #6b42b1;
  --color-link: var(--color-primary);
  --color-link-visited: var(--color-secondary);
  --color-link-active: var(--color-secondary);
  --color-layout-1: #222222;
  --color-layout-2: #111111;
  --color-layout-3: #0c0c0c;
  --color-layout-4: #353535;
  --color-layout-border: #2d2d2d;
  --color-layout-border-2: #444;
  --color-layout-border-3: #777;
  --font-color: #eee;
  --font-color-2: #777;
  --heading-color: #fff;
  --heading-color-2: #e5e5e5;
  --layout-box-border-width: 1px;
  --layout-shadow-out-horizontal: 0;
  --layout-shadow-out-vertical: 0;
  --layout-shadow-out-blur: 0;
  --layout-shadow-out-spread: 0;
  --layout-shadow-out-color: rgb(0 0 0 / 6%);
  --layout-shadow-in-horizontal: 1px;
  --layout-shadow-in-vertical: 1px;
  --layout-shadow-in-blur: 0;
  --layout-shadow-in-spread: 0;
  --layout-shadow-in-color: rgb(255 255 255 / 6%);
  --layout-shadow-offset: var(--layout-shadow-out-horizontal)
  	var(--layout-shadow-out-vertical) var(--layout-shadow-out-blur)
  	var(--layout-shadow-out-spread) var(--layout-shadow-out-color);
  --layout-shadow-inset: inset var(--layout-shadow-in-horizontal)
  	var(--layout-shadow-in-vertical) var(--layout-shadow-in-blur)
  	var(--layout-shadow-in-spread) var(--layout-shadow-in-color);
  --layout-shadow: var(--layout-shadow-offset), var(--layout-shadow-inset);
  /* Keyboard Accessibility Outline Color */
  --color-key-outline: var(--color-primary);
}

:root {
  --content-width: 45rem;
  /* Typography */
  --global-font-family: "Roboto Condensed", arial, sans-serif;
  --highlight-font-family: "Roboto Condensed", arial, sans-serif;
  --global-font-size: 16;
  --global-font-line-height: 1.4;
  /* Custom editor font sizes */
  --font-size-small: 14px;
  --font-size-regular: 16px;
  --font-size-medium: 26px;
  --font-size-large: 40px;
  --font-size-larger: 50px;
  --font-size-1: 32px;
  --font-size-2: 26px;
  --font-size-3: 20px;
  --font-size-4: 16px;
  --font-size-5: 14px;
  --font-size-6: 12px;
  /* Layout Border */
  --layout-bw: 1px;
  --layout-border: var(--layout-bw) solid var(--color-layout-border);
  --layout-border-2: var(--layout-bw) solid var(--color-layout-border-2);
  --layout-border-3: var(--layout-bw) solid var(--color-layout-border-3);
  /* Border Radius */
  --theme-border-radius: 4px;
  --theme-btn-border-radius: 4px;
  --border-radius-1: 3px;
  --border-radius-2: 4px;
  --border-radius-3: 5px;
  --border-radius-4: 10px;
  --border-radius-5: 20px;
  --border-radius-large: 50px;
  --border-radius-larger: 100px;
  --border-radius-full: 50%;
  /* Colors */
  --global-font-color: var(--font-color);
  /* Custom editor colors */
  --color-theme-primary: var(--color-primary);
  --color-theme-secondary: var(--color-secondary);
  --color-theme-red: #ff2b2b;
  --color-theme-green: #15d91d;
  --color-theme-blue: #178bf1;
  --color-theme-yellow: #f1c20f;
  --color-theme-orange: #eb6811;
  --color-theme-black: #000;
  --color-theme-grey: #95a5a6;
  --color-theme-white: #fff;
  --color-theme-success: #15d91d;
  --color-theme-danger: #ff2b2b;
  --color-theme-warning: #eb6811;
  --color-theme-info: #0dcaf0;
  /* Container Max Width */
  --container-max-width: 1200px;
  /* Container Spacing */
  --container-vertical-spacing: 30px;
  --container-horizontal-spacing: 30px;
}

@media (max-width: 767px) {
  :root {
    /* Container Spacing */
    --container-vertical-spacing: 20px;
    --container-horizontal-spacing: 20px;
  }
}
@media (max-width: 500px) {
  :root {
    /* Container Spacing */
    --container-vertical-spacing: 15px;
    --container-horizontal-spacing: 15px;
  }
}
/*! 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;
}

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
Base Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

html,
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 0;
  padding-left: 1.5em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

/* Extra wide images within figure tags don't overflow the content area. */
figure {
  margin: 0.5em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* stylelint-disable */
body,
button,
input,
select,
optgroup,
textarea {
  color: var(--font-color);
  font-family: var(--global-font-family);
  font-size: var(--font-size-regular);
  line-height: var(--global-font-line-height);
  font-weight: 400;
}

/* stylelint-enable */
body,
input,
select,
textarea {
  color: var(--font-color);
  font-weight: 400;
  line-height: var(--global-font-line-height);
}

button,
input {
  background: #fff;
  font-family: var(--global-font-family);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  line-height: 1.4;
  margin: 0 0 20px;
  padding-top: 20px;
  color: var(--heading-color);
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  padding-top: 0;
}

h1 {
  font-size: 32px;
  font-weight: 500;
}

h2,
.home.blog .entry-title {
  font-size: 26px;
  font-weight: 500;
}

h3 {
  font-size: 20px;
  font-weight: 600;
}

h4 {
  font-size: 18px;
  font-weight: 600;
}

h5 {
  color: #767676;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

h6 {
  color: #333;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 800;
}

p {
  margin: 18px 0;
  padding: 0;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  color: var(--font-color-2);
  font-size: 18px;
  margin: 20px 30px;
  font-style: italic;
  line-height: 1.6667;
  margin-bottom: 1.6667em;
}

blockquote p {
  margin: 0 0 20px 0;
}

blockquote > p:last-child {
  margin-bottom: 0;
}

blockquote cite,
blockquote small {
  color: var(--font-color);
  font-size: 15px;
  line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
  font-style: normal;
}

blockquote strong,
blockquote b {
  font-weight: 400;
}

address {
  margin: 0 0 1.5em;
}

code,
kbd,
pre,
samp {
  font-family: "Lucida Sans Typewriter", monospace;
  font-size: 1rem;
}

code {
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

pre {
  background: var(--color-layout-3);
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 20px;
  border: var(--layout-border-2);
}

code,
kbd,
tt,
var {
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #eee;
  text-decoration: none;
}

big {
  font-size: 125%;
}

blockquote {
  quotes: "" "";
}

q {
  quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
  content: "";
}

a {
  color: var(--color-link);
}

a:hover,
a:focus,
a:active {
  color: var(--color-link-active);
}

a:hover,
a:active {
  outline: 0;
}

a:focus-visible {
  outline: 2px dashed var(--color-key-outline);
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
  display: inline-block;
  font-family: inherit;
  font-style: inherit;
  font-size: 15px;
  height: 40px;
  outline: none;
  vertical-align: middle;
  background-color: var(--color-layout-1);
  border: var(--layout-border-2);
  border-radius: var(--theme-border-radius);
  box-shadow: none;
  padding: 0 12px;
  color: var(--font-color);
  width: 100%;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  background-color: var(--color-layout-2);
  border-color: var(--color-layout-border-3);
  box-shadow: none;
}

select:focus {
  outline: var(--layout-border-3);
}

textarea {
  width: 100%;
  height: auto;
  padding: 8px 12px;
  line-height: 20px;
  vertical-align: top;
}

label {
  font-weight: 600;
  color: #777;
  margin: 0.5em 0;
  margin-top: 6px;
}

form label {
  display: inline-block;
}

input[type=checkbox],
input[type=radio] {
  margin-right: 10px;
}

form button,
form .button,
form input[type=button],
form input[type=reset],
form input[type=submit] {
  margin-top: 15px;
}

select,
.r-form-select {
  background-image: url(https://res.cloudinary.com/zeetheme/image/upload/v1668625068/Retina%20UI/select-icon.svg);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 35px;
}

::placeholder {
  color: var(--font-color-2);
}

:-ms-input-placeholder {
  color: var(--font-color-2);
}

::-ms-input-placeholder {
  color: var(--font-color-2);
}

.r-container:after,
.r-container-max-tab:after,
.r-container-max-tab:after,
.r-container-max-tab:after,
.clear:after {
  clear: both;
}

.r-container:before,
.r-container-max-tab:before,
.r-container-max-tab:before,
.r-container-max-tab:before,
.r-container:after,
.r-container-max-tab:after,
.r-container-max-tab:after,
.r-container-max-tab:after,
.clear:before,
.clear:after {
  display: table;
  content: "";
}

.r-container,
.r-container-max-ld,
.r-container-max-sd,
.r-container-max-tab,
.r-container-max-lm,
.r-container-max-sm {
  margin-left: auto;
  margin-right: auto;
  padding: 0 var(--container-horizontal-spacing);
}

.r-container-max-ld {
  max-width: 1400px;
}

.r-container-max-sd {
  max-width: var(--container-max-width);
}

.r-container-max-tab {
  max-width: 900px;
}

.r-container-max-lm {
  max-width: 768px;
}

.r-container-max-sm {
  max-width: 500px;
}

.r-container-pad-x {
  padding-left: var(--container-horizontal-spacing);
  padding-right: var(--container-horizontal-spacing);
}

.r-container-pad-y {
  padding-top: var(--container-vertical-spacing);
  padding-bottom: var(--container-vertical-spacing);
}

@media (min-width: 768px) {
  .r-container {
    max-width: var(--container-max-width);
  }
}
.r-box {
  background: var(--color-layout-1);
  border-radius: var(--theme-border-radius);
  box-shadow: var(--layout-shadow);
  border: var(--layout-border);
  border-width: var(--layout-box-border-width);
}

.r-box.r-box-border-b {
  --layout-shadow-offset: 0 6px var(--layout-shadow-out-blur) -6px var(--layout-shadow-out-color);
  --layout-shadow-inset: inset -1px 0 var(--layout-shadow-in-blur) var(--layout-shadow-in-spread) var(--layout-shadow-in-color);
  --layout-shadow: var(--layout-shadow-offset), var(--layout-shadow-inset);
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.r-box.r-box-border-t {
  --layout-shadow-offset: 0 -6px var(--layout-shadow-out-blur) -6px var(--layout-shadow-out-color);
  --layout-shadow-inset: inset var(--layout-shadow-in-horizontal) 0 var(--layout-shadow-in-blur) var(--layout-shadow-in-spread) var(--layout-shadow-in-color);
  --layout-shadow: var(--layout-shadow-offset), var(--layout-shadow-inset);
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

.r-box.r-box-border-r {
  --layout-shadow-offset: 6px 0 var(--layout-shadow-out-blur) -6px var(--layout-shadow-out-color);
  --layout-shadow-inset: inset var(--layout-shadow-in-horizontal) 0 var(--layout-shadow-in-blur) var(--layout-shadow-in-spread) var(--layout-shadow-in-color);
  --layout-shadow: var(--layout-shadow-offset), var(--layout-shadow-inset);
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
}

.r-box.r-box-border-l {
  --layout-shadow-offset: -6px 0 var(--layout-shadow-out-blur) -6px var(--layout-shadow-out-color);
  --layout-shadow-inset: inset 0 -1px var(--layout-shadow-in-blur) var(--layout-shadow-in-spread) var(--layout-shadow-in-color);
  --layout-shadow: var(--layout-shadow-offset), var(--layout-shadow-inset);
  border-top: 0;
  border-bottom: 0;
  border-right: 0;
}

.r-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 15px;
}

.r-grid-col-1 {
  grid-template-columns: repeat(1, 1fr);
}

.r-grid-col-2 {
  grid-template-columns: repeat(2, 1fr);
}

.r-grid-col-3 {
  grid-template-columns: repeat(3, 1fr);
}

.r-grid-col-4 {
  grid-template-columns: repeat(4, 1fr);
}

.r-grid-col-5 {
  grid-template-columns: repeat(5, 1fr);
}

.r-grid-col-6 {
  grid-template-columns: repeat(6, 1fr);
}

.r-grid-col-7 {
  grid-template-columns: repeat(7, 1fr);
}

.r-grid-col-8 {
  grid-template-columns: repeat(8, 1fr);
}

.r-grid-col-9 {
  grid-template-columns: repeat(9, 1fr);
}

.r-grid-col-10 {
  grid-template-columns: repeat(10, 1fr);
}

.r-grid-col-11 {
  grid-template-columns: repeat(11, 1fr);
}

.r-grid-col-12 {
  grid-template-columns: repeat(12, 1fr);
}

/*Equal Width Columns*/
.r-grid-ew-col-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.r-grid-ew-col-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.r-grid-ew-col-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.r-grid-ew-col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.r-grid-ew-col-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.r-grid-ew-col-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.r-grid-ew-col-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.r-grid-ew-col-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.r-grid-ew-col-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.r-grid-ew-col-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.r-grid-ew-col-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.r-grid-ew-col-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.r-col-full {
  grid-column: 1/-1;
}

.r-col-1 {
  grid-column: auto/span 1;
}

.r-col-2 {
  grid-column: auto/span 2;
}

.r-col-3 {
  grid-column: auto/span 3;
}

.r-col-4 {
  grid-column: auto/span 4;
}

.r-col-5 {
  grid-column: auto/span 5;
}

.r-col-6 {
  grid-column: auto/span 6;
}

.r-col-7 {
  grid-column: auto/span 7;
}

.r-col-8 {
  grid-column: auto/span 8;
}

.r-col-9 {
  grid-column: auto/span 9;
}

.r-col-10 {
  grid-column: auto/span 10;
}

.r-col-11 {
  grid-column: auto/span 11;
}

.r-col-12 {
  grid-column: auto/span 12;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 15px;
  }
  .r-sd-grid-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .r-sd-grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .r-sd-grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .r-sd-grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .r-sd-grid-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .r-sd-grid-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .r-sd-grid-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .r-sd-grid-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .r-sd-grid-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .r-sd-grid-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .r-sd-grid-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .r-sd-grid-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  /*Equal Width Columns*/
  .r-sd-grid-ew-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .r-sd-grid-ew-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .r-sd-col-full {
    grid-column: 1/-1;
  }
  .r-sd-col-1 {
    grid-column: auto/span 1;
  }
  .r-sd-col-2 {
    grid-column: auto/span 2;
  }
  .r-sd-col-3 {
    grid-column: auto/span 3;
  }
  .r-sd-col-4 {
    grid-column: auto/span 4;
  }
  .r-sd-col-5 {
    grid-column: auto/span 5;
  }
  .r-sd-col-6 {
    grid-column: auto/span 6;
  }
  .r-sd-col-7 {
    grid-column: auto/span 7;
  }
  .r-sd-col-8 {
    grid-column: auto/span 8;
  }
  .r-sd-col-9 {
    grid-column: auto/span 9;
  }
  .r-sd-col-10 {
    grid-column: auto/span 10;
  }
  .r-sd-col-11 {
    grid-column: auto/span 11;
  }
  .r-sd-col-12 {
    grid-column: auto/span 12;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 15px;
  }
  .r-ld-grid-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .r-ld-grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .r-ld-grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .r-ld-grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .r-ld-grid-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .r-ld-grid-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .r-ld-grid-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .r-ld-grid-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .r-ld-grid-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .r-ld-grid-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .r-ld-grid-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .r-ld-grid-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  /*Equal Width Columns*/
  .r-ld-grid-ew-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .r-ld-grid-ew-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .r-ld-col-full {
    grid-column: 1/-1;
  }
  .r-ld-col-1 {
    grid-column: auto/span 1;
  }
  .r-ld-col-2 {
    grid-column: auto/span 2;
  }
  .r-ld-col-3 {
    grid-column: auto/span 3;
  }
  .r-ld-col-4 {
    grid-column: auto/span 4;
  }
  .r-ld-col-5 {
    grid-column: auto/span 5;
  }
  .r-ld-col-6 {
    grid-column: auto/span 6;
  }
  .r-ld-col-7 {
    grid-column: auto/span 7;
  }
  .r-ld-col-8 {
    grid-column: auto/span 8;
  }
  .r-ld-col-9 {
    grid-column: auto/span 9;
  }
  .r-ld-col-10 {
    grid-column: auto/span 10;
  }
  .r-ld-col-11 {
    grid-column: auto/span 11;
  }
  .r-ld-col-12 {
    grid-column: auto/span 12;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 15px;
  }
  .r-tab-grid-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .r-tab-grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .r-tab-grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .r-tab-grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .r-tab-grid-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .r-tab-grid-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .r-tab-grid-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .r-tab-grid-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .r-tab-grid-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .r-tab-grid-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .r-tab-grid-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .r-tab-grid-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  /*Equal Width Columns*/
  .r-tab-grid-ew-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .r-tab-grid-ew-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .r-tab-col-full {
    grid-column: 1/-1;
  }
  .r-tab-col-1 {
    grid-column: auto/span 1;
  }
  .r-tab-col-2 {
    grid-column: auto/span 2;
  }
  .r-tab-col-3 {
    grid-column: auto/span 3;
  }
  .r-tab-col-4 {
    grid-column: auto/span 4;
  }
  .r-tab-col-5 {
    grid-column: auto/span 5;
  }
  .r-tab-col-6 {
    grid-column: auto/span 6;
  }
  .r-tab-col-7 {
    grid-column: auto/span 7;
  }
  .r-tab-col-8 {
    grid-column: auto/span 8;
  }
  .r-tab-col-9 {
    grid-column: auto/span 9;
  }
  .r-tab-col-10 {
    grid-column: auto/span 10;
  }
  .r-tab-col-11 {
    grid-column: auto/span 11;
  }
  .r-tab-col-12 {
    grid-column: auto/span 12;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 15px;
  }
  .r-lm-grid-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .r-lm-grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .r-lm-grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .r-lm-grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .r-lm-grid-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .r-lm-grid-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .r-lm-grid-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .r-lm-grid-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .r-lm-grid-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .r-lm-grid-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .r-lm-grid-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .r-lm-grid-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  /*Equal Width Columns*/
  .r-lm-grid-ew-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .r-lm-grid-ew-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .r-lm-col-full {
    grid-column: 1/-1;
  }
  .r-lm-col-1 {
    grid-column: auto/span 1;
  }
  .r-lm-col-2 {
    grid-column: auto/span 2;
  }
  .r-lm-col-3 {
    grid-column: auto/span 3;
  }
  .r-lm-col-4 {
    grid-column: auto/span 4;
  }
  .r-lm-col-5 {
    grid-column: auto/span 5;
  }
  .r-lm-col-6 {
    grid-column: auto/span 6;
  }
  .r-lm-col-7 {
    grid-column: auto/span 7;
  }
  .r-lm-col-8 {
    grid-column: auto/span 8;
  }
  .r-lm-col-9 {
    grid-column: auto/span 9;
  }
  .r-lm-col-10 {
    grid-column: auto/span 10;
  }
  .r-lm-col-11 {
    grid-column: auto/span 11;
  }
  .r-lm-col-12 {
    grid-column: auto/span 12;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 15px;
  }
  .r-sm-grid-col-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .r-sm-grid-col-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .r-sm-grid-col-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .r-sm-grid-col-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .r-sm-grid-col-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .r-sm-grid-col-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .r-sm-grid-col-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .r-sm-grid-col-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .r-sm-grid-col-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .r-sm-grid-col-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .r-sm-grid-col-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .r-sm-grid-col-12 {
    grid-template-columns: repeat(12, 1fr);
  }
  /*Equal Width Columns*/
  .r-sm-grid-ew-col-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
  }
  .r-sm-grid-ew-col-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .r-sm-col-full {
    grid-column: 1/-1;
  }
  .r-sm-col-1 {
    grid-column: auto/span 1;
  }
  .r-sm-col-2 {
    grid-column: auto/span 2;
  }
  .r-sm-col-3 {
    grid-column: auto/span 3;
  }
  .r-sm-col-4 {
    grid-column: auto/span 4;
  }
  .r-sm-col-5 {
    grid-column: auto/span 5;
  }
  .r-sm-col-6 {
    grid-column: auto/span 6;
  }
  .r-sm-col-7 {
    grid-column: auto/span 7;
  }
  .r-sm-col-8 {
    grid-column: auto/span 8;
  }
  .r-sm-col-9 {
    grid-column: auto/span 9;
  }
  .r-sm-col-10 {
    grid-column: auto/span 10;
  }
  .r-sm-col-11 {
    grid-column: auto/span 11;
  }
  .r-sm-col-12 {
    grid-column: auto/span 12;
  }
}
.button,
.r-button,
input[type=button],
input[type=reset],
input[type=submit] {
  font-family: inherit;
  font-size: 15px;
  color: #fff;
  background: var(--color-primary);
  border-radius: var(--theme-btn-border-radius);
  padding: 10px 30px;
  font-weight: 600;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  line-height: 1.3;
  border: 2px solid var(--color-primary);
  outline: none;
  vertical-align: middle;
  -webkit-appearance: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all linear 0.2s;
  transition: all linear 0.2s;
  line-height: 1;
}

.button:hover,
.r-button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  outline: none;
  text-decoration: none;
  color: #fff;
  box-shadow: inset 0 0 0 99999px rgba(0, 0, 0, 0.1);
}

.button:active,
.r-button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active,
.button:focus,
.r-button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
  color: #fff;
}

.button:focus-visible,
.r-button:focus-visible,
input[type=button]:focus-visible,
input[type=reset]:focus-visible,
input[type=submit]:focus-visible {
  outline: 2px solid var(--heading-color);
}

.button.btn-small {
  font-size: 12px;
  padding: 4px 20px;
}

.button.btn-big {
  font-size: 18px;
  padding: 12px 50px;
}

.button.btn-outline {
  color: var(--color-primary);
  background: transparent;
  border-color: var(--color-primary);
  box-shadow: none;
}

.button.btn-outline:hover,
.button.btn-secondary:hover {
  color: #fff;
  background: var(--color-primary);
  border-color: var(--color-primary);
  box-shadow: none;
}

.button.btn-secondary {
  color: var(--color-primary);
  background: var(--color-layout-3);
  border-color: var(--color-layout-3);
  box-shadow: none;
}

.r-icon {
  --icon-size: 35px;
  --icon-font-size: 20px;
  --icon-padding: 5px;
  min-width: var(--icon-size);
  height: var(--icon-size);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--icon-padding);
  text-decoration: none;
  position: relative;
}

.r-icon > i {
  font-size: var(--icon-font-size);
}

.r-icon .r-icon-count {
  --icon-count-size: 16px;
  --count-p-top: 0;
  --count-p-right: 0;
  width: var(--icon-count-size);
  height: var(--icon-count-size);
  top: var(--count-p-top);
  right: var(--count-p-right);
  background: var(--color-secondary);
  border-radius: 50%;
  color: #fff;
  line-height: 1.6;
  font-size: 10px;
  font-weight: 800;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}

.r-media-crop {
  position: relative;
  overflow: hidden;
  padding-top: 55%;
  display: block;
}

.r-media-crop-16-9 {
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
}

.r-media-crop-1-1 {
  aspect-ratio: 1/1;
  position: relative;
  overflow: hidden;
}

.r-media-crop img,
.r-media-crop-16-9 img,
.r-media-crop-square img,
.r-media-crop video,
.r-media-crop-16-9 video,
.r-media-crop-square video,
.r-media-crop iframe,
.r-media-crop-16-9 iframe,
.r-media-crop-square iframe,
.r-media-crop .r-media,
.r-media-crop-16-9 .r-media,
.r-media-crop-square .r-media {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 0;
  min-height: 100%;
  width: auto;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.r-image img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* Properties */
.r-cursor-pointer {
  cursor: pointer;
}

.r-cursor-crosshair {
  cursor: crosshair;
}

.r-cursor-default {
  cursor: default;
}

:root {
  --transition-1: 0.1s;
  --transition-2: 0.3s;
  --transition-3: 0.5s;
  --transition-4: 1s;
}

.r-transition-1 {
  transition: var(--transition-1);
}

.r-transition-2 {
  transition: var(--transition-2);
}

.r-transition-3 {
  transition: var(--transition-3);
}

.r-transition-4 {
  transition: var(--transition-4);
}

/* ////////////////////////////////// */
/*      BORDER                        */
/* ////////////////////////////////// */
.r-border {
  border: var(--layout-border);
}

.r-border-t {
  border-top: var(--layout-border);
}

.r-border-b {
  border-bottom: var(--layout-border);
}

.r-border-l {
  border-left: var(--layout-border);
}

.r-border-r {
  border-right: var(--layout-border);
}

.r-border-x {
  border-right: var(--layout-border);
  border-left: var(--layout-border);
}

.r-border-y {
  border-top: var(--layout-border);
  border-bottom: var(--layout-border);
}

.r-bw-1 {
  border-width: 1px;
}

.r-bw-2 {
  border-width: 2px;
}

.r-bw-3 {
  border-width: 3px;
}

.r-bw-4 {
  border-width: 4px;
}

.r-bw-5 {
  border-width: 5px;
}

.r-bw-0 {
  border-width: 0;
}

.r-border-t-none {
  border-top: 0;
}

.r-border-b-none {
  border-bottom: 0;
}

.r-border-l-none {
  border-left: 0;
}

.r-border-r-none {
  border-right: 0;
}

.r-border-x-none {
  border-right: 0;
  border-left: 0;
}

.r-border-y-none {
  border-top: 0;
  border-bottom: 0;
}

.r-border-none {
  border: 0px;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-border {
    border: var(--layout-border);
  }
  .r-sd-border-t {
    border-top: var(--layout-border);
  }
  .r-sd-border-b {
    border-bottom: var(--layout-border);
  }
  .r-sd-border-l {
    border-left: var(--layout-border);
  }
  .r-sd-border-r {
    border-right: var(--layout-border);
  }
  .r-sd-border-x {
    border-right: var(--layout-border);
    border-left: var(--layout-border);
  }
  .r-sd-border-y {
    border-top: var(--layout-border);
    border-bottom: var(--layout-border);
  }
  .r-sd-bw-1 {
    border-width: 1px;
  }
  .r-sd-bw-2 {
    border-width: 2px;
  }
  .r-sd-bw-3 {
    border-width: 3px;
  }
  .r-sd-bw-4 {
    border-width: 4px;
  }
  .r-sd-bw-5 {
    border-width: 5px;
  }
  .r-sd-bw-0 {
    border-width: 0;
  }
  .r-sd-border-t-none {
    border-top: 0;
  }
  .r-sd-border-b-none {
    border-bottom: 0;
  }
  .r-sd-border-l-none {
    border-left: 0;
  }
  .r-sd-border-r-none {
    border-right: 0;
  }
  .r-sd-border-x-none {
    border-right: 0;
    border-left: 0;
  }
  .r-sd-border-y-none {
    border-top: 0;
    border-bottom: 0;
  }
  .r-sd-border-none {
    border: 0px;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-border {
    border: var(--layout-border);
  }
  .r-ld-border-t {
    border-top: var(--layout-border);
  }
  .r-ld-border-b {
    border-bottom: var(--layout-border);
  }
  .r-ld-border-l {
    border-left: var(--layout-border);
  }
  .r-ld-border-r {
    border-right: var(--layout-border);
  }
  .r-ld-border-x {
    border-right: var(--layout-border);
    border-left: var(--layout-border);
  }
  .r-ld-border-y {
    border-top: var(--layout-border);
    border-bottom: var(--layout-border);
  }
  .r-ld-bw-1 {
    border-width: 1px;
  }
  .r-ld-bw-2 {
    border-width: 2px;
  }
  .r-ld-bw-3 {
    border-width: 3px;
  }
  .r-ld-bw-4 {
    border-width: 4px;
  }
  .r-ld-bw-5 {
    border-width: 5px;
  }
  .r-ld-bw-0 {
    border-width: 0;
  }
  .r-ld-border-t-none {
    border-top: 0;
  }
  .r-ld-border-b-none {
    border-bottom: 0;
  }
  .r-ld-border-l-none {
    border-left: 0;
  }
  .r-ld-border-r-none {
    border-right: 0;
  }
  .r-ld-border-x-none {
    border-right: 0;
    border-left: 0;
  }
  .r-ld-border-y-none {
    border-top: 0;
    border-bottom: 0;
  }
  .r-ld-border-none {
    border: 0px;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-border {
    border: var(--layout-border);
  }
  .r-tab-border-t {
    border-top: var(--layout-border);
  }
  .r-tab-border-b {
    border-bottom: var(--layout-border);
  }
  .r-tab-border-l {
    border-left: var(--layout-border);
  }
  .r-tab-border-r {
    border-right: var(--layout-border);
  }
  .r-tab-border-x {
    border-right: var(--layout-border);
    border-left: var(--layout-border);
  }
  .r-tab-border-y {
    border-top: var(--layout-border);
    border-bottom: var(--layout-border);
  }
  .r-tab-bw-1 {
    border-width: 1px;
  }
  .r-tab-bw-2 {
    border-width: 2px;
  }
  .r-tab-bw-3 {
    border-width: 3px;
  }
  .r-tab-bw-4 {
    border-width: 4px;
  }
  .r-tab-bw-5 {
    border-width: 5px;
  }
  .r-tab-bw-0 {
    border-width: 0;
  }
  .r-tab-border-t-none {
    border-top: 0;
  }
  .r-tab-border-b-none {
    border-bottom: 0;
  }
  .r-tab-border-l-none {
    border-left: 0;
  }
  .r-tab-border-r-none {
    border-right: 0;
  }
  .r-tab-border-x-none {
    border-right: 0;
    border-left: 0;
  }
  .r-tab-border-y-none {
    border-top: 0;
    border-bottom: 0;
  }
  .r-tab-border-none {
    border: 0px;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-border {
    border: var(--layout-border);
  }
  .r-lm-border-t {
    border-top: var(--layout-border);
  }
  .r-lm-border-b {
    border-bottom: var(--layout-border);
  }
  .r-lm-border-l {
    border-left: var(--layout-border);
  }
  .r-lm-border-r {
    border-right: var(--layout-border);
  }
  .r-lm-border-x {
    border-right: var(--layout-border);
    border-left: var(--layout-border);
  }
  .r-lm-border-y {
    border-top: var(--layout-border);
    border-bottom: var(--layout-border);
  }
  .r-lm-bw-1 {
    border-width: 1px;
  }
  .r-lm-bw-2 {
    border-width: 2px;
  }
  .r-lm-bw-3 {
    border-width: 3px;
  }
  .r-lm-bw-4 {
    border-width: 4px;
  }
  .r-lm-bw-5 {
    border-width: 5px;
  }
  .r-lm-bw-0 {
    border-width: 0;
  }
  .r-lm-border-t-none {
    border-top: 0;
  }
  .r-lm-border-b-none {
    border-bottom: 0;
  }
  .r-lm-border-l-none {
    border-left: 0;
  }
  .r-lm-border-r-none {
    border-right: 0;
  }
  .r-lm-border-x-none {
    border-right: 0;
    border-left: 0;
  }
  .r-lm-border-y-none {
    border-top: 0;
    border-bottom: 0;
  }
  .r-lm-border-none {
    border: 0px;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-border {
    border: var(--layout-border);
  }
  .r-sm-border-t {
    border-top: var(--layout-border);
  }
  .r-sm-border-b {
    border-bottom: var(--layout-border);
  }
  .r-sm-border-l {
    border-left: var(--layout-border);
  }
  .r-sm-border-r {
    border-right: var(--layout-border);
  }
  .r-sm-border-x {
    border-right: var(--layout-border);
    border-left: var(--layout-border);
  }
  .r-sm-border-y {
    border-top: var(--layout-border);
    border-bottom: var(--layout-border);
  }
  .r-sm-bw-1 {
    border-width: 1px;
  }
  .r-sm-bw-2 {
    border-width: 2px;
  }
  .r-sm-bw-3 {
    border-width: 3px;
  }
  .r-sm-bw-4 {
    border-width: 4px;
  }
  .r-sm-bw-5 {
    border-width: 5px;
  }
  .r-sm-bw-0 {
    border-width: 0;
  }
  .r-sm-border-t-none {
    border-top: 0;
  }
  .r-sm-border-b-none {
    border-bottom: 0;
  }
  .r-sm-border-l-none {
    border-left: 0;
  }
  .r-sm-border-r-none {
    border-right: 0;
  }
  .r-sm-border-x-none {
    border-right: 0;
    border-left: 0;
  }
  .r-sm-border-y-none {
    border-top: 0;
    border-bottom: 0;
  }
  .r-sm-border-none {
    border: 0px;
  }
}
/* ////////////////////////////////// */
/*      BORDER RADIUS                 */
/* ////////////////////////////////// */
.r-theme-br {
  border-radius: var(--theme-border-radius);
}

.r-br-1 {
  border-radius: 1px;
}

.r-br-2 {
  border-radius: 2px;
}

.r-br-3 {
  border-radius: 3px;
}

.r-br-4 {
  border-radius: 4px;
}

.r-br-5 {
  border-radius: 5px;
}

.r-br-6 {
  border-radius: 6px;
}

.r-br-7 {
  border-radius: 7px;
}

.r-br-8 {
  border-radius: 8px;
}

.r-br-9 {
  border-radius: 9px;
}

.r-br-10 {
  border-radius: 10px;
}

.r-br-15 {
  border-radius: 15px;
}

.r-br-20 {
  border-radius: 20px;
}

.r-br-full {
  border-radius: 50%;
}

.r-br-0 {
  border-radius: 0;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-theme-br {
    border-radius: var(--theme-border-radius);
  }
  .r-sd-br-1 {
    border-radius: 1px;
  }
  .r-sd-br-2 {
    border-radius: 2px;
  }
  .r-sd-br-3 {
    border-radius: 3px;
  }
  .r-sd-br-4 {
    border-radius: 4px;
  }
  .r-sd-br-5 {
    border-radius: 5px;
  }
  .r-sd-br-6 {
    border-radius: 6px;
  }
  .r-sd-br-7 {
    border-radius: 7px;
  }
  .r-sd-br-8 {
    border-radius: 8px;
  }
  .r-sd-br-9 {
    border-radius: 9px;
  }
  .r-sd-br-10 {
    border-radius: 10px;
  }
  .r-sd-br-15 {
    border-radius: 15px;
  }
  .r-sd-br-20 {
    border-radius: 20px;
  }
  .r-sd-br-full {
    border-radius: 50%;
  }
  .r-sd-br-0 {
    border-radius: 0;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-theme-br {
    border-radius: var(--theme-border-radius);
  }
  .r-ld-br-1 {
    border-radius: 1px;
  }
  .r-ld-br-2 {
    border-radius: 2px;
  }
  .r-ld-br-3 {
    border-radius: 3px;
  }
  .r-ld-br-4 {
    border-radius: 4px;
  }
  .r-ld-br-5 {
    border-radius: 5px;
  }
  .r-ld-br-6 {
    border-radius: 6px;
  }
  .r-ld-br-7 {
    border-radius: 7px;
  }
  .r-ld-br-8 {
    border-radius: 8px;
  }
  .r-ld-br-9 {
    border-radius: 9px;
  }
  .r-ld-br-10 {
    border-radius: 10px;
  }
  .r-ld-br-15 {
    border-radius: 15px;
  }
  .r-ld-br-20 {
    border-radius: 20px;
  }
  .r-ld-br-full {
    border-radius: 50%;
  }
  .r-ld-br-0 {
    border-radius: 0;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-theme-br {
    border-radius: var(--theme-border-radius);
  }
  .r-tab-br-1 {
    border-radius: 1px;
  }
  .r-tab-br-2 {
    border-radius: 2px;
  }
  .r-tab-br-3 {
    border-radius: 3px;
  }
  .r-tab-br-4 {
    border-radius: 4px;
  }
  .r-tab-br-5 {
    border-radius: 5px;
  }
  .r-tab-br-6 {
    border-radius: 6px;
  }
  .r-tab-br-7 {
    border-radius: 7px;
  }
  .r-tab-br-8 {
    border-radius: 8px;
  }
  .r-tab-br-9 {
    border-radius: 9px;
  }
  .r-tab-br-10 {
    border-radius: 10px;
  }
  .r-tab-br-15 {
    border-radius: 15px;
  }
  .r-tab-br-20 {
    border-radius: 20px;
  }
  .r-tab-br-full {
    border-radius: 50%;
  }
  .r-tab-br-0 {
    border-radius: 0;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-theme-br {
    border-radius: var(--theme-border-radius);
  }
  .r-lm-br-1 {
    border-radius: 1px;
  }
  .r-lm-br-2 {
    border-radius: 2px;
  }
  .r-lm-br-3 {
    border-radius: 3px;
  }
  .r-lm-br-4 {
    border-radius: 4px;
  }
  .r-lm-br-5 {
    border-radius: 5px;
  }
  .r-lm-br-6 {
    border-radius: 6px;
  }
  .r-lm-br-7 {
    border-radius: 7px;
  }
  .r-lm-br-8 {
    border-radius: 8px;
  }
  .r-lm-br-9 {
    border-radius: 9px;
  }
  .r-lm-br-10 {
    border-radius: 10px;
  }
  .r-lm-br-15 {
    border-radius: 15px;
  }
  .r-lm-br-20 {
    border-radius: 20px;
  }
  .r-lm-br-full {
    border-radius: 50%;
  }
  .r-lm-br-0 {
    border-radius: 0;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-theme-br {
    border-radius: var(--theme-border-radius);
  }
  .r-sm-br-1 {
    border-radius: 1px;
  }
  .r-sm-br-2 {
    border-radius: 2px;
  }
  .r-sm-br-3 {
    border-radius: 3px;
  }
  .r-sm-br-4 {
    border-radius: 4px;
  }
  .r-sm-br-5 {
    border-radius: 5px;
  }
  .r-sm-br-6 {
    border-radius: 6px;
  }
  .r-sm-br-7 {
    border-radius: 7px;
  }
  .r-sm-br-8 {
    border-radius: 8px;
  }
  .r-sm-br-9 {
    border-radius: 9px;
  }
  .r-sm-br-10 {
    border-radius: 10px;
  }
  .r-sm-br-15 {
    border-radius: 15px;
  }
  .r-sm-br-20 {
    border-radius: 20px;
  }
  .r-sm-br-full {
    border-radius: 50%;
  }
  .r-sm-br-0 {
    border-radius: 0;
  }
}
/* ////////////////////////////////// */
/*      SPACING                       */
/* ////////////////////////////////// */
/* Spacing */
:root {
  --n-space-1: 5px;
  --n-space-2: 10px;
  --n-space-3: 20px;
  --n-space-4: 30px;
  --n-space-5: 60px;
  --n-neg-space-1: -5px;
  --n-neg-space-2: -10px;
  --n-neg-space-3: -20px;
  --n-neg-space-4: -30px;
  --n-neg-space-5: -60px;
}

.r-pad-1 {
  padding: var(--n-space-1);
}

.r-pad-2 {
  padding: var(--n-space-2);
}

.r-pad-3 {
  padding: var(--n-space-3);
}

.r-pad-4 {
  padding: var(--n-space-4);
}

.r-pad-5 {
  padding: var(--n-space-5);
}

.r-pad-l-1 {
  padding-left: var(--n-space-1);
}

.r-pad-l-2 {
  padding-left: var(--n-space-2);
}

.r-pad-l-3 {
  padding-left: var(--n-space-3);
}

.r-pad-l-4 {
  padding-left: var(--n-space-4);
}

.r-pad-l-5 {
  padding-left: var(--n-space-5);
}

.r-pad-r-1 {
  padding-right: var(--n-space-1);
}

.r-pad-r-2 {
  padding-right: var(--n-space-2);
}

.r-pad-r-3 {
  padding-right: var(--n-space-3);
}

.r-pad-r-4 {
  padding-right: var(--n-space-4);
}

.r-pad-r-5 {
  padding-right: var(--n-space-5);
}

.r-pad-t-1 {
  padding-top: var(--n-space-1);
}

.r-pad-t-2 {
  padding-top: var(--n-space-2);
}

.r-pad-t-3 {
  padding-top: var(--n-space-3);
}

.r-pad-t-4 {
  padding-top: var(--n-space-4);
}

.r-pad-t-5 {
  padding-top: var(--n-space-5);
}

.r-pad-b-1 {
  padding-bottom: var(--n-space-1);
}

.r-pad-b-2 {
  padding-bottom: var(--n-space-2);
}

.r-pad-b-3 {
  padding-bottom: var(--n-space-3);
}

.r-pad-b-4 {
  padding-bottom: var(--n-space-4);
}

.r-pad-b-5 {
  padding-bottom: var(--n-space-5);
}

.r-pad-x-1 {
  padding-left: var(--n-space-1);
  padding-right: var(--n-space-1);
}

.r-pad-x-2 {
  padding-left: var(--n-space-2);
  padding-right: var(--n-space-2);
}

.r-pad-x-3 {
  padding-left: var(--n-space-3);
  padding-right: var(--n-space-3);
}

.r-pad-x-4 {
  padding-left: var(--n-space-4);
  padding-right: var(--n-space-4);
}

.r-pad-x-5 {
  padding-left: var(--n-space-5);
  padding-right: var(--n-space-5);
}

.r-pad-y-1 {
  padding-top: var(--n-space-1);
  padding-bottom: var(--n-space-1);
}

.r-pad-y-2 {
  padding-top: var(--n-space-2);
  padding-bottom: var(--n-space-2);
}

.r-pad-y-3 {
  padding-top: var(--n-space-3);
  padding-bottom: var(--n-space-3);
}

.r-pad-y-4 {
  padding-top: var(--n-space-4);
  padding-bottom: var(--n-space-4);
}

.r-pad-y-5 {
  padding-top: var(--n-space-5);
  padding-bottom: var(--n-space-5);
}

.r-pad-100 {
  padding: 100px;
}

.r-pad-t-100 {
  padding-top: 100px;
}

.r-pad-b-100 {
  padding-bottom: 100px;
}

.r-pad-l-100 {
  padding-left: 100px;
}

.r-pad-r-100 {
  padding-right: 100px;
}

.r-pad-x-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.r-pad-y-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.r-pad-200 {
  padding: 200px;
}

.r-pad-t-200 {
  padding-top: 200px;
}

.r-pad-b-200 {
  padding-bottom: 200px;
}

.r-pad-l-200 {
  padding-left: 200px;
}

.r-pad-r-200 {
  padding-right: 200px;
}

.r-pad-x-200 {
  padding-left: 200px;
  padding-right: 200px;
}

.r-pad-y-200 {
  padding-top: 200px;
  padding-bottom: 200px;
}

.r-pad-b-0 {
  padding-bottom: 0px;
}

.r-pad-t-0 {
  padding-top: 0px;
}

.r-pad-r-0 {
  padding-right: 0px;
}

.r-pad-l-0 {
  padding-left: 0px;
}

.r-pad-x-0 {
  padding-right: 0px;
  padding-left: 0px;
}

.r-pad-y-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.r-pad-0 {
  padding: 0px;
}

/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-pad-1 {
    padding: var(--n-space-1);
  }
  .r-ld-pad-2 {
    padding: var(--n-space-2);
  }
  .r-ld-pad-3 {
    padding: var(--n-space-3);
  }
  .r-ld-pad-4 {
    padding: var(--n-space-4);
  }
  .r-ld-pad-5 {
    padding: var(--n-space-5);
  }
  .r-ld-pad-l-1 {
    padding-left: var(--n-space-1);
  }
  .r-ld-pad-l-2 {
    padding-left: var(--n-space-2);
  }
  .r-ld-pad-l-3 {
    padding-left: var(--n-space-3);
  }
  .r-ld-pad-l-4 {
    padding-left: var(--n-space-4);
  }
  .r-ld-pad-l-5 {
    padding-left: var(--n-space-5);
  }
  .r-ld-pad-r-1 {
    padding-right: var(--n-space-1);
  }
  .r-ld-pad-r-2 {
    padding-right: var(--n-space-2);
  }
  .r-ld-pad-r-3 {
    padding-right: var(--n-space-3);
  }
  .r-ld-pad-r-4 {
    padding-right: var(--n-space-4);
  }
  .r-ld-pad-r-5 {
    padding-right: var(--n-space-5);
  }
  .r-ld-pad-t-1 {
    padding-top: var(--n-space-1);
  }
  .r-ld-pad-t-2 {
    padding-top: var(--n-space-2);
  }
  .r-ld-pad-t-3 {
    padding-top: var(--n-space-3);
  }
  .r-ld-pad-t-4 {
    padding-top: var(--n-space-4);
  }
  .r-ld-pad-t-5 {
    padding-top: var(--n-space-5);
  }
  .r-ld-pad-b-1 {
    padding-bottom: var(--n-space-1);
  }
  .r-ld-pad-b-2 {
    padding-bottom: var(--n-space-2);
  }
  .r-ld-pad-b-3 {
    padding-bottom: var(--n-space-3);
  }
  .r-ld-pad-b-4 {
    padding-bottom: var(--n-space-4);
  }
  .r-ld-pad-b-5 {
    padding-bottom: var(--n-space-5);
  }
  .r-ld-pad-x-1 {
    padding-left: var(--n-space-1);
    padding-right: var(--n-space-1);
  }
  .r-ld-pad-x-2 {
    padding-left: var(--n-space-2);
    padding-right: var(--n-space-2);
  }
  .r-ld-pad-x-3 {
    padding-left: var(--n-space-3);
    padding-right: var(--n-space-3);
  }
  .r-ld-pad-x-4 {
    padding-left: var(--n-space-4);
    padding-right: var(--n-space-4);
  }
  .r-ld-pad-x-5 {
    padding-left: var(--n-space-5);
    padding-right: var(--n-space-5);
  }
  .r-ld-pad-y-1 {
    padding-top: var(--n-space-1);
    padding-bottom: var(--n-space-1);
  }
  .r-ld-pad-y-2 {
    padding-top: var(--n-space-2);
    padding-bottom: var(--n-space-2);
  }
  .r-ld-pad-y-3 {
    padding-top: var(--n-space-3);
    padding-bottom: var(--n-space-3);
  }
  .r-ld-pad-y-4 {
    padding-top: var(--n-space-4);
    padding-bottom: var(--n-space-4);
  }
  .r-ld-pad-y-5 {
    padding-top: var(--n-space-5);
    padding-bottom: var(--n-space-5);
  }
  .r-ld-pad-100 {
    padding: 100px;
  }
  .r-ld-pad-t-100 {
    padding-top: 100px;
  }
  .r-ld-pad-b-100 {
    padding-bottom: 100px;
  }
  .r-ld-pad-l-100 {
    padding-left: 100px;
  }
  .r-ld-pad-r-100 {
    padding-right: 100px;
  }
  .r-ld-pad-x-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .r-ld-pad-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .r-ld-pad-200 {
    padding: 200px;
  }
  .r-ld-pad-t-200 {
    padding-top: 200px;
  }
  .r-ld-pad-b-200 {
    padding-bottom: 200px;
  }
  .r-ld-pad-l-200 {
    padding-left: 200px;
  }
  .r-ld-pad-r-200 {
    padding-right: 200px;
  }
  .r-ld-pad-x-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .r-ld-pad-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .r-ld-pad-b-0 {
    padding-bottom: 0px;
  }
  .r-ld-pad-t-0 {
    padding-top: 0px;
  }
  .r-ld-pad-r-0 {
    padding-right: 0px;
  }
  .r-ld-pad-l-0 {
    padding-left: 0px;
  }
  .r-ld-pad-x-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .r-ld-pad-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .r-ld-pad-0 {
    padding: 0px;
  }
}
/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-pad-1 {
    padding: var(--n-space-1);
  }
  .r-sd-pad-2 {
    padding: var(--n-space-2);
  }
  .r-sd-pad-3 {
    padding: var(--n-space-3);
  }
  .r-sd-pad-4 {
    padding: var(--n-space-4);
  }
  .r-sd-pad-5 {
    padding: var(--n-space-5);
  }
  .r-sd-pad-l-1 {
    padding-left: var(--n-space-1);
  }
  .r-sd-pad-l-2 {
    padding-left: var(--n-space-2);
  }
  .r-sd-pad-l-3 {
    padding-left: var(--n-space-3);
  }
  .r-sd-pad-l-4 {
    padding-left: var(--n-space-4);
  }
  .r-sd-pad-l-5 {
    padding-left: var(--n-space-5);
  }
  .r-sd-pad-r-1 {
    padding-right: var(--n-space-1);
  }
  .r-sd-pad-r-2 {
    padding-right: var(--n-space-2);
  }
  .r-sd-pad-r-3 {
    padding-right: var(--n-space-3);
  }
  .r-sd-pad-r-4 {
    padding-right: var(--n-space-4);
  }
  .r-sd-pad-r-5 {
    padding-right: var(--n-space-5);
  }
  .r-sd-pad-t-1 {
    padding-top: var(--n-space-1);
  }
  .r-sd-pad-t-2 {
    padding-top: var(--n-space-2);
  }
  .r-sd-pad-t-3 {
    padding-top: var(--n-space-3);
  }
  .r-sd-pad-t-4 {
    padding-top: var(--n-space-4);
  }
  .r-sd-pad-t-5 {
    padding-top: var(--n-space-5);
  }
  .r-sd-pad-b-1 {
    padding-bottom: var(--n-space-1);
  }
  .r-sd-pad-b-2 {
    padding-bottom: var(--n-space-2);
  }
  .r-sd-pad-b-3 {
    padding-bottom: var(--n-space-3);
  }
  .r-sd-pad-b-4 {
    padding-bottom: var(--n-space-4);
  }
  .r-sd-pad-b-5 {
    padding-bottom: var(--n-space-5);
  }
  .r-sd-pad-x-1 {
    padding-left: var(--n-space-1);
    padding-right: var(--n-space-1);
  }
  .r-sd-pad-x-2 {
    padding-left: var(--n-space-2);
    padding-right: var(--n-space-2);
  }
  .r-sd-pad-x-3 {
    padding-left: var(--n-space-3);
    padding-right: var(--n-space-3);
  }
  .r-sd-pad-x-4 {
    padding-left: var(--n-space-4);
    padding-right: var(--n-space-4);
  }
  .r-sd-pad-x-5 {
    padding-left: var(--n-space-5);
    padding-right: var(--n-space-5);
  }
  .r-sd-pad-y-1 {
    padding-top: var(--n-space-1);
    padding-bottom: var(--n-space-1);
  }
  .r-sd-pad-y-2 {
    padding-top: var(--n-space-2);
    padding-bottom: var(--n-space-2);
  }
  .r-sd-pad-y-3 {
    padding-top: var(--n-space-3);
    padding-bottom: var(--n-space-3);
  }
  .r-sd-pad-y-4 {
    padding-top: var(--n-space-4);
    padding-bottom: var(--n-space-4);
  }
  .r-sd-pad-y-5 {
    padding-top: var(--n-space-5);
    padding-bottom: var(--n-space-5);
  }
  .r-sd-pad-100 {
    padding: 100px;
  }
  .r-sd-pad-t-100 {
    padding-top: 100px;
  }
  .r-sd-pad-b-100 {
    padding-bottom: 100px;
  }
  .r-sd-pad-l-100 {
    padding-left: 100px;
  }
  .r-sd-pad-r-100 {
    padding-right: 100px;
  }
  .r-sd-pad-x-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .r-sd-pad-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .r-sd-pad-200 {
    padding: 200px;
  }
  .r-sd-pad-t-200 {
    padding-top: 200px;
  }
  .r-sd-pad-b-200 {
    padding-bottom: 200px;
  }
  .r-sd-pad-l-200 {
    padding-left: 200px;
  }
  .r-sd-pad-r-200 {
    padding-right: 200px;
  }
  .r-sd-pad-x-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .r-sd-pad-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .r-sd-pad-b-0 {
    padding-bottom: 0px;
  }
  .r-sd-pad-t-0 {
    padding-top: 0px;
  }
  .r-sd-pad-r-0 {
    padding-right: 0px;
  }
  .r-sd-pad-l-0 {
    padding-left: 0px;
  }
  .r-sd-pad-x-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .r-sd-pad-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .r-sd-pad-0 {
    padding: 0px;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-pad-1 {
    padding: var(--n-space-1);
  }
  .r-tab-pad-2 {
    padding: var(--n-space-2);
  }
  .r-tab-pad-3 {
    padding: var(--n-space-3);
  }
  .r-tab-pad-4 {
    padding: var(--n-space-4);
  }
  .r-tab-pad-5 {
    padding: var(--n-space-5);
  }
  .r-tab-pad-l-1 {
    padding-left: var(--n-space-1);
  }
  .r-tab-pad-l-2 {
    padding-left: var(--n-space-2);
  }
  .r-tab-pad-l-3 {
    padding-left: var(--n-space-3);
  }
  .r-tab-pad-l-4 {
    padding-left: var(--n-space-4);
  }
  .r-tab-pad-l-5 {
    padding-left: var(--n-space-5);
  }
  .r-tab-pad-r-1 {
    padding-right: var(--n-space-1);
  }
  .r-tab-pad-r-2 {
    padding-right: var(--n-space-2);
  }
  .r-tab-pad-r-3 {
    padding-right: var(--n-space-3);
  }
  .r-tab-pad-r-4 {
    padding-right: var(--n-space-4);
  }
  .r-tab-pad-r-5 {
    padding-right: var(--n-space-5);
  }
  .r-tab-pad-t-1 {
    padding-top: var(--n-space-1);
  }
  .r-tab-pad-t-2 {
    padding-top: var(--n-space-2);
  }
  .r-tab-pad-t-3 {
    padding-top: var(--n-space-3);
  }
  .r-tab-pad-t-4 {
    padding-top: var(--n-space-4);
  }
  .r-tab-pad-t-5 {
    padding-top: var(--n-space-5);
  }
  .r-tab-pad-b-1 {
    padding-bottom: var(--n-space-1);
  }
  .r-tab-pad-b-2 {
    padding-bottom: var(--n-space-2);
  }
  .r-tab-pad-b-3 {
    padding-bottom: var(--n-space-3);
  }
  .r-tab-pad-b-4 {
    padding-bottom: var(--n-space-4);
  }
  .r-tab-pad-b-5 {
    padding-bottom: var(--n-space-5);
  }
  .r-tab-pad-x-1 {
    padding-left: var(--n-space-1);
    padding-right: var(--n-space-1);
  }
  .r-tab-pad-x-2 {
    padding-left: var(--n-space-2);
    padding-right: var(--n-space-2);
  }
  .r-tab-pad-x-3 {
    padding-left: var(--n-space-3);
    padding-right: var(--n-space-3);
  }
  .r-tab-pad-x-4 {
    padding-left: var(--n-space-4);
    padding-right: var(--n-space-4);
  }
  .r-tab-pad-x-5 {
    padding-left: var(--n-space-5);
    padding-right: var(--n-space-5);
  }
  .r-tab-pad-y-1 {
    padding-top: var(--n-space-1);
    padding-bottom: var(--n-space-1);
  }
  .r-tab-pad-y-2 {
    padding-top: var(--n-space-2);
    padding-bottom: var(--n-space-2);
  }
  .r-tab-pad-y-3 {
    padding-top: var(--n-space-3);
    padding-bottom: var(--n-space-3);
  }
  .r-tab-pad-y-4 {
    padding-top: var(--n-space-4);
    padding-bottom: var(--n-space-4);
  }
  .r-tab-pad-y-5 {
    padding-top: var(--n-space-5);
    padding-bottom: var(--n-space-5);
  }
  .r-tab-pad-100 {
    padding: 100px;
  }
  .r-tab-pad-t-100 {
    padding-top: 100px;
  }
  .r-tab-pad-b-100 {
    padding-bottom: 100px;
  }
  .r-tab-pad-l-100 {
    padding-left: 100px;
  }
  .r-tab-pad-r-100 {
    padding-right: 100px;
  }
  .r-tab-pad-x-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .r-tab-pad-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .r-tab-pad-200 {
    padding: 200px;
  }
  .r-tab-pad-t-200 {
    padding-top: 200px;
  }
  .r-tab-pad-b-200 {
    padding-bottom: 200px;
  }
  .r-tab-pad-l-200 {
    padding-left: 200px;
  }
  .r-tab-pad-r-200 {
    padding-right: 200px;
  }
  .r-tab-pad-x-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .r-tab-pad-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .r-tab-pad-b-0 {
    padding-bottom: 0px;
  }
  .r-tab-pad-t-0 {
    padding-top: 0px;
  }
  .r-tab-pad-r-0 {
    padding-right: 0px;
  }
  .r-tab-pad-l-0 {
    padding-left: 0px;
  }
  .r-tab-pad-x-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .r-tab-pad-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .r-tab-pad-0 {
    padding: 0px;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-pad-1 {
    padding: var(--n-space-1);
  }
  .r-lm-pad-2 {
    padding: var(--n-space-2);
  }
  .r-lm-pad-3 {
    padding: var(--n-space-3);
  }
  .r-lm-pad-4 {
    padding: var(--n-space-4);
  }
  .r-lm-pad-5 {
    padding: var(--n-space-5);
  }
  .r-lm-pad-l-1 {
    padding-left: var(--n-space-1);
  }
  .r-lm-pad-l-2 {
    padding-left: var(--n-space-2);
  }
  .r-lm-pad-l-3 {
    padding-left: var(--n-space-3);
  }
  .r-lm-pad-l-4 {
    padding-left: var(--n-space-4);
  }
  .r-lm-pad-l-5 {
    padding-left: var(--n-space-5);
  }
  .r-lm-pad-r-1 {
    padding-right: var(--n-space-1);
  }
  .r-lm-pad-r-2 {
    padding-right: var(--n-space-2);
  }
  .r-lm-pad-r-3 {
    padding-right: var(--n-space-3);
  }
  .r-lm-pad-r-4 {
    padding-right: var(--n-space-4);
  }
  .r-lm-pad-r-5 {
    padding-right: var(--n-space-5);
  }
  .r-lm-pad-t-1 {
    padding-top: var(--n-space-1);
  }
  .r-lm-pad-t-2 {
    padding-top: var(--n-space-2);
  }
  .r-lm-pad-t-3 {
    padding-top: var(--n-space-3);
  }
  .r-lm-pad-t-4 {
    padding-top: var(--n-space-4);
  }
  .r-lm-pad-t-5 {
    padding-top: var(--n-space-5);
  }
  .r-lm-pad-b-1 {
    padding-bottom: var(--n-space-1);
  }
  .r-lm-pad-b-2 {
    padding-bottom: var(--n-space-2);
  }
  .r-lm-pad-b-3 {
    padding-bottom: var(--n-space-3);
  }
  .r-lm-pad-b-4 {
    padding-bottom: var(--n-space-4);
  }
  .r-lm-pad-b-5 {
    padding-bottom: var(--n-space-5);
  }
  .r-lm-pad-x-1 {
    padding-left: var(--n-space-1);
    padding-right: var(--n-space-1);
  }
  .r-lm-pad-x-2 {
    padding-left: var(--n-space-2);
    padding-right: var(--n-space-2);
  }
  .r-lm-pad-x-3 {
    padding-left: var(--n-space-3);
    padding-right: var(--n-space-3);
  }
  .r-lm-pad-x-4 {
    padding-left: var(--n-space-4);
    padding-right: var(--n-space-4);
  }
  .r-lm-pad-x-5 {
    padding-left: var(--n-space-5);
    padding-right: var(--n-space-5);
  }
  .r-lm-pad-y-1 {
    padding-top: var(--n-space-1);
    padding-bottom: var(--n-space-1);
  }
  .r-lm-pad-y-2 {
    padding-top: var(--n-space-2);
    padding-bottom: var(--n-space-2);
  }
  .r-lm-pad-y-3 {
    padding-top: var(--n-space-3);
    padding-bottom: var(--n-space-3);
  }
  .r-lm-pad-y-4 {
    padding-top: var(--n-space-4);
    padding-bottom: var(--n-space-4);
  }
  .r-lm-pad-y-5 {
    padding-top: var(--n-space-5);
    padding-bottom: var(--n-space-5);
  }
  .r-lm-pad-100 {
    padding: 100px;
  }
  .r-lm-pad-t-100 {
    padding-top: 100px;
  }
  .r-lm-pad-b-100 {
    padding-bottom: 100px;
  }
  .r-lm-pad-l-100 {
    padding-left: 100px;
  }
  .r-lm-pad-r-100 {
    padding-right: 100px;
  }
  .r-lm-pad-x-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .r-lm-pad-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .r-lm-pad-200 {
    padding: 200px;
  }
  .r-lm-pad-t-200 {
    padding-top: 200px;
  }
  .r-lm-pad-b-200 {
    padding-bottom: 200px;
  }
  .r-lm-pad-l-200 {
    padding-left: 200px;
  }
  .r-lm-pad-r-200 {
    padding-right: 200px;
  }
  .r-lm-pad-x-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .r-lm-pad-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .r-lm-pad-b-0 {
    padding-bottom: 0px;
  }
  .r-lm-pad-t-0 {
    padding-top: 0px;
  }
  .r-lm-pad-r-0 {
    padding-right: 0px;
  }
  .r-lm-pad-l-0 {
    padding-left: 0px;
  }
  .r-lm-pad-x-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .r-lm-pad-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .r-lm-pad-0 {
    padding: 0px;
  }
}
/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-pad-1 {
    padding: var(--n-space-1);
  }
  .r-sd-pad-2 {
    padding: var(--n-space-2);
  }
  .r-sd-pad-3 {
    padding: var(--n-space-3);
  }
  .r-sd-pad-4 {
    padding: var(--n-space-4);
  }
  .r-sd-pad-5 {
    padding: var(--n-space-5);
  }
  .r-sd-pad-l-1 {
    padding-left: var(--n-space-1);
  }
  .r-sd-pad-l-2 {
    padding-left: var(--n-space-2);
  }
  .r-sd-pad-l-3 {
    padding-left: var(--n-space-3);
  }
  .r-sd-pad-l-4 {
    padding-left: var(--n-space-4);
  }
  .r-sd-pad-l-5 {
    padding-left: var(--n-space-5);
  }
  .r-sd-pad-r-1 {
    padding-right: var(--n-space-1);
  }
  .r-sd-pad-r-2 {
    padding-right: var(--n-space-2);
  }
  .r-sd-pad-r-3 {
    padding-right: var(--n-space-3);
  }
  .r-sd-pad-r-4 {
    padding-right: var(--n-space-4);
  }
  .r-sd-pad-r-5 {
    padding-right: var(--n-space-5);
  }
  .r-sd-pad-t-1 {
    padding-top: var(--n-space-1);
  }
  .r-sd-pad-t-2 {
    padding-top: var(--n-space-2);
  }
  .r-sd-pad-t-3 {
    padding-top: var(--n-space-3);
  }
  .r-sd-pad-t-4 {
    padding-top: var(--n-space-4);
  }
  .r-sd-pad-t-5 {
    padding-top: var(--n-space-5);
  }
  .r-sd-pad-b-1 {
    padding-bottom: var(--n-space-1);
  }
  .r-sd-pad-b-2 {
    padding-bottom: var(--n-space-2);
  }
  .r-sd-pad-b-3 {
    padding-bottom: var(--n-space-3);
  }
  .r-sd-pad-b-4 {
    padding-bottom: var(--n-space-4);
  }
  .r-sd-pad-b-5 {
    padding-bottom: var(--n-space-5);
  }
  .r-sd-pad-x-1 {
    padding-left: var(--n-space-1);
    padding-right: var(--n-space-1);
  }
  .r-sd-pad-x-2 {
    padding-left: var(--n-space-2);
    padding-right: var(--n-space-2);
  }
  .r-sd-pad-x-3 {
    padding-left: var(--n-space-3);
    padding-right: var(--n-space-3);
  }
  .r-sd-pad-x-4 {
    padding-left: var(--n-space-4);
    padding-right: var(--n-space-4);
  }
  .r-sd-pad-x-5 {
    padding-left: var(--n-space-5);
    padding-right: var(--n-space-5);
  }
  .r-sd-pad-y-1 {
    padding-top: var(--n-space-1);
    padding-bottom: var(--n-space-1);
  }
  .r-sd-pad-y-2 {
    padding-top: var(--n-space-2);
    padding-bottom: var(--n-space-2);
  }
  .r-sd-pad-y-3 {
    padding-top: var(--n-space-3);
    padding-bottom: var(--n-space-3);
  }
  .r-sd-pad-y-4 {
    padding-top: var(--n-space-4);
    padding-bottom: var(--n-space-4);
  }
  .r-sd-pad-y-5 {
    padding-top: var(--n-space-5);
    padding-bottom: var(--n-space-5);
  }
  .r-sd-pad-100 {
    padding: 100px;
  }
  .r-sd-pad-t-100 {
    padding-top: 100px;
  }
  .r-sd-pad-b-100 {
    padding-bottom: 100px;
  }
  .r-sd-pad-l-100 {
    padding-left: 100px;
  }
  .r-sd-pad-r-100 {
    padding-right: 100px;
  }
  .r-sd-pad-x-100 {
    padding-left: 100px;
    padding-right: 100px;
  }
  .r-sd-pad-y-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .r-sd-pad-200 {
    padding: 200px;
  }
  .r-sd-pad-t-200 {
    padding-top: 200px;
  }
  .r-sd-pad-b-200 {
    padding-bottom: 200px;
  }
  .r-sd-pad-l-200 {
    padding-left: 200px;
  }
  .r-sd-pad-r-200 {
    padding-right: 200px;
  }
  .r-sd-pad-x-200 {
    padding-left: 200px;
    padding-right: 200px;
  }
  .r-sd-pad-y-200 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .r-sd-pad-b-0 {
    padding-bottom: 0px;
  }
  .r-sd-pad-t-0 {
    padding-top: 0px;
  }
  .r-sd-pad-r-0 {
    padding-right: 0px;
  }
  .r-sd-pad-l-0 {
    padding-left: 0px;
  }
  .r-sd-pad-x-0 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .r-sd-pad-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .r-sd-pad-0 {
    padding: 0px;
  }
}
.r-mar-1 {
  margin: var(--n-space-1);
}

.r-mar-2 {
  margin: var(--n-space-2);
}

.r-mar-3 {
  margin: var(--n-space-3);
}

.r-mar-4 {
  margin: var(--n-space-4);
}

.r-mar-5 {
  margin: var(--n-space-5);
}

.r-mar-l-1 {
  margin-left: var(--n-space-1);
}

.r-mar-l-2 {
  margin-left: var(--n-space-2);
}

.r-mar-l-3 {
  margin-left: var(--n-space-3);
}

.r-mar-l-4 {
  margin-left: var(--n-space-4);
}

.r-mar-l-5 {
  margin-left: var(--n-space-5);
}

.r-mar-r-1 {
  margin-right: var(--n-space-1);
}

.r-mar-r-2 {
  margin-right: var(--n-space-2);
}

.r-mar-r-3 {
  margin-right: var(--n-space-3);
}

.r-mar-r-4 {
  margin-right: var(--n-space-4);
}

.r-mar-r-5 {
  margin-right: var(--n-space-5);
}

.r-mar-t-1 {
  margin-top: var(--n-space-1);
}

.r-mar-t-2 {
  margin-top: var(--n-space-2);
}

.r-mar-t-3 {
  margin-top: var(--n-space-3);
}

.r-mar-t-4 {
  margin-top: var(--n-space-4);
}

.r-mar-t-5 {
  margin-top: var(--n-space-5);
}

.r-mar-b-1 {
  margin-bottom: var(--n-space-1);
}

.r-mar-b-2 {
  margin-bottom: var(--n-space-2);
}

.r-mar-b-3 {
  margin-bottom: var(--n-space-3);
}

.r-mar-b-4 {
  margin-bottom: var(--n-space-4);
}

.r-mar-b-5 {
  margin-bottom: var(--n-space-5);
}

.r-mar-x-1 {
  margin-left: var(--n-space-1);
  margin-right: var(--n-space-1);
}

.r-mar-x-2 {
  margin-left: var(--n-space-2);
  margin-right: var(--n-space-2);
}

.r-mar-x-3 {
  margin-left: var(--n-space-3);
  margin-right: var(--n-space-3);
}

.r-mar-x-4 {
  margin-left: var(--n-space-4);
  margin-right: var(--n-space-4);
}

.r-mar-x-5 {
  margin-left: var(--n-space-5);
  margin-right: var(--n-space-5);
}

.r-mar-y-1 {
  margin-top: var(--n-space-1);
  margin-bottom: var(--n-space-1);
}

.r-mar-y-2 {
  margin-top: var(--n-space-2);
  margin-bottom: var(--n-space-2);
}

.r-mar-y-3 {
  margin-top: var(--n-space-3);
  margin-bottom: var(--n-space-3);
}

.r-mar-y-4 {
  margin-top: var(--n-space-4);
  margin-bottom: var(--n-space-4);
}

.r-mar-y-5 {
  margin-top: var(--n-space-5);
  margin-bottom: var(--n-space-5);
}

.r-mar-auto {
  margin: auto;
}

.r-mar-t-auto {
  margin-top: auto;
}

.r-mar-b-auto {
  margin-bottom: auto;
}

.r-mar-l-auto {
  margin-left: auto;
}

.r-mar-r-auto {
  margin-right: auto;
}

.r-mar-x-auto {
  margin-left: auto;
  margin-right: auto;
}

.r-mar-y-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.r-mar-100 {
  margin: 100px;
}

.r-mar-t-100 {
  margin-top: 100px;
}

.r-mar-b-100 {
  margin-bottom: 100px;
}

.r-mar-l-100 {
  margin-left: 100px;
}

.r-mar-r-100 {
  margin-right: 100px;
}

.r-mar-x-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.r-mar-y-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.r-mar-200 {
  margin: 200px;
}

.r-mar-t-200 {
  margin-top: 200px;
}

.r-mar-b-200 {
  margin-bottom: 200px;
}

.r-mar-l-200 {
  margin-left: 200px;
}

.r-mar-r-200 {
  margin-right: 200px;
}

.r-mar-x-200 {
  margin-left: 200px;
  margin-right: 200px;
}

.r-mar-y-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.r-mar-min-1 {
  margin: var(--n-neg-space-1);
}

.r-mar-min-2 {
  margin: var(--n-neg-space-2);
}

.r-mar-min-3 {
  margin: var(--n-neg-space-3);
}

.r-mar-min-4 {
  margin: var(--n-neg-space-4);
}

.r-mar-min-5 {
  margin: var(--n-neg-space-5);
}

.r-mar-min-l-1 {
  margin-left: var(--n-neg-space-1);
}

.r-mar-min-l-2 {
  margin-left: var(--n-neg-space-2);
}

.r-mar-min-l-3 {
  margin-left: var(--n-neg-space-3);
}

.r-mar-min-l-4 {
  margin-left: var(--n-neg-space-4);
}

.r-mar-min-l-5 {
  margin-left: var(--n-neg-space-5);
}

.r-mar-min-r-1 {
  margin-right: var(--n-neg-space-1);
}

.r-mar-min-r-2 {
  margin-right: var(--n-neg-space-2);
}

.r-mar-min-r-3 {
  margin-right: var(--n-neg-space-3);
}

.r-mar-min-r-4 {
  margin-right: var(--n-neg-space-4);
}

.r-mar-min-r-5 {
  margin-right: var(--n-neg-space-5);
}

.r-mar-min-t-1 {
  margin-top: var(--n-neg-space-1);
}

.r-mar-min-t-2 {
  margin-top: var(--n-neg-space-2);
}

.r-mar-min-t-3 {
  margin-top: var(--n-neg-space-3);
}

.r-mar-min-t-4 {
  margin-top: var(--n-neg-space-4);
}

.r-mar-min-t-5 {
  margin-top: var(--n-neg-space-5);
}

.r-mar-min-b-1 {
  margin-bottom: var(--n-neg-space-1);
}

.r-mar-min-b-2 {
  margin-bottom: var(--n-neg-space-2);
}

.r-mar-min-b-3 {
  margin-bottom: var(--n-neg-space-3);
}

.r-mar-min-b-4 {
  margin-bottom: var(--n-neg-space-4);
}

.r-mar-min-b-5 {
  margin-bottom: var(--n-neg-space-5);
}

.r-mar-min-x-1 {
  margin-left: var(--n-neg-space-1);
  margin-right: var(--n-neg-space-1);
}

.r-mar-min-x-2 {
  margin-left: var(--n-neg-space-2);
  margin-right: var(--n-neg-space-2);
}

.r-mar-min-x-3 {
  margin-left: var(--n-neg-space-3);
  margin-right: var(--n-neg-space-3);
}

.r-mar-min-x-4 {
  margin-left: var(--n-neg-space-4);
  margin-right: var(--n-neg-space-4);
}

.r-mar-min-x-5 {
  margin-left: var(--n-neg-space-5);
  margin-right: var(--n-neg-space-5);
}

.r-mar-min-y-1 {
  margin-top: var(--n-neg-space-1);
  margin-bottom: var(--n-neg-space-1);
}

.r-mar-min-y-2 {
  margin-top: var(--n-neg-space-2);
  margin-bottom: var(--n-neg-space-2);
}

.r-mar-min-y-3 {
  margin-top: var(--n-neg-space-3);
  margin-bottom: var(--n-neg-space-3);
}

.r-mar-min-y-4 {
  margin-top: var(--n-neg-space-4);
  margin-bottom: var(--n-neg-space-4);
}

.r-mar-min-y-5 {
  margin-top: var(--n-neg-space-5);
  margin-bottom: var(--n-neg-space-5);
}

.r-mar-min-100 {
  margin: 100px;
}

.r-mar-min-t-100 {
  margin-top: 100px;
}

.r-mar-min-b-100 {
  margin-bottom: 100px;
}

.r-mar-min-l-100 {
  margin-left: 100px;
}

.r-mar-min-r-100 {
  margin-right: 100px;
}

.r-mar-min-x-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.r-mar-min-y-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.r-mar-min-200 {
  margin: 200px;
}

.r-mar-min-t-200 {
  margin-top: 200px;
}

.r-mar-min-b-200 {
  margin-bottom: 200px;
}

.r-mar-min-l-200 {
  margin-left: 200px;
}

.r-mar-min-r-200 {
  margin-right: 200px;
}

.r-mar-min-x-200 {
  margin-left: 200px;
  margin-right: 200px;
}

.r-mar-min-y-200 {
  margin-top: 200px;
  margin-bottom: 200px;
}

.r-mar-b-0 {
  margin-bottom: 0px;
}

.r-mar-t-0 {
  margin-top: 0px;
}

.r-mar-r-0 {
  margin-right: 0px;
}

.r-mar-l-0 {
  margin-left: 0px;
}

.r-mar-x-0 {
  margin-right: 0px;
  margin-left: 0px;
}

.r-mar-y-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.r-mar-0 {
  margin: 0px;
}

/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-mar-1 {
    margin: var(--n-space-1);
  }
  .r-ld-mar-2 {
    margin: var(--n-space-2);
  }
  .r-ld-mar-3 {
    margin: var(--n-space-3);
  }
  .r-ld-mar-4 {
    margin: var(--n-space-4);
  }
  .r-ld-mar-5 {
    margin: var(--n-space-5);
  }
  .r-ld-mar-l-1 {
    margin-left: var(--n-space-1);
  }
  .r-ld-mar-l-2 {
    margin-left: var(--n-space-2);
  }
  .r-ld-mar-l-3 {
    margin-left: var(--n-space-3);
  }
  .r-ld-mar-l-4 {
    margin-left: var(--n-space-4);
  }
  .r-ld-mar-l-5 {
    margin-left: var(--n-space-5);
  }
  .r-ld-mar-r-1 {
    margin-right: var(--n-space-1);
  }
  .r-ld-mar-r-2 {
    margin-right: var(--n-space-2);
  }
  .r-ld-mar-r-3 {
    margin-right: var(--n-space-3);
  }
  .r-ld-mar-r-4 {
    margin-right: var(--n-space-4);
  }
  .r-ld-mar-r-5 {
    margin-right: var(--n-space-5);
  }
  .r-ld-mar-t-1 {
    margin-top: var(--n-space-1);
  }
  .r-ld-mar-t-2 {
    margin-top: var(--n-space-2);
  }
  .r-ld-mar-t-3 {
    margin-top: var(--n-space-3);
  }
  .r-ld-mar-t-4 {
    margin-top: var(--n-space-4);
  }
  .r-ld-mar-t-5 {
    margin-top: var(--n-space-5);
  }
  .r-ld-mar-b-1 {
    margin-bottom: var(--n-space-1);
  }
  .r-ld-mar-b-2 {
    margin-bottom: var(--n-space-2);
  }
  .r-ld-mar-b-3 {
    margin-bottom: var(--n-space-3);
  }
  .r-ld-mar-b-4 {
    margin-bottom: var(--n-space-4);
  }
  .r-ld-mar-b-5 {
    margin-bottom: var(--n-space-5);
  }
  .r-ld-mar-x-1 {
    margin-left: var(--n-space-1);
    margin-right: var(--n-space-1);
  }
  .r-ld-mar-x-2 {
    margin-left: var(--n-space-2);
    margin-right: var(--n-space-2);
  }
  .r-ld-mar-x-3 {
    margin-left: var(--n-space-3);
    margin-right: var(--n-space-3);
  }
  .r-ld-mar-x-4 {
    margin-left: var(--n-space-4);
    margin-right: var(--n-space-4);
  }
  .r-ld-mar-x-5 {
    margin-left: var(--n-space-5);
    margin-right: var(--n-space-5);
  }
  .r-ld-mar-y-1 {
    margin-top: var(--n-space-1);
    margin-bottom: var(--n-space-1);
  }
  .r-ld-mar-y-2 {
    margin-top: var(--n-space-2);
    margin-bottom: var(--n-space-2);
  }
  .r-ld-mar-y-3 {
    margin-top: var(--n-space-3);
    margin-bottom: var(--n-space-3);
  }
  .r-ld-mar-y-4 {
    margin-top: var(--n-space-4);
    margin-bottom: var(--n-space-4);
  }
  .r-ld-mar-y-5 {
    margin-top: var(--n-space-5);
    margin-bottom: var(--n-space-5);
  }
  .r-ld-mar-100 {
    margin: 100px;
  }
  .r-ld-mar-t-100 {
    margin-top: 100px;
  }
  .r-ld-mar-b-100 {
    margin-bottom: 100px;
  }
  .r-ld-mar-l-100 {
    margin-left: 100px;
  }
  .r-ld-mar-r-100 {
    margin-right: 100px;
  }
  .r-ld-mar-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .r-ld-mar-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .r-ld-mar-200 {
    margin: 200px;
  }
  .r-ld-mar-t-200 {
    margin-top: 200px;
  }
  .r-ld-mar-b-200 {
    margin-bottom: 200px;
  }
  .r-ld-mar-l-200 {
    margin-left: 200px;
  }
  .r-ld-mar-r-200 {
    margin-right: 200px;
  }
  .r-ld-mar-x-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .r-ld-mar-y-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .r-ld-mar-min-1 {
    margin: var(--n-neg-space-1);
  }
  .r-ld-mar-min-2 {
    margin: var(--n-neg-space-2);
  }
  .r-ld-mar-min-3 {
    margin: var(--n-neg-space-3);
  }
  .r-ld-mar-min-4 {
    margin: var(--n-neg-space-4);
  }
  .r-ld-mar-min-5 {
    margin: var(--n-neg-space-5);
  }
  .r-ld-mar-min-l-1 {
    margin-left: var(--n-neg-space-1);
  }
  .r-ld-mar-min-l-2 {
    margin-left: var(--n-neg-space-2);
  }
  .r-ld-mar-min-l-3 {
    margin-left: var(--n-neg-space-3);
  }
  .r-ld-mar-min-l-4 {
    margin-left: var(--n-neg-space-4);
  }
  .r-ld-mar-min-l-5 {
    margin-left: var(--n-neg-space-5);
  }
  .r-ld-mar-min-r-1 {
    margin-right: var(--n-neg-space-1);
  }
  .r-ld-mar-min-r-2 {
    margin-right: var(--n-neg-space-2);
  }
  .r-ld-mar-min-r-3 {
    margin-right: var(--n-neg-space-3);
  }
  .r-ld-mar-min-r-4 {
    margin-right: var(--n-neg-space-4);
  }
  .r-ld-mar-min-r-5 {
    margin-right: var(--n-neg-space-5);
  }
  .r-ld-mar-min-t-1 {
    margin-top: var(--n-neg-space-1);
  }
  .r-ld-mar-min-t-2 {
    margin-top: var(--n-neg-space-2);
  }
  .r-ld-mar-min-t-3 {
    margin-top: var(--n-neg-space-3);
  }
  .r-ld-mar-min-t-4 {
    margin-top: var(--n-neg-space-4);
  }
  .r-ld-mar-min-t-5 {
    margin-top: var(--n-neg-space-5);
  }
  .r-ld-mar-min-b-1 {
    margin-bottom: var(--n-neg-space-1);
  }
  .r-ld-mar-min-b-2 {
    margin-bottom: var(--n-neg-space-2);
  }
  .r-ld-mar-min-b-3 {
    margin-bottom: var(--n-neg-space-3);
  }
  .r-ld-mar-min-b-4 {
    margin-bottom: var(--n-neg-space-4);
  }
  .r-ld-mar-min-b-5 {
    margin-bottom: var(--n-neg-space-5);
  }
  .r-ld-mar-min-x-1 {
    margin-left: var(--n-neg-space-1);
    margin-right: var(--n-neg-space-1);
  }
  .r-ld-mar-min-x-2 {
    margin-left: var(--n-neg-space-2);
    margin-right: var(--n-neg-space-2);
  }
  .r-ld-mar-min-x-3 {
    margin-left: var(--n-neg-space-3);
    margin-right: var(--n-neg-space-3);
  }
  .r-ld-mar-min-x-4 {
    margin-left: var(--n-neg-space-4);
    margin-right: var(--n-neg-space-4);
  }
  .r-ld-mar-min-x-5 {
    margin-left: var(--n-neg-space-5);
    margin-right: var(--n-neg-space-5);
  }
  .r-ld-mar-min-y-1 {
    margin-top: var(--n-neg-space-1);
    margin-bottom: var(--n-neg-space-1);
  }
  .r-ld-mar-min-y-2 {
    margin-top: var(--n-neg-space-2);
    margin-bottom: var(--n-neg-space-2);
  }
  .r-ld-mar-min-y-3 {
    margin-top: var(--n-neg-space-3);
    margin-bottom: var(--n-neg-space-3);
  }
  .r-ld-mar-min-y-4 {
    margin-top: var(--n-neg-space-4);
    margin-bottom: var(--n-neg-space-4);
  }
  .r-ld-mar-min-y-5 {
    margin-top: var(--n-neg-space-5);
    margin-bottom: var(--n-neg-space-5);
  }
  .r-ld-mar-auto {
    margin: auto;
  }
  .r-ld-mar-t-auto {
    margin-top: auto;
  }
  .r-ld-mar-b-auto {
    margin-bottom: auto;
  }
  .r-ld-mar-l-auto {
    margin-left: auto;
  }
  .r-ld-mar-r-auto {
    margin-right: auto;
  }
  .r-ld-mar-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .r-ld-mar-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .r-ld-mar-min-100 {
    margin: 100px;
  }
  .r-ld-mar-min-t-100 {
    margin-top: 100px;
  }
  .r-ld-mar-min-b-100 {
    margin-bottom: 100px;
  }
  .r-ld-mar-min-l-100 {
    margin-left: 100px;
  }
  .r-ld-mar-min-r-100 {
    margin-right: 100px;
  }
  .r-ld-mar-min-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .r-ld-mar-min-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .r-ld-mar-min-200 {
    margin: 200px;
  }
  .r-ld-mar-min-t-200 {
    margin-top: 200px;
  }
  .r-ld-mar-min-b-200 {
    margin-bottom: 200px;
  }
  .r-ld-mar-min-l-200 {
    margin-left: 200px;
  }
  .r-ld-mar-min-r-200 {
    margin-right: 200px;
  }
  .r-ld-mar-min-x-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .r-ld-mar-min-y-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .r-ld-mar-b-0 {
    margin-bottom: 0px;
  }
  .r-ld-mar-t-0 {
    margin-top: 0px;
  }
  .r-ld-mar-r-0 {
    margin-right: 0px;
  }
  .r-ld-mar-l-0 {
    margin-left: 0px;
  }
  .r-ld-mar-x-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .r-ld-mar-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .r-ld-mar-0 {
    margin: 0px;
  }
}
/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-mar-1 {
    margin: var(--n-space-1);
  }
  .r-sd-mar-2 {
    margin: var(--n-space-2);
  }
  .r-sd-mar-3 {
    margin: var(--n-space-3);
  }
  .r-sd-mar-4 {
    margin: var(--n-space-4);
  }
  .r-sd-mar-5 {
    margin: var(--n-space-5);
  }
  .r-sd-mar-l-1 {
    margin-left: var(--n-space-1);
  }
  .r-sd-mar-l-2 {
    margin-left: var(--n-space-2);
  }
  .r-sd-mar-l-3 {
    margin-left: var(--n-space-3);
  }
  .r-sd-mar-l-4 {
    margin-left: var(--n-space-4);
  }
  .r-sd-mar-l-5 {
    margin-left: var(--n-space-5);
  }
  .r-sd-mar-r-1 {
    margin-right: var(--n-space-1);
  }
  .r-sd-mar-r-2 {
    margin-right: var(--n-space-2);
  }
  .r-sd-mar-r-3 {
    margin-right: var(--n-space-3);
  }
  .r-sd-mar-r-4 {
    margin-right: var(--n-space-4);
  }
  .r-sd-mar-r-5 {
    margin-right: var(--n-space-5);
  }
  .r-sd-mar-t-1 {
    margin-top: var(--n-space-1);
  }
  .r-sd-mar-t-2 {
    margin-top: var(--n-space-2);
  }
  .r-sd-mar-t-3 {
    margin-top: var(--n-space-3);
  }
  .r-sd-mar-t-4 {
    margin-top: var(--n-space-4);
  }
  .r-sd-mar-t-5 {
    margin-top: var(--n-space-5);
  }
  .r-sd-mar-b-1 {
    margin-bottom: var(--n-space-1);
  }
  .r-sd-mar-b-2 {
    margin-bottom: var(--n-space-2);
  }
  .r-sd-mar-b-3 {
    margin-bottom: var(--n-space-3);
  }
  .r-sd-mar-b-4 {
    margin-bottom: var(--n-space-4);
  }
  .r-sd-mar-b-5 {
    margin-bottom: var(--n-space-5);
  }
  .r-sd-mar-x-1 {
    margin-left: var(--n-space-1);
    margin-right: var(--n-space-1);
  }
  .r-sd-mar-x-2 {
    margin-left: var(--n-space-2);
    margin-right: var(--n-space-2);
  }
  .r-sd-mar-x-3 {
    margin-left: var(--n-space-3);
    margin-right: var(--n-space-3);
  }
  .r-sd-mar-x-4 {
    margin-left: var(--n-space-4);
    margin-right: var(--n-space-4);
  }
  .r-sd-mar-x-5 {
    margin-left: var(--n-space-5);
    margin-right: var(--n-space-5);
  }
  .r-sd-mar-y-1 {
    margin-top: var(--n-space-1);
    margin-bottom: var(--n-space-1);
  }
  .r-sd-mar-y-2 {
    margin-top: var(--n-space-2);
    margin-bottom: var(--n-space-2);
  }
  .r-sd-mar-y-3 {
    margin-top: var(--n-space-3);
    margin-bottom: var(--n-space-3);
  }
  .r-sd-mar-y-4 {
    margin-top: var(--n-space-4);
    margin-bottom: var(--n-space-4);
  }
  .r-sd-mar-y-5 {
    margin-top: var(--n-space-5);
    margin-bottom: var(--n-space-5);
  }
  .r-sd-mar-auto {
    margin: auto;
  }
  .r-sd-mar-t-auto {
    margin-top: auto;
  }
  .r-sd-mar-b-auto {
    margin-bottom: auto;
  }
  .r-sd-mar-l-auto {
    margin-left: auto;
  }
  .r-sd-mar-r-auto {
    margin-right: auto;
  }
  .r-sd-mar-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .r-sd-mar-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .r-sd-mar-100 {
    margin: 100px;
  }
  .r-sd-mar-t-100 {
    margin-top: 100px;
  }
  .r-sd-mar-b-100 {
    margin-bottom: 100px;
  }
  .r-sd-mar-l-100 {
    margin-left: 100px;
  }
  .r-sd-mar-r-100 {
    margin-right: 100px;
  }
  .r-sd-mar-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .r-sd-mar-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .r-sd-mar-200 {
    margin: 200px;
  }
  .r-sd-mar-t-200 {
    margin-top: 200px;
  }
  .r-sd-mar-b-200 {
    margin-bottom: 200px;
  }
  .r-sd-mar-l-200 {
    margin-left: 200px;
  }
  .r-sd-mar-r-200 {
    margin-right: 200px;
  }
  .r-sd-mar-x-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .r-sd-mar-y-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .r-sd-mar-min-1 {
    margin: var(--n-neg-space-1);
  }
  .r-sd-mar-min-2 {
    margin: var(--n-neg-space-2);
  }
  .r-sd-mar-min-3 {
    margin: var(--n-neg-space-3);
  }
  .r-sd-mar-min-4 {
    margin: var(--n-neg-space-4);
  }
  .r-sd-mar-min-5 {
    margin: var(--n-neg-space-5);
  }
  .r-sd-mar-min-l-1 {
    margin-left: var(--n-neg-space-1);
  }
  .r-sd-mar-min-l-2 {
    margin-left: var(--n-neg-space-2);
  }
  .r-sd-mar-min-l-3 {
    margin-left: var(--n-neg-space-3);
  }
  .r-sd-mar-min-l-4 {
    margin-left: var(--n-neg-space-4);
  }
  .r-sd-mar-min-l-5 {
    margin-left: var(--n-neg-space-5);
  }
  .r-sd-mar-min-r-1 {
    margin-right: var(--n-neg-space-1);
  }
  .r-sd-mar-min-r-2 {
    margin-right: var(--n-neg-space-2);
  }
  .r-sd-mar-min-r-3 {
    margin-right: var(--n-neg-space-3);
  }
  .r-sd-mar-min-r-4 {
    margin-right: var(--n-neg-space-4);
  }
  .r-sd-mar-min-r-5 {
    margin-right: var(--n-neg-space-5);
  }
  .r-sd-mar-min-t-1 {
    margin-top: var(--n-neg-space-1);
  }
  .r-sd-mar-min-t-2 {
    margin-top: var(--n-neg-space-2);
  }
  .r-sd-mar-min-t-3 {
    margin-top: var(--n-neg-space-3);
  }
  .r-sd-mar-min-t-4 {
    margin-top: var(--n-neg-space-4);
  }
  .r-sd-mar-min-t-5 {
    margin-top: var(--n-neg-space-5);
  }
  .r-sd-mar-min-b-1 {
    margin-bottom: var(--n-neg-space-1);
  }
  .r-sd-mar-min-b-2 {
    margin-bottom: var(--n-neg-space-2);
  }
  .r-sd-mar-min-b-3 {
    margin-bottom: var(--n-neg-space-3);
  }
  .r-sd-mar-min-b-4 {
    margin-bottom: var(--n-neg-space-4);
  }
  .r-sd-mar-min-b-5 {
    margin-bottom: var(--n-neg-space-5);
  }
  .r-sd-mar-min-x-1 {
    margin-left: var(--n-neg-space-1);
    margin-right: var(--n-neg-space-1);
  }
  .r-sd-mar-min-x-2 {
    margin-left: var(--n-neg-space-2);
    margin-right: var(--n-neg-space-2);
  }
  .r-sd-mar-min-x-3 {
    margin-left: var(--n-neg-space-3);
    margin-right: var(--n-neg-space-3);
  }
  .r-sd-mar-min-x-4 {
    margin-left: var(--n-neg-space-4);
    margin-right: var(--n-neg-space-4);
  }
  .r-sd-mar-min-x-5 {
    margin-left: var(--n-neg-space-5);
    margin-right: var(--n-neg-space-5);
  }
  .r-sd-mar-min-y-1 {
    margin-top: var(--n-neg-space-1);
    margin-bottom: var(--n-neg-space-1);
  }
  .r-sd-mar-min-y-2 {
    margin-top: var(--n-neg-space-2);
    margin-bottom: var(--n-neg-space-2);
  }
  .r-sd-mar-min-y-3 {
    margin-top: var(--n-neg-space-3);
    margin-bottom: var(--n-neg-space-3);
  }
  .r-sd-mar-min-y-4 {
    margin-top: var(--n-neg-space-4);
    margin-bottom: var(--n-neg-space-4);
  }
  .r-sd-mar-min-y-5 {
    margin-top: var(--n-neg-space-5);
    margin-bottom: var(--n-neg-space-5);
  }
  .r-sd-mar-min-100 {
    margin: 100px;
  }
  .r-sd-mar-min-t-100 {
    margin-top: 100px;
  }
  .r-sd-mar-min-b-100 {
    margin-bottom: 100px;
  }
  .r-sd-mar-min-l-100 {
    margin-left: 100px;
  }
  .r-sd-mar-min-r-100 {
    margin-right: 100px;
  }
  .r-sd-mar-min-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .r-sd-mar-min-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .r-sd-mar-min-200 {
    margin: 200px;
  }
  .r-sd-mar-min-t-200 {
    margin-top: 200px;
  }
  .r-sd-mar-min-b-200 {
    margin-bottom: 200px;
  }
  .r-sd-mar-min-l-200 {
    margin-left: 200px;
  }
  .r-sd-mar-min-r-200 {
    margin-right: 200px;
  }
  .r-sd-mar-min-x-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .r-sd-mar-min-y-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .r-sd-mar-b-0 {
    margin-bottom: 0px;
  }
  .r-sd-mar-t-0 {
    margin-top: 0px;
  }
  .r-sd-mar-r-0 {
    margin-right: 0px;
  }
  .r-sd-mar-l-0 {
    margin-left: 0px;
  }
  .r-sd-mar-x-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .r-sd-mar-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .r-sd-mar-0 {
    margin: 0px;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-mar-1 {
    margin: var(--n-space-1);
  }
  .r-tab-mar-2 {
    margin: var(--n-space-2);
  }
  .r-tab-mar-3 {
    margin: var(--n-space-3);
  }
  .r-tab-mar-4 {
    margin: var(--n-space-4);
  }
  .r-tab-mar-5 {
    margin: var(--n-space-5);
  }
  .r-tab-mar-l-1 {
    margin-left: var(--n-space-1);
  }
  .r-tab-mar-l-2 {
    margin-left: var(--n-space-2);
  }
  .r-tab-mar-l-3 {
    margin-left: var(--n-space-3);
  }
  .r-tab-mar-l-4 {
    margin-left: var(--n-space-4);
  }
  .r-tab-mar-l-5 {
    margin-left: var(--n-space-5);
  }
  .r-tab-mar-r-1 {
    margin-right: var(--n-space-1);
  }
  .r-tab-mar-r-2 {
    margin-right: var(--n-space-2);
  }
  .r-tab-mar-r-3 {
    margin-right: var(--n-space-3);
  }
  .r-tab-mar-r-4 {
    margin-right: var(--n-space-4);
  }
  .r-tab-mar-r-5 {
    margin-right: var(--n-space-5);
  }
  .r-tab-mar-t-1 {
    margin-top: var(--n-space-1);
  }
  .r-tab-mar-t-2 {
    margin-top: var(--n-space-2);
  }
  .r-tab-mar-t-3 {
    margin-top: var(--n-space-3);
  }
  .r-tab-mar-t-4 {
    margin-top: var(--n-space-4);
  }
  .r-tab-mar-t-5 {
    margin-top: var(--n-space-5);
  }
  .r-tab-mar-b-1 {
    margin-bottom: var(--n-space-1);
  }
  .r-tab-mar-b-2 {
    margin-bottom: var(--n-space-2);
  }
  .r-tab-mar-b-3 {
    margin-bottom: var(--n-space-3);
  }
  .r-tab-mar-b-4 {
    margin-bottom: var(--n-space-4);
  }
  .r-tab-mar-b-5 {
    margin-bottom: var(--n-space-5);
  }
  .r-tab-mar-x-1 {
    margin-left: var(--n-space-1);
    margin-right: var(--n-space-1);
  }
  .r-tab-mar-x-2 {
    margin-left: var(--n-space-2);
    margin-right: var(--n-space-2);
  }
  .r-tab-mar-x-3 {
    margin-left: var(--n-space-3);
    margin-right: var(--n-space-3);
  }
  .r-tab-mar-x-4 {
    margin-left: var(--n-space-4);
    margin-right: var(--n-space-4);
  }
  .r-tab-mar-x-5 {
    margin-left: var(--n-space-5);
    margin-right: var(--n-space-5);
  }
  .r-tab-mar-y-1 {
    margin-top: var(--n-space-1);
    margin-bottom: var(--n-space-1);
  }
  .r-tab-mar-y-2 {
    margin-top: var(--n-space-2);
    margin-bottom: var(--n-space-2);
  }
  .r-tab-mar-y-3 {
    margin-top: var(--n-space-3);
    margin-bottom: var(--n-space-3);
  }
  .r-tab-mar-y-4 {
    margin-top: var(--n-space-4);
    margin-bottom: var(--n-space-4);
  }
  .r-tab-mar-y-5 {
    margin-top: var(--n-space-5);
    margin-bottom: var(--n-space-5);
  }
  .r-tab-mar-auto {
    margin: auto;
  }
  .r-tab-mar-t-auto {
    margin-top: auto;
  }
  .r-tab-mar-b-auto {
    margin-bottom: auto;
  }
  .r-tab-mar-l-auto {
    margin-left: auto;
  }
  .r-tab-mar-r-auto {
    margin-right: auto;
  }
  .r-tab-mar-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .r-tab-mar-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .r-tab-mar-100 {
    margin: 100px;
  }
  .r-tab-mar-t-100 {
    margin-top: 100px;
  }
  .r-tab-mar-b-100 {
    margin-bottom: 100px;
  }
  .r-tab-mar-l-100 {
    margin-left: 100px;
  }
  .r-tab-mar-r-100 {
    margin-right: 100px;
  }
  .r-tab-mar-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .r-tab-mar-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .r-tab-mar-200 {
    margin: 200px;
  }
  .r-tab-mar-t-200 {
    margin-top: 200px;
  }
  .r-tab-mar-b-200 {
    margin-bottom: 200px;
  }
  .r-tab-mar-l-200 {
    margin-left: 200px;
  }
  .r-tab-mar-r-200 {
    margin-right: 200px;
  }
  .r-tab-mar-x-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .r-tab-mar-y-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .r-tab-mar-min-1 {
    margin: var(--n-neg-space-1);
  }
  .r-tab-mar-min-2 {
    margin: var(--n-neg-space-2);
  }
  .r-tab-mar-min-3 {
    margin: var(--n-neg-space-3);
  }
  .r-tab-mar-min-4 {
    margin: var(--n-neg-space-4);
  }
  .r-tab-mar-min-5 {
    margin: var(--n-neg-space-5);
  }
  .r-tab-mar-min-l-1 {
    margin-left: var(--n-neg-space-1);
  }
  .r-tab-mar-min-l-2 {
    margin-left: var(--n-neg-space-2);
  }
  .r-tab-mar-min-l-3 {
    margin-left: var(--n-neg-space-3);
  }
  .r-tab-mar-min-l-4 {
    margin-left: var(--n-neg-space-4);
  }
  .r-tab-mar-min-l-5 {
    margin-left: var(--n-neg-space-5);
  }
  .r-tab-mar-min-r-1 {
    margin-right: var(--n-neg-space-1);
  }
  .r-tab-mar-min-r-2 {
    margin-right: var(--n-neg-space-2);
  }
  .r-tab-mar-min-r-3 {
    margin-right: var(--n-neg-space-3);
  }
  .r-tab-mar-min-r-4 {
    margin-right: var(--n-neg-space-4);
  }
  .r-tab-mar-min-r-5 {
    margin-right: var(--n-neg-space-5);
  }
  .r-tab-mar-min-t-1 {
    margin-top: var(--n-neg-space-1);
  }
  .r-tab-mar-min-t-2 {
    margin-top: var(--n-neg-space-2);
  }
  .r-tab-mar-min-t-3 {
    margin-top: var(--n-neg-space-3);
  }
  .r-tab-mar-min-t-4 {
    margin-top: var(--n-neg-space-4);
  }
  .r-tab-mar-min-t-5 {
    margin-top: var(--n-neg-space-5);
  }
  .r-tab-mar-min-b-1 {
    margin-bottom: var(--n-neg-space-1);
  }
  .r-tab-mar-min-b-2 {
    margin-bottom: var(--n-neg-space-2);
  }
  .r-tab-mar-min-b-3 {
    margin-bottom: var(--n-neg-space-3);
  }
  .r-tab-mar-min-b-4 {
    margin-bottom: var(--n-neg-space-4);
  }
  .r-tab-mar-min-b-5 {
    margin-bottom: var(--n-neg-space-5);
  }
  .r-tab-mar-min-x-1 {
    margin-left: var(--n-neg-space-1);
    margin-right: var(--n-neg-space-1);
  }
  .r-tab-mar-min-x-2 {
    margin-left: var(--n-neg-space-2);
    margin-right: var(--n-neg-space-2);
  }
  .r-tab-mar-min-x-3 {
    margin-left: var(--n-neg-space-3);
    margin-right: var(--n-neg-space-3);
  }
  .r-tab-mar-min-x-4 {
    margin-left: var(--n-neg-space-4);
    margin-right: var(--n-neg-space-4);
  }
  .r-tab-mar-min-x-5 {
    margin-left: var(--n-neg-space-5);
    margin-right: var(--n-neg-space-5);
  }
  .r-tab-mar-min-y-1 {
    margin-top: var(--n-neg-space-1);
    margin-bottom: var(--n-neg-space-1);
  }
  .r-tab-mar-min-y-2 {
    margin-top: var(--n-neg-space-2);
    margin-bottom: var(--n-neg-space-2);
  }
  .r-tab-mar-min-y-3 {
    margin-top: var(--n-neg-space-3);
    margin-bottom: var(--n-neg-space-3);
  }
  .r-tab-mar-min-y-4 {
    margin-top: var(--n-neg-space-4);
    margin-bottom: var(--n-neg-space-4);
  }
  .r-tab-mar-min-y-5 {
    margin-top: var(--n-neg-space-5);
    margin-bottom: var(--n-neg-space-5);
  }
  .r-tab-mar-min-100 {
    margin: 100px;
  }
  .r-tab-mar-min-t-100 {
    margin-top: 100px;
  }
  .r-tab-mar-min-b-100 {
    margin-bottom: 100px;
  }
  .r-tab-mar-min-l-100 {
    margin-left: 100px;
  }
  .r-tab-mar-min-r-100 {
    margin-right: 100px;
  }
  .r-tab-mar-min-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .r-tab-mar-min-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .r-tab-mar-min-200 {
    margin: 200px;
  }
  .r-tab-mar-min-t-200 {
    margin-top: 200px;
  }
  .r-tab-mar-min-b-200 {
    margin-bottom: 200px;
  }
  .r-tab-mar-min-l-200 {
    margin-left: 200px;
  }
  .r-tab-mar-min-r-200 {
    margin-right: 200px;
  }
  .r-tab-mar-min-x-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .r-tab-mar-min-y-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .r-tab-mar-b-0 {
    margin-bottom: 0px;
  }
  .r-tab-mar-t-0 {
    margin-top: 0px;
  }
  .r-tab-mar-r-0 {
    margin-right: 0px;
  }
  .r-tab-mar-l-0 {
    margin-left: 0px;
  }
  .r-tab-mar-x-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .r-tab-mar-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .r-tab-mar-0 {
    margin: 0px;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-mar-1 {
    margin: var(--n-space-1);
  }
  .r-lm-mar-2 {
    margin: var(--n-space-2);
  }
  .r-lm-mar-3 {
    margin: var(--n-space-3);
  }
  .r-lm-mar-4 {
    margin: var(--n-space-4);
  }
  .r-lm-mar-5 {
    margin: var(--n-space-5);
  }
  .r-lm-mar-l-1 {
    margin-left: var(--n-space-1);
  }
  .r-lm-mar-l-2 {
    margin-left: var(--n-space-2);
  }
  .r-lm-mar-l-3 {
    margin-left: var(--n-space-3);
  }
  .r-lm-mar-l-4 {
    margin-left: var(--n-space-4);
  }
  .r-lm-mar-l-5 {
    margin-left: var(--n-space-5);
  }
  .r-lm-mar-r-1 {
    margin-right: var(--n-space-1);
  }
  .r-lm-mar-r-2 {
    margin-right: var(--n-space-2);
  }
  .r-lm-mar-r-3 {
    margin-right: var(--n-space-3);
  }
  .r-lm-mar-r-4 {
    margin-right: var(--n-space-4);
  }
  .r-lm-mar-r-5 {
    margin-right: var(--n-space-5);
  }
  .r-lm-mar-t-1 {
    margin-top: var(--n-space-1);
  }
  .r-lm-mar-t-2 {
    margin-top: var(--n-space-2);
  }
  .r-lm-mar-t-3 {
    margin-top: var(--n-space-3);
  }
  .r-lm-mar-t-4 {
    margin-top: var(--n-space-4);
  }
  .r-lm-mar-t-5 {
    margin-top: var(--n-space-5);
  }
  .r-lm-mar-b-1 {
    margin-bottom: var(--n-space-1);
  }
  .r-lm-mar-b-2 {
    margin-bottom: var(--n-space-2);
  }
  .r-lm-mar-b-3 {
    margin-bottom: var(--n-space-3);
  }
  .r-lm-mar-b-4 {
    margin-bottom: var(--n-space-4);
  }
  .r-lm-mar-b-5 {
    margin-bottom: var(--n-space-5);
  }
  .r-lm-mar-x-1 {
    margin-left: var(--n-space-1);
    margin-right: var(--n-space-1);
  }
  .r-lm-mar-x-2 {
    margin-left: var(--n-space-2);
    margin-right: var(--n-space-2);
  }
  .r-lm-mar-x-3 {
    margin-left: var(--n-space-3);
    margin-right: var(--n-space-3);
  }
  .r-lm-mar-x-4 {
    margin-left: var(--n-space-4);
    margin-right: var(--n-space-4);
  }
  .r-lm-mar-x-5 {
    margin-left: var(--n-space-5);
    margin-right: var(--n-space-5);
  }
  .r-lm-mar-y-1 {
    margin-top: var(--n-space-1);
    margin-bottom: var(--n-space-1);
  }
  .r-lm-mar-y-2 {
    margin-top: var(--n-space-2);
    margin-bottom: var(--n-space-2);
  }
  .r-lm-mar-y-3 {
    margin-top: var(--n-space-3);
    margin-bottom: var(--n-space-3);
  }
  .r-lm-mar-y-4 {
    margin-top: var(--n-space-4);
    margin-bottom: var(--n-space-4);
  }
  .r-lm-mar-y-5 {
    margin-top: var(--n-space-5);
    margin-bottom: var(--n-space-5);
  }
  .r-lm-mar-auto {
    margin: auto;
  }
  .r-lm-mar-t-auto {
    margin-top: auto;
  }
  .r-lm-mar-b-auto {
    margin-bottom: auto;
  }
  .r-lm-mar-l-auto {
    margin-left: auto;
  }
  .r-lm-mar-r-auto {
    margin-right: auto;
  }
  .r-lm-mar-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .r-lm-mar-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .r-lm-mar-100 {
    margin: 100px;
  }
  .r-lm-mar-t-100 {
    margin-top: 100px;
  }
  .r-lm-mar-b-100 {
    margin-bottom: 100px;
  }
  .r-lm-mar-l-100 {
    margin-left: 100px;
  }
  .r-lm-mar-r-100 {
    margin-right: 100px;
  }
  .r-lm-mar-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .r-lm-mar-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .r-lm-mar-200 {
    margin: 200px;
  }
  .r-lm-mar-t-200 {
    margin-top: 200px;
  }
  .r-lm-mar-b-200 {
    margin-bottom: 200px;
  }
  .r-lm-mar-l-200 {
    margin-left: 200px;
  }
  .r-lm-mar-r-200 {
    margin-right: 200px;
  }
  .r-lm-mar-x-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .r-lm-mar-y-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .r-lm-mar-min-1 {
    margin: var(--n-neg-space-1);
  }
  .r-lm-mar-min-2 {
    margin: var(--n-neg-space-2);
  }
  .r-lm-mar-min-3 {
    margin: var(--n-neg-space-3);
  }
  .r-lm-mar-min-4 {
    margin: var(--n-neg-space-4);
  }
  .r-lm-mar-min-5 {
    margin: var(--n-neg-space-5);
  }
  .r-lm-mar-min-l-1 {
    margin-left: var(--n-neg-space-1);
  }
  .r-lm-mar-min-l-2 {
    margin-left: var(--n-neg-space-2);
  }
  .r-lm-mar-min-l-3 {
    margin-left: var(--n-neg-space-3);
  }
  .r-lm-mar-min-l-4 {
    margin-left: var(--n-neg-space-4);
  }
  .r-lm-mar-min-l-5 {
    margin-left: var(--n-neg-space-5);
  }
  .r-lm-mar-min-r-1 {
    margin-right: var(--n-neg-space-1);
  }
  .r-lm-mar-min-r-2 {
    margin-right: var(--n-neg-space-2);
  }
  .r-lm-mar-min-r-3 {
    margin-right: var(--n-neg-space-3);
  }
  .r-lm-mar-min-r-4 {
    margin-right: var(--n-neg-space-4);
  }
  .r-lm-mar-min-r-5 {
    margin-right: var(--n-neg-space-5);
  }
  .r-lm-mar-min-t-1 {
    margin-top: var(--n-neg-space-1);
  }
  .r-lm-mar-min-t-2 {
    margin-top: var(--n-neg-space-2);
  }
  .r-lm-mar-min-t-3 {
    margin-top: var(--n-neg-space-3);
  }
  .r-lm-mar-min-t-4 {
    margin-top: var(--n-neg-space-4);
  }
  .r-lm-mar-min-t-5 {
    margin-top: var(--n-neg-space-5);
  }
  .r-lm-mar-min-b-1 {
    margin-bottom: var(--n-neg-space-1);
  }
  .r-lm-mar-min-b-2 {
    margin-bottom: var(--n-neg-space-2);
  }
  .r-lm-mar-min-b-3 {
    margin-bottom: var(--n-neg-space-3);
  }
  .r-lm-mar-min-b-4 {
    margin-bottom: var(--n-neg-space-4);
  }
  .r-lm-mar-min-b-5 {
    margin-bottom: var(--n-neg-space-5);
  }
  .r-lm-mar-min-x-1 {
    margin-left: var(--n-neg-space-1);
    margin-right: var(--n-neg-space-1);
  }
  .r-lm-mar-min-x-2 {
    margin-left: var(--n-neg-space-2);
    margin-right: var(--n-neg-space-2);
  }
  .r-lm-mar-min-x-3 {
    margin-left: var(--n-neg-space-3);
    margin-right: var(--n-neg-space-3);
  }
  .r-lm-mar-min-x-4 {
    margin-left: var(--n-neg-space-4);
    margin-right: var(--n-neg-space-4);
  }
  .r-lm-mar-min-x-5 {
    margin-left: var(--n-neg-space-5);
    margin-right: var(--n-neg-space-5);
  }
  .r-lm-mar-min-y-1 {
    margin-top: var(--n-neg-space-1);
    margin-bottom: var(--n-neg-space-1);
  }
  .r-lm-mar-min-y-2 {
    margin-top: var(--n-neg-space-2);
    margin-bottom: var(--n-neg-space-2);
  }
  .r-lm-mar-min-y-3 {
    margin-top: var(--n-neg-space-3);
    margin-bottom: var(--n-neg-space-3);
  }
  .r-lm-mar-min-y-4 {
    margin-top: var(--n-neg-space-4);
    margin-bottom: var(--n-neg-space-4);
  }
  .r-lm-mar-min-y-5 {
    margin-top: var(--n-neg-space-5);
    margin-bottom: var(--n-neg-space-5);
  }
  .r-lm-mar-min-100 {
    margin: 100px;
  }
  .r-lm-mar-min-t-100 {
    margin-top: 100px;
  }
  .r-lm-mar-min-b-100 {
    margin-bottom: 100px;
  }
  .r-lm-mar-min-l-100 {
    margin-left: 100px;
  }
  .r-lm-mar-min-r-100 {
    margin-right: 100px;
  }
  .r-lm-mar-min-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .r-lm-mar-min-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .r-lm-mar-min-200 {
    margin: 200px;
  }
  .r-lm-mar-min-t-200 {
    margin-top: 200px;
  }
  .r-lm-mar-min-b-200 {
    margin-bottom: 200px;
  }
  .r-lm-mar-min-l-200 {
    margin-left: 200px;
  }
  .r-lm-mar-min-r-200 {
    margin-right: 200px;
  }
  .r-lm-mar-min-x-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .r-lm-mar-min-y-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .r-lm-mar-b-0 {
    margin-bottom: 0px;
  }
  .r-lm-mar-t-0 {
    margin-top: 0px;
  }
  .r-lm-mar-r-0 {
    margin-right: 0px;
  }
  .r-lm-mar-l-0 {
    margin-left: 0px;
  }
  .r-lm-mar-x-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .r-lm-mar-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .r-lm-mar-0 {
    margin: 0px;
  }
}
/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-mar-1 {
    margin: var(--n-space-1);
  }
  .r-sd-mar-2 {
    margin: var(--n-space-2);
  }
  .r-sd-mar-3 {
    margin: var(--n-space-3);
  }
  .r-sd-mar-4 {
    margin: var(--n-space-4);
  }
  .r-sd-mar-5 {
    margin: var(--n-space-5);
  }
  .r-sd-mar-l-1 {
    margin-left: var(--n-space-1);
  }
  .r-sd-mar-l-2 {
    margin-left: var(--n-space-2);
  }
  .r-sd-mar-l-3 {
    margin-left: var(--n-space-3);
  }
  .r-sd-mar-l-4 {
    margin-left: var(--n-space-4);
  }
  .r-sd-mar-l-5 {
    margin-left: var(--n-space-5);
  }
  .r-sd-mar-r-1 {
    margin-right: var(--n-space-1);
  }
  .r-sd-mar-r-2 {
    margin-right: var(--n-space-2);
  }
  .r-sd-mar-r-3 {
    margin-right: var(--n-space-3);
  }
  .r-sd-mar-r-4 {
    margin-right: var(--n-space-4);
  }
  .r-sd-mar-r-5 {
    margin-right: var(--n-space-5);
  }
  .r-sd-mar-t-1 {
    margin-top: var(--n-space-1);
  }
  .r-sd-mar-t-2 {
    margin-top: var(--n-space-2);
  }
  .r-sd-mar-t-3 {
    margin-top: var(--n-space-3);
  }
  .r-sd-mar-t-4 {
    margin-top: var(--n-space-4);
  }
  .r-sd-mar-t-5 {
    margin-top: var(--n-space-5);
  }
  .r-sd-mar-b-1 {
    margin-bottom: var(--n-space-1);
  }
  .r-sd-mar-b-2 {
    margin-bottom: var(--n-space-2);
  }
  .r-sd-mar-b-3 {
    margin-bottom: var(--n-space-3);
  }
  .r-sd-mar-b-4 {
    margin-bottom: var(--n-space-4);
  }
  .r-sd-mar-b-5 {
    margin-bottom: var(--n-space-5);
  }
  .r-sd-mar-x-1 {
    margin-left: var(--n-space-1);
    margin-right: var(--n-space-1);
  }
  .r-sd-mar-x-2 {
    margin-left: var(--n-space-2);
    margin-right: var(--n-space-2);
  }
  .r-sd-mar-x-3 {
    margin-left: var(--n-space-3);
    margin-right: var(--n-space-3);
  }
  .r-sd-mar-x-4 {
    margin-left: var(--n-space-4);
    margin-right: var(--n-space-4);
  }
  .r-sd-mar-x-5 {
    margin-left: var(--n-space-5);
    margin-right: var(--n-space-5);
  }
  .r-sd-mar-y-1 {
    margin-top: var(--n-space-1);
    margin-bottom: var(--n-space-1);
  }
  .r-sd-mar-y-2 {
    margin-top: var(--n-space-2);
    margin-bottom: var(--n-space-2);
  }
  .r-sd-mar-y-3 {
    margin-top: var(--n-space-3);
    margin-bottom: var(--n-space-3);
  }
  .r-sd-mar-y-4 {
    margin-top: var(--n-space-4);
    margin-bottom: var(--n-space-4);
  }
  .r-sd-mar-y-5 {
    margin-top: var(--n-space-5);
    margin-bottom: var(--n-space-5);
  }
  .r-sd-mar-auto {
    margin: auto;
  }
  .r-sd-mar-t-auto {
    margin-top: auto;
  }
  .r-sd-mar-b-auto {
    margin-bottom: auto;
  }
  .r-sd-mar-l-auto {
    margin-left: auto;
  }
  .r-sd-mar-r-auto {
    margin-right: auto;
  }
  .r-sd-mar-x-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .r-sd-mar-y-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .r-sd-mar-100 {
    margin: 100px;
  }
  .r-sd-mar-t-100 {
    margin-top: 100px;
  }
  .r-sd-mar-b-100 {
    margin-bottom: 100px;
  }
  .r-sd-mar-l-100 {
    margin-left: 100px;
  }
  .r-sd-mar-r-100 {
    margin-right: 100px;
  }
  .r-sd-mar-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .r-sd-mar-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .r-sd-mar-200 {
    margin: 200px;
  }
  .r-sd-mar-t-200 {
    margin-top: 200px;
  }
  .r-sd-mar-b-200 {
    margin-bottom: 200px;
  }
  .r-sd-mar-l-200 {
    margin-left: 200px;
  }
  .r-sd-mar-r-200 {
    margin-right: 200px;
  }
  .r-sd-mar-x-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .r-sd-mar-y-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .r-sd-mar-min-1 {
    margin: var(--n-neg-space-1);
  }
  .r-sd-mar-min-2 {
    margin: var(--n-neg-space-2);
  }
  .r-sd-mar-min-3 {
    margin: var(--n-neg-space-3);
  }
  .r-sd-mar-min-4 {
    margin: var(--n-neg-space-4);
  }
  .r-sd-mar-min-5 {
    margin: var(--n-neg-space-5);
  }
  .r-sd-mar-min-l-1 {
    margin-left: var(--n-neg-space-1);
  }
  .r-sd-mar-min-l-2 {
    margin-left: var(--n-neg-space-2);
  }
  .r-sd-mar-min-l-3 {
    margin-left: var(--n-neg-space-3);
  }
  .r-sd-mar-min-l-4 {
    margin-left: var(--n-neg-space-4);
  }
  .r-sd-mar-min-l-5 {
    margin-left: var(--n-neg-space-5);
  }
  .r-sd-mar-min-r-1 {
    margin-right: var(--n-neg-space-1);
  }
  .r-sd-mar-min-r-2 {
    margin-right: var(--n-neg-space-2);
  }
  .r-sd-mar-min-r-3 {
    margin-right: var(--n-neg-space-3);
  }
  .r-sd-mar-min-r-4 {
    margin-right: var(--n-neg-space-4);
  }
  .r-sd-mar-min-r-5 {
    margin-right: var(--n-neg-space-5);
  }
  .r-sd-mar-min-t-1 {
    margin-top: var(--n-neg-space-1);
  }
  .r-sd-mar-min-t-2 {
    margin-top: var(--n-neg-space-2);
  }
  .r-sd-mar-min-t-3 {
    margin-top: var(--n-neg-space-3);
  }
  .r-sd-mar-min-t-4 {
    margin-top: var(--n-neg-space-4);
  }
  .r-sd-mar-min-t-5 {
    margin-top: var(--n-neg-space-5);
  }
  .r-sd-mar-min-b-1 {
    margin-bottom: var(--n-neg-space-1);
  }
  .r-sd-mar-min-b-2 {
    margin-bottom: var(--n-neg-space-2);
  }
  .r-sd-mar-min-b-3 {
    margin-bottom: var(--n-neg-space-3);
  }
  .r-sd-mar-min-b-4 {
    margin-bottom: var(--n-neg-space-4);
  }
  .r-sd-mar-min-b-5 {
    margin-bottom: var(--n-neg-space-5);
  }
  .r-sd-mar-min-x-1 {
    margin-left: var(--n-neg-space-1);
    margin-right: var(--n-neg-space-1);
  }
  .r-sd-mar-min-x-2 {
    margin-left: var(--n-neg-space-2);
    margin-right: var(--n-neg-space-2);
  }
  .r-sd-mar-min-x-3 {
    margin-left: var(--n-neg-space-3);
    margin-right: var(--n-neg-space-3);
  }
  .r-sd-mar-min-x-4 {
    margin-left: var(--n-neg-space-4);
    margin-right: var(--n-neg-space-4);
  }
  .r-sd-mar-min-x-5 {
    margin-left: var(--n-neg-space-5);
    margin-right: var(--n-neg-space-5);
  }
  .r-sd-mar-min-y-1 {
    margin-top: var(--n-neg-space-1);
    margin-bottom: var(--n-neg-space-1);
  }
  .r-sd-mar-min-y-2 {
    margin-top: var(--n-neg-space-2);
    margin-bottom: var(--n-neg-space-2);
  }
  .r-sd-mar-min-y-3 {
    margin-top: var(--n-neg-space-3);
    margin-bottom: var(--n-neg-space-3);
  }
  .r-sd-mar-min-y-4 {
    margin-top: var(--n-neg-space-4);
    margin-bottom: var(--n-neg-space-4);
  }
  .r-sd-mar-min-y-5 {
    margin-top: var(--n-neg-space-5);
    margin-bottom: var(--n-neg-space-5);
  }
  .r-sd-mar-min-100 {
    margin: 100px;
  }
  .r-sd-mar-min-t-100 {
    margin-top: 100px;
  }
  .r-sd-mar-min-b-100 {
    margin-bottom: 100px;
  }
  .r-sd-mar-min-l-100 {
    margin-left: 100px;
  }
  .r-sd-mar-min-r-100 {
    margin-right: 100px;
  }
  .r-sd-mar-min-x-100 {
    margin-left: 100px;
    margin-right: 100px;
  }
  .r-sd-mar-min-y-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  .r-sd-mar-min-200 {
    margin: 200px;
  }
  .r-sd-mar-min-t-200 {
    margin-top: 200px;
  }
  .r-sd-mar-min-b-200 {
    margin-bottom: 200px;
  }
  .r-sd-mar-min-l-200 {
    margin-left: 200px;
  }
  .r-sd-mar-min-r-200 {
    margin-right: 200px;
  }
  .r-sd-mar-min-x-200 {
    margin-left: 200px;
    margin-right: 200px;
  }
  .r-sd-mar-min-y-200 {
    margin-top: 200px;
    margin-bottom: 200px;
  }
  .r-sd-mar-b-0 {
    margin-bottom: 0px;
  }
  .r-sd-mar-t-0 {
    margin-top: 0px;
  }
  .r-sd-mar-r-0 {
    margin-right: 0px;
  }
  .r-sd-mar-l-0 {
    margin-left: 0px;
  }
  .r-sd-mar-x-0 {
    margin-right: 0px;
    margin-left: 0px;
  }
  .r-sd-mar-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .r-sd-mar-0 {
    margin: 0px;
  }
}
/* ////////////////////////////////// */
/*      SHADOW                         */
/* ////////////////////////////////// */
.r-shadow-s {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
}

.r-shadow-m {
  box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
}

.r-shadow-l {
  box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
}

.r-hov-shadow-s,
.r-hov-shadow-m,
.r-hov-shadow-l {
  transition: 0.3s;
}

.r-hov-shadow-s:hover {
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
}

.r-hov-shadow-m:hover {
  box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
}

.r-hov-shadow-l:hover {
  box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-shadow-s {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
  }
  .r-sd-shadow-m {
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
  }
  .r-sd-shadow-l {
    box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
  }
  .r-sd-hov-shadow-s,
.r-sd-hov-shadow-m,
.r-sd-hov-shadow-l {
    transition: 0.3s;
  }
  .r-sd-hov-shadow-s:hover {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
  }
  .r-sd-hov-shadow-m:hover {
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
  }
  .r-sd-hov-shadow-l:hover {
    box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-shadow-s {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
  }
  .r-ld-shadow-m {
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
  }
  .r-ld-shadow-l {
    box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
  }
  .r-ld-hov-shadow-s,
.r-ld-hov-shadow-m,
.r-ld-hov-shadow-l {
    transition: 0.3s;
  }
  .r-ld-hov-shadow-s:hover {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
  }
  .r-ld-hov-shadow-m:hover {
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
  }
  .r-ld-hov-shadow-l:hover {
    box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-shadow-s {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
  }
  .r-tab-shadow-m {
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
  }
  .r-tab-shadow-l {
    box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
  }
  .r-tab-hov-shadow-s,
.r-tab-hov-shadow-m,
.r-tab-hov-shadow-l {
    transition: 0.3s;
  }
  .r-tab-hov-shadow-s:hover {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
  }
  .r-tab-hov-shadow-m:hover {
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
  }
  .r-tab-hov-shadow-l:hover {
    box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-shadow-s {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
  }
  .r-lm-shadow-m {
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
  }
  .r-lm-shadow-l {
    box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
  }
  .r-lm-hov-shadow-s,
.r-lm-hov-shadow-m,
.r-lm-hov-shadow-l {
    transition: 0.3s;
  }
  .r-lm-hov-shadow-s:hover {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
  }
  .r-lm-hov-shadow-m:hover {
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
  }
  .r-lm-hov-shadow-l:hover {
    box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-shadow-s {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
  }
  .r-sm-shadow-m {
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
  }
  .r-sm-shadow-l {
    box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
  }
  .r-sm-hov-shadow-s,
.r-sm-hov-shadow-m,
.r-sm-hov-shadow-l {
    transition: 0.3s;
  }
  .r-sm-hov-shadow-s:hover {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.0823529412);
  }
  .r-sm-hov-shadow-m:hover {
    box-shadow: 3px 3px 25px rgba(0, 0, 0, 0.0823529412);
  }
  .r-sm-hov-shadow-l:hover {
    box-shadow: 3px 3px 60px rgba(0, 0, 0, 0.0823529412);
  }
}
/* ////////////////////////////////// */
/*      DISPLAY                       */
/* ////////////////////////////////// */
.r-d-none {
  display: none;
}

.r-d-inline {
  display: inline;
}

.r-d-inline-block {
  display: inline-block;
}

.r-d-block {
  display: block;
}

.r-d-grid {
  display: grid;
}

.r-d-table {
  display: table;
}

.r-d-table-cell {
  display: none;
}

.r-d-table-row {
  display: table-row;
}

.r-d-flex {
  display: flex;
}

.r-d-inline-flex {
  display: inline-flex;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-d-none {
    display: none;
  }
  .r-sd-d-inline {
    display: inline;
  }
  .r-sd-d-inline-block {
    display: inline-block;
  }
  .r-sd-d-block {
    display: block;
  }
  .r-sd-d-grid {
    display: grid;
  }
  .r-sd-d-table {
    display: table;
  }
  .r-sd-d-table-cell {
    display: none;
  }
  .r-sd-d-table-row {
    display: table-row;
  }
  .r-sd-d-flex {
    display: flex;
  }
  .r-sd-d-inline-flex {
    display: inline-flex;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-d-none {
    display: none;
  }
  .r-ld-d-inline {
    display: inline;
  }
  .r-ld-d-inline-block {
    display: inline-block;
  }
  .r-ld-d-block {
    display: block;
  }
  .r-ld-d-grid {
    display: grid;
  }
  .r-ld-d-table {
    display: table;
  }
  .r-ld-d-table-cell {
    display: none;
  }
  .r-ld-d-table-row {
    display: table-row;
  }
  .r-ld-d-flex {
    display: flex;
  }
  .r-ld-d-inline-flex {
    display: inline-flex;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-d-none {
    display: none;
  }
  .r-tab-d-inline {
    display: inline;
  }
  .r-tab-d-inline-block {
    display: inline-block;
  }
  .r-tab-d-block {
    display: block;
  }
  .r-tab-d-grid {
    display: grid;
  }
  .r-tab-d-table {
    display: table;
  }
  .r-tab-d-table-cell {
    display: none;
  }
  .r-tab-d-table-row {
    display: table-row;
  }
  .r-tab-d-flex {
    display: flex;
  }
  .r-tab-d-inline-flex {
    display: inline-flex;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-d-none {
    display: none;
  }
  .r-lm-d-inline {
    display: inline;
  }
  .r-lm-d-inline-block {
    display: inline-block;
  }
  .r-lm-d-block {
    display: block;
  }
  .r-lm-d-grid {
    display: grid;
  }
  .r-lm-d-table {
    display: table;
  }
  .r-lm-d-table-cell {
    display: none;
  }
  .r-lm-d-table-row {
    display: table-row;
  }
  .r-lm-d-flex {
    display: flex;
  }
  .r-lm-d-inline-flex {
    display: inline-flex;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-d-none {
    display: none;
  }
  .r-sm-d-inline {
    display: inline;
  }
  .r-sm-d-inline-block {
    display: inline-block;
  }
  .r-sm-d-block {
    display: block;
  }
  .r-sm-d-grid {
    display: grid;
  }
  .r-sm-d-table {
    display: table;
  }
  .r-sm-d-table-cell {
    display: none;
  }
  .r-sm-d-table-row {
    display: table-row;
  }
  .r-sm-d-flex {
    display: flex;
  }
  .r-sm-d-inline-flex {
    display: inline-flex;
  }
}
/* ////////////////////////////////// */
/*      FLEX                          */
/* ////////////////////////////////// */
.r-flex-row {
  flex-direction: row;
}

.r-flex-column {
  flex-direction: column;
}

.r-flex-row-reverse {
  flex-direction: row-reverse;
}

.r-flex-column-reverse {
  flex-direction: column-reverse;
}

.r-flex-grow-0 {
  flex-grow: 0;
}

.r-flex-grow-1 {
  flex-grow: 1;
}

.r-flex-shrink-0 {
  flex-shrink: 0;
}

.r-flex-shrink-1 {
  flex-shrink: 1;
}

.r-flex-wrap {
  flex-wrap: wrap;
}

.r-flex-nowrap {
  flex-wrap: nowrap;
}

.r-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.r-flex-expand {
  flex: 1;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-flex-row {
    flex-direction: row;
  }
  .r-sd-flex-column {
    flex-direction: column;
  }
  .r-sd-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .r-sd-flex-column-reverse {
    flex-direction: column-reverse;
  }
  .r-sd-flex-grow-0 {
    flex-grow: 0;
  }
  .r-sd-flex-grow-1 {
    flex-grow: 1;
  }
  .r-sd-flex-shrink-0 {
    flex-shrink: 0;
  }
  .r-sd-flex-shrink-1 {
    flex-shrink: 1;
  }
  .r-sd-flex-wrap {
    flex-wrap: wrap;
  }
  .r-sd-flex-nowrap {
    flex-wrap: nowrap;
  }
  .r-sd-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .r-sd-flex-expand {
    flex: 1;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-flex-row {
    flex-direction: row;
  }
  .r-ld-flex-column {
    flex-direction: column;
  }
  .r-ld-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .r-ld-flex-column-reverse {
    flex-direction: column-reverse;
  }
  .r-ld-flex-grow-0 {
    flex-grow: 0;
  }
  .r-ld-flex-grow-1 {
    flex-grow: 1;
  }
  .r-ld-flex-shrink-0 {
    flex-shrink: 0;
  }
  .r-ld-flex-shrink-1 {
    flex-shrink: 1;
  }
  .r-ld-flex-wrap {
    flex-wrap: wrap;
  }
  .r-ld-flex-nowrap {
    flex-wrap: nowrap;
  }
  .r-ld-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .r-ld-flex-expand {
    flex: 1;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-flex-row {
    flex-direction: row;
  }
  .r-tab-flex-column {
    flex-direction: column;
  }
  .r-tab-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .r-tab-flex-column-reverse {
    flex-direction: column-reverse;
  }
  .r-tab-flex-grow-0 {
    flex-grow: 0;
  }
  .r-tab-flex-grow-1 {
    flex-grow: 1;
  }
  .r-tab-flex-shrink-0 {
    flex-shrink: 0;
  }
  .r-tab-flex-shrink-1 {
    flex-shrink: 1;
  }
  .r-tab-flex-wrap {
    flex-wrap: wrap;
  }
  .r-tab-flex-nowrap {
    flex-wrap: nowrap;
  }
  .r-tab-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .r-tab-flex-expand {
    flex: 1;
  }
}
/* Large Desktop */
@media (max-width: 767px) {
  .r-lm-flex-row {
    flex-direction: row;
  }
  .r-lm-flex-column {
    flex-direction: column;
  }
  .r-lm-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .r-lm-flex-column-reverse {
    flex-direction: column-reverse;
  }
  .r-lm-flex-grow-0 {
    flex-grow: 0;
  }
  .r-lm-flex-grow-1 {
    flex-grow: 1;
  }
  .r-lm-flex-shrink-0 {
    flex-shrink: 0;
  }
  .r-lm-flex-shrink-1 {
    flex-shrink: 1;
  }
  .r-lm-flex-wrap {
    flex-wrap: wrap;
  }
  .r-lm-flex-nowrap {
    flex-wrap: nowrap;
  }
  .r-lm-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .r-lm-flex-expand {
    flex: 1;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-flex-row {
    flex-direction: row;
  }
  .r-sm-flex-column {
    flex-direction: column;
  }
  .r-sm-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .r-sm-flex-column-reverse {
    flex-direction: column-reverse;
  }
  .r-sm-flex-grow-0 {
    flex-grow: 0;
  }
  .r-sm-flex-grow-1 {
    flex-grow: 1;
  }
  .r-sm-flex-shrink-0 {
    flex-shrink: 0;
  }
  .r-sm-flex-shrink-1 {
    flex-shrink: 1;
  }
  .r-sm-flex-wrap {
    flex-wrap: wrap;
  }
  .r-sm-flex-nowrap {
    flex-wrap: nowrap;
  }
  .r-sm-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .r-sm-flex-expand {
    flex: 1;
  }
}
/* ////////////////////////////////// */
/*      GAP                           */
/* ////////////////////////////////// */
.r-gap-0 {
  gap: 0;
}

.r-gap-1 {
  gap: 5px;
}

.r-gap-2 {
  gap: 10px;
}

.r-gap-3 {
  gap: 15px;
}

.r-gap-4 {
  gap: 20px;
}

.r-gap-5 {
  gap: 25px;
}

.r-gap-6 {
  gap: 30px;
}

.r-gap-large {
  gap: 50px;
}

.r-gap-larger {
  gap: 100px;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-gap-0 {
    gap: 0;
  }
  .r-sd-gap-1 {
    gap: 5px;
  }
  .r-sd-gap-2 {
    gap: 10px;
  }
  .r-sd-gap-3 {
    gap: 15px;
  }
  .r-sd-gap-4 {
    gap: 20px;
  }
  .r-sd-gap-5 {
    gap: 25px;
  }
  .r-sd-gap-6 {
    gap: 30px;
  }
  .r-sd-gap-large {
    gap: 50px;
  }
  .r-sd-gap-larger {
    gap: 100px;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-gap-0 {
    gap: 0;
  }
  .r-ld-gap-1 {
    gap: 5px;
  }
  .r-ld-gap-2 {
    gap: 10px;
  }
  .r-ld-gap-3 {
    gap: 15px;
  }
  .r-ld-gap-4 {
    gap: 20px;
  }
  .r-ld-gap-5 {
    gap: 25px;
  }
  .r-ld-gap-6 {
    gap: 30px;
  }
  .r-ld-gap-large {
    gap: 50px;
  }
  .r-ld-gap-larger {
    gap: 100px;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-gap-0 {
    gap: 0;
  }
  .r-tab-gap-1 {
    gap: 5px;
  }
  .r-tab-gap-2 {
    gap: 10px;
  }
  .r-tab-gap-3 {
    gap: 15px;
  }
  .r-tab-gap-4 {
    gap: 20px;
  }
  .r-tab-gap-5 {
    gap: 25px;
  }
  .r-tab-gap-6 {
    gap: 30px;
  }
  .r-tab-gap-large {
    gap: 50px;
  }
  .r-tab-gap-larger {
    gap: 100px;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-gap-0 {
    gap: 0;
  }
  .r-lm-gap-1 {
    gap: 5px;
  }
  .r-lm-gap-2 {
    gap: 10px;
  }
  .r-lm-gap-3 {
    gap: 15px;
  }
  .r-lm-gap-4 {
    gap: 20px;
  }
  .r-lm-gap-5 {
    gap: 25px;
  }
  .r-lm-gap-6 {
    gap: 30px;
  }
  .r-lm-gap-large {
    gap: 50px;
  }
  .r-lm-gap-larger {
    gap: 100px;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-gap-0 {
    gap: 0;
  }
  .r-sm-gap-1 {
    gap: 5px;
  }
  .r-sm-gap-2 {
    gap: 10px;
  }
  .r-sm-gap-3 {
    gap: 15px;
  }
  .r-sm-gap-4 {
    gap: 20px;
  }
  .r-sm-gap-5 {
    gap: 25px;
  }
  .r-sm-gap-6 {
    gap: 30px;
  }
  .r-sm-gap-large {
    gap: 50px;
  }
  .r-sm-gap-larger {
    gap: 100px;
  }
}
/* ////////////////////////////////// */
/*      JUSTIFY                       */
/* ////////////////////////////////// */
.r-justify-content-start {
  justify-content: flex-start;
}

.r-justify-content-end {
  justify-content: flex-end;
}

.r-justify-content-center {
  justify-content: center;
}

.r-justify-content-between {
  justify-content: space-between;
}

.r-justify-content-around {
  justify-content: space-around;
}

.r-justify-content-evenly {
  justify-content: space-evenly;
}

.r-justify-items-start {
  justify-items: flex-start;
}

.r-justify-items-end {
  justify-items: flex-end;
}

.r-justify-items-center {
  justify-items: center;
}

.r-justify-items-stretch {
  justify-items: stretch;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-justify-content-start {
    justify-content: flex-start;
  }
  .r-sd-justify-content-end {
    justify-content: flex-end;
  }
  .r-sd-justify-content-center {
    justify-content: center;
  }
  .r-sd-justify-content-between {
    justify-content: space-between;
  }
  .r-sd-justify-content-around {
    justify-content: space-around;
  }
  .r-sd-justify-content-evenly {
    justify-content: space-evenly;
  }
  .r-sd-justify-items-start {
    justify-items: flex-start;
  }
  .r-sd-justify-items-end {
    justify-items: flex-end;
  }
  .r-sd-justify-items-center {
    justify-items: center;
  }
  .r-sd-justify-items-stretch {
    justify-items: stretch;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-justify-content-start {
    justify-content: flex-start;
  }
  .r-ld-justify-content-end {
    justify-content: flex-end;
  }
  .r-ld-justify-content-center {
    justify-content: center;
  }
  .r-ld-justify-content-between {
    justify-content: space-between;
  }
  .r-ld-justify-content-around {
    justify-content: space-around;
  }
  .r-ld-justify-content-evenly {
    justify-content: space-evenly;
  }
  .r-ld-justify-items-start {
    justify-items: flex-start;
  }
  .r-ld-justify-items-end {
    justify-items: flex-end;
  }
  .r-ld-justify-items-center {
    justify-items: center;
  }
  .r-ld-justify-items-stretch {
    justify-items: stretch;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-justify-content-start {
    justify-content: flex-start;
  }
  .r-tab-justify-content-end {
    justify-content: flex-end;
  }
  .r-tab-justify-content-center {
    justify-content: center;
  }
  .r-tab-justify-content-between {
    justify-content: space-between;
  }
  .r-tab-justify-content-around {
    justify-content: space-around;
  }
  .r-tab-justify-content-evenly {
    justify-content: space-evenly;
  }
  .r-tab-justify-items-start {
    justify-items: flex-start;
  }
  .r-tab-justify-items-end {
    justify-items: flex-end;
  }
  .r-tab-justify-items-center {
    justify-items: center;
  }
  .r-tab-justify-items-stretch {
    justify-items: stretch;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-justify-content-start {
    justify-content: flex-start;
  }
  .r-lm-justify-content-end {
    justify-content: flex-end;
  }
  .r-lm-justify-content-center {
    justify-content: center;
  }
  .r-lm-justify-content-between {
    justify-content: space-between;
  }
  .r-lm-justify-content-around {
    justify-content: space-around;
  }
  .r-lm-justify-content-evenly {
    justify-content: space-evenly;
  }
  .r-lm-justify-items-start {
    justify-items: flex-start;
  }
  .r-lm-justify-items-end {
    justify-items: flex-end;
  }
  .r-lm-justify-items-center {
    justify-items: center;
  }
  .r-lm-justify-items-stretch {
    justify-items: stretch;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-justify-content-start {
    justify-content: flex-start;
  }
  .r-sm-justify-content-end {
    justify-content: flex-end;
  }
  .r-sm-justify-content-center {
    justify-content: center;
  }
  .r-sm-justify-content-between {
    justify-content: space-between;
  }
  .r-sm-justify-content-around {
    justify-content: space-around;
  }
  .r-sm-justify-content-evenly {
    justify-content: space-evenly;
  }
  .r-sm-justify-items-start {
    justify-items: flex-start;
  }
  .r-sm-justify-items-end {
    justify-items: flex-end;
  }
  .r-sm-justify-items-center {
    justify-items: center;
  }
  .r-sm-justify-items-stretch {
    justify-items: stretch;
  }
}
/* ////////////////////////////////// */
/*      ALIGN                         */
/* ////////////////////////////////// */
.r-align-items-start {
  align-items: flex-start;
}

.r-align-items-end {
  align-items: flex-end;
}

.r-align-items-center {
  align-items: center;
}

.r-align-items-baseline {
  align-items: baseline;
}

.r-align-items-stretch {
  align-items: stretch;
}

.r-align-content-start {
  align-content: flex-start;
}

.r-align-content-end {
  align-content: flex-end;
}

.r-align-content-center {
  align-content: center;
}

.r-align-content-between {
  align-content: space-between;
}

.r-align-content-around {
  align-content: space-around;
}

.r-align-content-stretch {
  align-content: stretch;
}

.r-align-self-auto {
  align-self: auto;
}

.r-align-self-start {
  align-self: flex-start;
}

.r-align-self-end {
  align-self: flex-end;
}

.r-align-self-center {
  align-self: center;
}

.r-align-self-baseline {
  align-self: baseline;
}

.r-align-self-stretch {
  align-self: stretch;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-align-items-start {
    align-items: flex-start;
  }
  .r-sd-align-items-end {
    align-items: flex-end;
  }
  .r-sd-align-items-center {
    align-items: center;
  }
  .r-sd-align-items-baseline {
    align-items: baseline;
  }
  .r-sd-align-items-stretch {
    align-items: stretch;
  }
  .r-sd-align-content-start {
    align-content: flex-start;
  }
  .r-sd-align-content-end {
    align-content: flex-end;
  }
  .r-sd-align-content-center {
    align-content: center;
  }
  .r-sd-align-content-between {
    align-content: space-between;
  }
  .r-sd-align-content-around {
    align-content: space-around;
  }
  .r-sd-align-content-stretch {
    align-content: stretch;
  }
  .r-sd-align-self-auto {
    align-self: auto;
  }
  .r-sd-align-self-start {
    align-self: flex-start;
  }
  .r-sd-align-self-end {
    align-self: flex-end;
  }
  .r-sd-align-self-center {
    align-self: center;
  }
  .r-sd-align-self-baseline {
    align-self: baseline;
  }
  .r-sd-align-self-stretch {
    align-self: stretch;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-align-items-start {
    align-items: flex-start;
  }
  .r-ld-align-items-end {
    align-items: flex-end;
  }
  .r-ld-align-items-center {
    align-items: center;
  }
  .r-ld-align-items-baseline {
    align-items: baseline;
  }
  .r-ld-align-items-stretch {
    align-items: stretch;
  }
  .r-ld-align-content-start {
    align-content: flex-start;
  }
  .r-ld-align-content-end {
    align-content: flex-end;
  }
  .r-ld-align-content-center {
    align-content: center;
  }
  .r-ld-align-content-between {
    align-content: space-between;
  }
  .r-ld-align-content-around {
    align-content: space-around;
  }
  .r-ld-align-content-stretch {
    align-content: stretch;
  }
  .r-ld-align-self-auto {
    align-self: auto;
  }
  .r-ld-align-self-start {
    align-self: flex-start;
  }
  .r-ld-align-self-end {
    align-self: flex-end;
  }
  .r-ld-align-self-center {
    align-self: center;
  }
  .r-ld-align-self-baseline {
    align-self: baseline;
  }
  .r-ld-align-self-stretch {
    align-self: stretch;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-align-items-start {
    align-items: flex-start;
  }
  .r-tab-align-items-end {
    align-items: flex-end;
  }
  .r-tab-align-items-center {
    align-items: center;
  }
  .r-tab-align-items-baseline {
    align-items: baseline;
  }
  .r-tab-align-items-stretch {
    align-items: stretch;
  }
  .r-tab-align-content-start {
    align-content: flex-start;
  }
  .r-tab-align-content-end {
    align-content: flex-end;
  }
  .r-tab-align-content-center {
    align-content: center;
  }
  .r-tab-align-content-between {
    align-content: space-between;
  }
  .r-tab-align-content-around {
    align-content: space-around;
  }
  .r-tab-align-content-stretch {
    align-content: stretch;
  }
  .r-tab-align-self-auto {
    align-self: auto;
  }
  .r-tab-align-self-start {
    align-self: flex-start;
  }
  .r-tab-align-self-end {
    align-self: flex-end;
  }
  .r-tab-align-self-center {
    align-self: center;
  }
  .r-tab-align-self-baseline {
    align-self: baseline;
  }
  .r-tab-align-self-stretch {
    align-self: stretch;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-align-items-start {
    align-items: flex-start;
  }
  .r-lm-align-items-end {
    align-items: flex-end;
  }
  .r-lm-align-items-center {
    align-items: center;
  }
  .r-lm-align-items-baseline {
    align-items: baseline;
  }
  .r-lm-align-items-stretch {
    align-items: stretch;
  }
  .r-lm-align-content-start {
    align-content: flex-start;
  }
  .r-lm-align-content-end {
    align-content: flex-end;
  }
  .r-lm-align-content-center {
    align-content: center;
  }
  .r-lm-align-content-between {
    align-content: space-between;
  }
  .r-lm-align-content-around {
    align-content: space-around;
  }
  .r-lm-align-content-stretch {
    align-content: stretch;
  }
  .r-lm-align-self-auto {
    align-self: auto;
  }
  .r-lm-align-self-start {
    align-self: flex-start;
  }
  .r-lm-align-self-end {
    align-self: flex-end;
  }
  .r-lm-align-self-center {
    align-self: center;
  }
  .r-lm-align-self-baseline {
    align-self: baseline;
  }
  .r-lm-align-self-stretch {
    align-self: stretch;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-align-items-start {
    align-items: flex-start;
  }
  .r-sm-align-items-end {
    align-items: flex-end;
  }
  .r-sm-align-items-center {
    align-items: center;
  }
  .r-sm-align-items-baseline {
    align-items: baseline;
  }
  .r-sm-align-items-stretch {
    align-items: stretch;
  }
  .r-sm-align-content-start {
    align-content: flex-start;
  }
  .r-sm-align-content-end {
    align-content: flex-end;
  }
  .r-sm-align-content-center {
    align-content: center;
  }
  .r-sm-align-content-between {
    align-content: space-between;
  }
  .r-sm-align-content-around {
    align-content: space-around;
  }
  .r-sm-align-content-stretch {
    align-content: stretch;
  }
  .r-sm-align-self-auto {
    align-self: auto;
  }
  .r-sm-align-self-start {
    align-self: flex-start;
  }
  .r-sm-align-self-end {
    align-self: flex-end;
  }
  .r-sm-align-self-center {
    align-self: center;
  }
  .r-sm-align-self-baseline {
    align-self: baseline;
  }
  .r-sm-align-self-stretch {
    align-self: stretch;
  }
}
/* ////////////////////////////////// */
/*      ORDER                         */
/* ////////////////////////////////// */
.r-order-first {
  order: -1;
}

.r-order-0 {
  order: 0;
}

.r-order-1 {
  order: 1;
}

.r-order-2 {
  order: 2;
}

.r-order-3 {
  order: 3;
}

.r-order-4 {
  order: 4;
}

.r-order-5 {
  order: 5;
}

.r-order-last {
  order: 6;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-order-first {
    order: -1;
  }
  .r-sd-order-0 {
    order: 0;
  }
  .r-sd-order-1 {
    order: 1;
  }
  .r-sd-order-2 {
    order: 2;
  }
  .r-sd-order-3 {
    order: 3;
  }
  .r-sd-order-4 {
    order: 4;
  }
  .r-sd-order-5 {
    order: 5;
  }
  .r-sd-order-last {
    order: 6;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-order-first {
    order: -1;
  }
  .r-ld-order-0 {
    order: 0;
  }
  .r-ld-order-1 {
    order: 1;
  }
  .r-ld-order-2 {
    order: 2;
  }
  .r-ld-order-3 {
    order: 3;
  }
  .r-ld-order-4 {
    order: 4;
  }
  .r-ld-order-5 {
    order: 5;
  }
  .r-ld-order-last {
    order: 6;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-order-first {
    order: -1;
  }
  .r-tab-order-0 {
    order: 0;
  }
  .r-tab-order-1 {
    order: 1;
  }
  .r-tab-order-2 {
    order: 2;
  }
  .r-tab-order-3 {
    order: 3;
  }
  .r-tab-order-4 {
    order: 4;
  }
  .r-tab-order-5 {
    order: 5;
  }
  .r-tab-order-last {
    order: 6;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-order-first {
    order: -1;
  }
  .r-lm-order-0 {
    order: 0;
  }
  .r-lm-order-1 {
    order: 1;
  }
  .r-lm-order-2 {
    order: 2;
  }
  .r-lm-order-3 {
    order: 3;
  }
  .r-lm-order-4 {
    order: 4;
  }
  .r-lm-order-5 {
    order: 5;
  }
  .r-lm-order-last {
    order: 6;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-order-first {
    order: -1;
  }
  .r-sm-order-0 {
    order: 0;
  }
  .r-sm-order-1 {
    order: 1;
  }
  .r-sm-order-2 {
    order: 2;
  }
  .r-sm-order-3 {
    order: 3;
  }
  .r-sm-order-4 {
    order: 4;
  }
  .r-sm-order-5 {
    order: 5;
  }
  .r-sm-order-last {
    order: 6;
  }
}
/* ////////////////////////////////// */
/*      OPACITY                       */
/* ////////////////////////////////// */
.r-opacity-0 {
  opacity: 0;
}

.r-opacity-25 {
  opacity: 0.25;
}

.r-opacity-50 {
  opacity: 0.5;
}

.r-opacity-75 {
  opacity: 0.75;
}

.r-opacity-100 {
  opacity: 1;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-opacity-0 {
    opacity: 0;
  }
  .r-sd-opacity-25 {
    opacity: 0.25;
  }
  .r-sd-opacity-50 {
    opacity: 0.5;
  }
  .r-sd-opacity-75 {
    opacity: 0.75;
  }
  .r-sd-opacity-100 {
    opacity: 1;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-opacity-0 {
    opacity: 0;
  }
  .r-ld-opacity-25 {
    opacity: 0.25;
  }
  .r-ld-opacity-50 {
    opacity: 0.5;
  }
  .r-ld-opacity-75 {
    opacity: 0.75;
  }
  .r-ld-opacity-100 {
    opacity: 1;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-opacity-0 {
    opacity: 0;
  }
  .r-tab-opacity-25 {
    opacity: 0.25;
  }
  .r-tab-opacity-50 {
    opacity: 0.5;
  }
  .r-tab-opacity-75 {
    opacity: 0.75;
  }
  .r-tab-opacity-100 {
    opacity: 1;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-opacity-0 {
    opacity: 0;
  }
  .r-lm-opacity-25 {
    opacity: 0.25;
  }
  .r-lm-opacity-50 {
    opacity: 0.5;
  }
  .r-lm-opacity-75 {
    opacity: 0.75;
  }
  .r-lm-opacity-100 {
    opacity: 1;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-opacity-0 {
    opacity: 0;
  }
  .r-sm-opacity-25 {
    opacity: 0.25;
  }
  .r-sm-opacity-50 {
    opacity: 0.5;
  }
  .r-sm-opacity-75 {
    opacity: 0.75;
  }
  .r-sm-opacity-100 {
    opacity: 1;
  }
}
/* ////////////////////////////////// */
/*      POSITION                      */
/* ////////////////////////////////// */
.r-position-static {
  position: static;
}

.r-position-relative {
  position: relative;
}

.r-position-absolute {
  position: absolute;
}

.r-position-fixed {
  position: fixed;
}

.r-position-sticky {
  position: -webkit-sticky;
  position: sticky;
}

.r-top-0 {
  top: 0;
}

.r-top-50 {
  top: 50%;
}

.r-top-100 {
  top: 100%;
}

.r-bottom-0 {
  bottom: 0;
}

.r-bottom-50 {
  bottom: 50%;
}

.r-bottom-100 {
  bottom: 100%;
}

.r-start-0 {
  left: 0;
}

.r-start-50 {
  left: 50%;
}

.r-start-100 {
  left: 100%;
}

.r-end-0 {
  right: 0;
}

.r-end-50 {
  right: 50%;
}

.r-end-100 {
  right: 100%;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-position-static {
    position: static;
  }
  .r-sd-position-relative {
    position: relative;
  }
  .r-sd-position-absolute {
    position: absolute;
  }
  .r-sd-position-fixed {
    position: fixed;
  }
  .r-sd-position-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  .r-sd-top-0 {
    top: 0;
  }
  .r-sd-top-50 {
    top: 50%;
  }
  .r-sd-top-100 {
    top: 100%;
  }
  .r-sd-bottom-0 {
    bottom: 0;
  }
  .r-sd-bottom-50 {
    bottom: 50%;
  }
  .r-sd-bottom-100 {
    bottom: 100%;
  }
  .r-sd-start-0 {
    left: 0;
  }
  .r-sd-start-50 {
    left: 50%;
  }
  .r-sd-start-100 {
    left: 100%;
  }
  .r-sd-end-0 {
    right: 0;
  }
  .r-sd-end-50 {
    right: 50%;
  }
  .r-sd-end-100 {
    right: 100%;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-position-static {
    position: static;
  }
  .r-ld-position-relative {
    position: relative;
  }
  .r-ld-position-absolute {
    position: absolute;
  }
  .r-ld-position-fixed {
    position: fixed;
  }
  .r-ld-position-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  .r-ld-top-0 {
    top: 0;
  }
  .r-ld-top-50 {
    top: 50%;
  }
  .r-ld-top-100 {
    top: 100%;
  }
  .r-ld-bottom-0 {
    bottom: 0;
  }
  .r-ld-bottom-50 {
    bottom: 50%;
  }
  .r-ld-bottom-100 {
    bottom: 100%;
  }
  .r-ld-start-0 {
    left: 0;
  }
  .r-ld-start-50 {
    left: 50%;
  }
  .r-ld-start-100 {
    left: 100%;
  }
  .r-ld-end-0 {
    right: 0;
  }
  .r-ld-end-50 {
    right: 50%;
  }
  .r-ld-end-100 {
    right: 100%;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-position-static {
    position: static;
  }
  .r-tab-position-relative {
    position: relative;
  }
  .r-tab-position-absolute {
    position: absolute;
  }
  .r-tab-position-fixed {
    position: fixed;
  }
  .r-tab-position-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  .r-tab-top-0 {
    top: 0;
  }
  .r-tab-top-50 {
    top: 50%;
  }
  .r-tab-top-100 {
    top: 100%;
  }
  .r-tab-bottom-0 {
    bottom: 0;
  }
  .r-tab-bottom-50 {
    bottom: 50%;
  }
  .r-tab-bottom-100 {
    bottom: 100%;
  }
  .r-tab-start-0 {
    left: 0;
  }
  .r-tab-start-50 {
    left: 50%;
  }
  .r-tab-start-100 {
    left: 100%;
  }
  .r-tab-end-0 {
    right: 0;
  }
  .r-tab-end-50 {
    right: 50%;
  }
  .r-tab-end-100 {
    right: 100%;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-position-static {
    position: static;
  }
  .r-lm-position-relative {
    position: relative;
  }
  .r-lm-position-absolute {
    position: absolute;
  }
  .r-lm-position-fixed {
    position: fixed;
  }
  .r-lm-position-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  .r-lm-top-0 {
    top: 0;
  }
  .r-lm-top-50 {
    top: 50%;
  }
  .r-lm-top-100 {
    top: 100%;
  }
  .r-lm-bottom-0 {
    bottom: 0;
  }
  .r-lm-bottom-50 {
    bottom: 50%;
  }
  .r-lm-bottom-100 {
    bottom: 100%;
  }
  .r-lm-start-0 {
    left: 0;
  }
  .r-lm-start-50 {
    left: 50%;
  }
  .r-lm-start-100 {
    left: 100%;
  }
  .r-lm-end-0 {
    right: 0;
  }
  .r-lm-end-50 {
    right: 50%;
  }
  .r-lm-end-100 {
    right: 100%;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-position-static {
    position: static;
  }
  .r-sm-position-relative {
    position: relative;
  }
  .r-sm-position-absolute {
    position: absolute;
  }
  .r-sm-position-fixed {
    position: fixed;
  }
  .r-sm-position-sticky {
    position: -webkit-sticky;
    position: sticky;
  }
  .r-sm-top-0 {
    top: 0;
  }
  .r-sm-top-50 {
    top: 50%;
  }
  .r-sm-top-100 {
    top: 100%;
  }
  .r-sm-bottom-0 {
    bottom: 0;
  }
  .r-sm-bottom-50 {
    bottom: 50%;
  }
  .r-sm-bottom-100 {
    bottom: 100%;
  }
  .r-sm-start-0 {
    left: 0;
  }
  .r-sm-start-50 {
    left: 50%;
  }
  .r-sm-start-100 {
    left: 100%;
  }
  .r-sm-end-0 {
    right: 0;
  }
  .r-sm-end-50 {
    right: 50%;
  }
  .r-sm-end-100 {
    right: 100%;
  }
}
/* ////////////////////////////////// */
/*      Dimension                     */
/* ////////////////////////////////// */
.r-width-25 {
  width: 25%;
}

.r-width-50 {
  width: 50%;
}

.r-width-75 {
  width: 75%;
}

.r-width-100 {
  width: 100%;
}

.r-width-auto {
  width: auto;
}

.r-max-width-tab {
  max-width: 900px;
}

.r-max-width-lm {
  max-width: 768px;
}

.r-max-width-sm {
  max-width: 500px;
}

.r-max-width-100 {
  max-width: 100%;
}

.r-v-width-100 {
  width: 100vw;
}

.r-min-v-width-100 {
  min-width: 100vw;
}

.r-height-25 {
  height: 25%;
}

.r-height-50 {
  height: 50%;
}

.r-height-75 {
  height: 75%;
}

.r-height-100 {
  height: 100%;
}

.r-height-auto {
  height: auto;
}

.r-max-height-100 {
  max-height: 100%;
}

.r-v-height-100 {
  height: 100vh;
}

.r-min-v-height-100 {
  min-height: 100vh;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-width-25 {
    width: 25%;
  }
  .r-sd-width-50 {
    width: 50%;
  }
  .r-sd-width-75 {
    width: 75%;
  }
  .r-sd-width-100 {
    width: 100%;
  }
  .r-sd-width-auto {
    width: auto;
  }
  .r-sd-max-width-tab {
    max-width: 900px;
  }
  .r-sd-max-width-lm {
    max-width: 768px;
  }
  .r-sd-max-width-sm {
    max-width: 500px;
  }
  .r-sd-max-width-100 {
    max-width: 100%;
  }
  .r-sd-v-width-100 {
    width: 100vw;
  }
  .r-sd-min-v-width-100 {
    min-width: 100vw;
  }
  .r-sd-height-25 {
    height: 25%;
  }
  .r-sd-height-50 {
    height: 50%;
  }
  .r-sd-height-75 {
    height: 75%;
  }
  .r-sd-height-100 {
    height: 100%;
  }
  .r-sd-height-auto {
    height: auto;
  }
  .r-sd-max-height-100 {
    max-height: 100%;
  }
  .r-sd-v-height-100 {
    height: 100vh;
  }
  .r-sd-min-v-height-100 {
    min-height: 100vh;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-width-25 {
    width: 25%;
  }
  .r-ld-width-50 {
    width: 50%;
  }
  .r-ld-width-75 {
    width: 75%;
  }
  .r-ld-width-100 {
    width: 100%;
  }
  .r-ld-width-auto {
    width: auto;
  }
  .r-ld-max-width-tab {
    max-width: 900px;
  }
  .r-ld-max-width-lm {
    max-width: 768px;
  }
  .r-ld-max-width-sm {
    max-width: 500px;
  }
  .r-ld-max-width-100 {
    max-width: 100%;
  }
  .r-ld-v-width-100 {
    width: 100vw;
  }
  .r-ld-min-v-width-100 {
    min-width: 100vw;
  }
  .r-ld-height-25 {
    height: 25%;
  }
  .r-ld-height-50 {
    height: 50%;
  }
  .r-ld-height-75 {
    height: 75%;
  }
  .r-ld-height-100 {
    height: 100%;
  }
  .r-ld-height-auto {
    height: auto;
  }
  .r-ld-max-height-100 {
    max-height: 100%;
  }
  .r-ld-v-height-100 {
    height: 100vh;
  }
  .r-ld-min-v-height-100 {
    min-height: 100vh;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-width-25 {
    width: 25%;
  }
  .r-tab-width-50 {
    width: 50%;
  }
  .r-tab-width-75 {
    width: 75%;
  }
  .r-tab-width-100 {
    width: 100%;
  }
  .r-tab-width-auto {
    width: auto;
  }
  .r-tab-max-width-lm {
    max-width: 768px;
  }
  .r-tab-max-width-sm {
    max-width: 500px;
  }
  .r-tab-max-width-100 {
    max-width: 100%;
  }
  .r-tab-v-width-100 {
    width: 100vw;
  }
  .r-tab-min-v-width-100 {
    min-width: 100vw;
  }
  .r-tab-height-25 {
    height: 25%;
  }
  .r-tab-height-50 {
    height: 50%;
  }
  .r-tab-height-75 {
    height: 75%;
  }
  .r-tab-height-100 {
    height: 100%;
  }
  .r-tab-height-auto {
    height: auto;
  }
  .r-tab-max-height-100 {
    max-height: 100%;
  }
  .r-tab-v-height-100 {
    height: 100vh;
  }
  .r-tab-min-v-height-100 {
    min-height: 100vh;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-width-25 {
    width: 25%;
  }
  .r-lm-width-50 {
    width: 50%;
  }
  .r-lm-width-75 {
    width: 75%;
  }
  .r-lm-width-100 {
    width: 100%;
  }
  .r-lm-width-auto {
    width: auto;
  }
  .r-lm-max-width-sm {
    max-width: 500px;
  }
  .r-lm-max-width-100 {
    max-width: 100%;
  }
  .r-lm-v-width-100 {
    width: 100vw;
  }
  .r-lm-min-v-width-100 {
    min-width: 100vw;
  }
  .r-lm-height-25 {
    height: 25%;
  }
  .r-lm-height-50 {
    height: 50%;
  }
  .r-lm-height-75 {
    height: 75%;
  }
  .r-lm-height-100 {
    height: 100%;
  }
  .r-lm-height-auto {
    height: auto;
  }
  .r-lm-max-height-100 {
    max-height: 100%;
  }
  .r-lm-v-height-100 {
    height: 100vh;
  }
  .r-lm-min-v-height-100 {
    min-height: 100vh;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-width-25 {
    width: 25%;
  }
  .r-sm-width-50 {
    width: 50%;
  }
  .r-sm-width-75 {
    width: 75%;
  }
  .r-sm-width-100 {
    width: 100%;
  }
  .r-sm-width-auto {
    width: auto;
  }
  .r-sm-max-width-100 {
    max-width: 100%;
  }
  .r-sm-v-width-100 {
    width: 100vw;
  }
  .r-sm-min-v-width-100 {
    min-width: 100vw;
  }
  .r-sm-height-25 {
    height: 25%;
  }
  .r-sm-height-50 {
    height: 50%;
  }
  .r-sm-height-75 {
    height: 75%;
  }
  .r-sm-height-100 {
    height: 100%;
  }
  .r-sm-height-auto {
    height: auto;
  }
  .r-sm-max-height-100 {
    max-height: 100%;
  }
  .r-sm-v-height-100 {
    height: 100vh;
  }
  .r-sm-min-v-height-100 {
    min-height: 100vh;
  }
}
/* ////////////////////////////////// */
/*      TEXT                         */
/* ////////////////////////////////// */
.r-fs-1 {
  font-size: var(--font-size-1);
}

.r-fs-2 {
  font-size: var(--font-size-2);
}

.r-fs-3 {
  font-size: var(--font-size-3);
}

.r-fs-4 {
  font-size: var(--font-size-4);
}

.r-fs-5 {
  font-size: var(--font-size-5);
}

.r-fs-6 {
  font-size: var(--font-size-6);
}

.r-fs-regular {
  font-size: var(--font-size-regular);
}

.r-fs-large {
  font-size: var(--font-size-large);
}

.r-fs-larger {
  font-size: var(--font-size-larger);
}

.r-fst-italic {
  font-style: italic;
}

.r-fst-normal {
  font-style: normal;
}

.r-fw-light {
  font-weight: 300;
}

.r-fw-lighter {
  font-weight: lighter;
}

.r-fw-normal {
  font-weight: 400;
}

.r-fw-bold {
  font-weight: 700;
}

.r-fw-bolder {
  font-weight: bolder;
}

.r-fw-100 {
  font-weight: 100;
}

.r-fw-200 {
  font-weight: 200;
}

.r-fw-300 {
  font-weight: 300;
}

.r-fw-400 {
  font-weight: 400;
}

.r-fw-500 {
  font-weight: 500;
}

.r-fw-600 {
  font-weight: 600;
}

.r-fw-700 {
  font-weight: 700;
}

.r-fw-800 {
  font-weight: 800;
}

.r-fw-900 {
  font-weight: 900;
}

.r-lh-1 {
  line-height: 1;
}

.r-lh-sm {
  line-height: 1.25;
}

.r-lh-base {
  line-height: 1.4;
}

.r-lh-lg {
  line-height: 2;
}

.r-text-left {
  text-align: left;
}

.r-text-right {
  text-align: right;
}

.r-text-center {
  text-align: center;
}

.r-text-decoration-none {
  text-decoration: none;
}

.r-text-decoration-underline {
  text-decoration: underline;
}

.r-text-decoration-line-through {
  text-decoration: line-through;
}

.r-text-lowercase {
  text-transform: lowercase;
}

.r-text-uppercase {
  text-transform: uppercase;
}

.r-text-capitalize {
  text-transform: capitalize;
}

.r-text-wrap {
  white-space: normal;
}

.r-text-nowrap {
  white-space: nowrap;
}

.r-text-break {
  word-wrap: break-word;
  word-break: break-word;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-fs-1 {
    font-size: var(--font-size-1);
  }
  .r-sd-fs-2 {
    font-size: var(--font-size-2);
  }
  .r-sd-fs-3 {
    font-size: var(--font-size-3);
  }
  .r-sd-fs-4 {
    font-size: var(--font-size-4);
  }
  .r-sd-fs-5 {
    font-size: var(--font-size-5);
  }
  .r-sd-fs-6 {
    font-size: var(--font-size-6);
  }
  .r-sd-fs-regular {
    font-size: var(--font-size-regular);
  }
  .r-sd-fs-large {
    font-size: var(--font-size-large);
  }
  .r-sd-fs-larger {
    font-size: var(--font-size-larger);
  }
  .r-sd-fst-italic {
    font-style: italic;
  }
  .r-sd-fst-normal {
    font-style: normal;
  }
  .r-sd-fw-light {
    font-weight: 300;
  }
  .r-sd-fw-lighter {
    font-weight: lighter;
  }
  .r-sd-fw-normal {
    font-weight: 400;
  }
  .r-sd-fw-bold {
    font-weight: 700;
  }
  .r-sd-fw-bolder {
    font-weight: bolder;
  }
  .r-sd-fw-100 {
    font-weight: 100;
  }
  .r-sd-fw-200 {
    font-weight: 200;
  }
  .r-sd-fw-300 {
    font-weight: 300;
  }
  .r-sd-fw-400 {
    font-weight: 400;
  }
  .r-sd-fw-500 {
    font-weight: 500;
  }
  .r-sd-fw-600 {
    font-weight: 600;
  }
  .r-sd-fw-700 {
    font-weight: 700;
  }
  .r-sd-fw-800 {
    font-weight: 800;
  }
  .r-sd-fw-900 {
    font-weight: 900;
  }
  .r-sd-lh-1 {
    line-height: 1;
  }
  .r-sd-lh-sm {
    line-height: 1.25;
  }
  .r-sd-lh-base {
    line-height: 1.4;
  }
  .r-sd-lh-lg {
    line-height: 2;
  }
  .r-sd-text-left {
    text-align: left;
  }
  .r-sd-text-right {
    text-align: right;
  }
  .r-sd-text-center {
    text-align: center;
  }
  .r-sd-text-decoration-none {
    text-decoration: none;
  }
  .r-sd-text-decoration-underline {
    text-decoration: underline;
  }
  .r-sd-text-decoration-line-through {
    text-decoration: line-through;
  }
  .r-sd-text-lowercase {
    text-transform: lowercase;
  }
  .r-sd-text-uppercase {
    text-transform: uppercase;
  }
  .r-sd-text-capitalize {
    text-transform: capitalize;
  }
  .r-sd-text-wrap {
    white-space: normal;
  }
  .r-sd-text-nowrap {
    white-space: nowrap;
  }
  .r-sd-text-break {
    word-wrap: break-word;
    word-break: break-word;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-fs-1 {
    font-size: var(--font-size-1);
  }
  .r-ld-fs-2 {
    font-size: var(--font-size-2);
  }
  .r-ld-fs-3 {
    font-size: var(--font-size-3);
  }
  .r-ld-fs-4 {
    font-size: var(--font-size-4);
  }
  .r-ld-fs-5 {
    font-size: var(--font-size-5);
  }
  .r-ld-fs-6 {
    font-size: var(--font-size-6);
  }
  .r-ld-fs-regular {
    font-size: var(--font-size-regular);
  }
  .r-ld-fs-large {
    font-size: var(--font-size-large);
  }
  .r-ld-fs-larger {
    font-size: var(--font-size-larger);
  }
  .r-ld-fst-italic {
    font-style: italic;
  }
  .r-ld-fst-normal {
    font-style: normal;
  }
  .r-ld-fw-light {
    font-weight: 300;
  }
  .r-ld-fw-lighter {
    font-weight: lighter;
  }
  .r-ld-fw-normal {
    font-weight: 400;
  }
  .r-ld-fw-bold {
    font-weight: 700;
  }
  .r-ld-fw-bolder {
    font-weight: bolder;
  }
  .r-ld-fw-100 {
    font-weight: 100;
  }
  .r-ld-fw-200 {
    font-weight: 200;
  }
  .r-ld-fw-300 {
    font-weight: 300;
  }
  .r-ld-fw-400 {
    font-weight: 400;
  }
  .r-ld-fw-500 {
    font-weight: 500;
  }
  .r-ld-fw-600 {
    font-weight: 600;
  }
  .r-ld-fw-700 {
    font-weight: 700;
  }
  .r-ld-fw-800 {
    font-weight: 800;
  }
  .r-ld-fw-900 {
    font-weight: 900;
  }
  .r-ld-lh-1 {
    line-height: 1;
  }
  .r-ld-lh-sm {
    line-height: 1.25;
  }
  .r-ld-lh-base {
    line-height: 1.4;
  }
  .r-ld-lh-lg {
    line-height: 2;
  }
  .r-ld-text-left {
    text-align: left;
  }
  .r-ld-text-right {
    text-align: right;
  }
  .r-ld-text-center {
    text-align: center;
  }
  .r-ld-text-decoration-none {
    text-decoration: none;
  }
  .r-ld-text-decoration-underline {
    text-decoration: underline;
  }
  .r-ld-text-decoration-line-through {
    text-decoration: line-through;
  }
  .r-ld-text-lowercase {
    text-transform: lowercase;
  }
  .r-ld-text-uppercase {
    text-transform: uppercase;
  }
  .r-ld-text-capitalize {
    text-transform: capitalize;
  }
  .r-ld-text-wrap {
    white-space: normal;
  }
  .r-ld-text-nowrap {
    white-space: nowrap;
  }
  .r-ld-text-break {
    word-wrap: break-word;
    word-break: break-word;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-fs-1 {
    font-size: var(--font-size-1);
  }
  .r-tab-fs-2 {
    font-size: var(--font-size-2);
  }
  .r-tab-fs-3 {
    font-size: var(--font-size-3);
  }
  .r-tab-fs-4 {
    font-size: var(--font-size-4);
  }
  .r-tab-fs-5 {
    font-size: var(--font-size-5);
  }
  .r-tab-fs-6 {
    font-size: var(--font-size-6);
  }
  .r-tab-fs-regular {
    font-size: var(--font-size-regular);
  }
  .r-tab-fs-large {
    font-size: var(--font-size-large);
  }
  .r-tab-fs-larger {
    font-size: var(--font-size-larger);
  }
  .r-tab-fst-italic {
    font-style: italic;
  }
  .r-tab-fst-normal {
    font-style: normal;
  }
  .r-tab-fw-light {
    font-weight: 300;
  }
  .r-tab-fw-lighter {
    font-weight: lighter;
  }
  .r-tab-fw-normal {
    font-weight: 400;
  }
  .r-tab-fw-bold {
    font-weight: 700;
  }
  .r-tab-fw-bolder {
    font-weight: bolder;
  }
  .r-tab-fw-100 {
    font-weight: 100;
  }
  .r-tab-fw-200 {
    font-weight: 200;
  }
  .r-tab-fw-300 {
    font-weight: 300;
  }
  .r-tab-fw-400 {
    font-weight: 400;
  }
  .r-tab-fw-500 {
    font-weight: 500;
  }
  .r-tab-fw-600 {
    font-weight: 600;
  }
  .r-tab-fw-700 {
    font-weight: 700;
  }
  .r-tab-fw-800 {
    font-weight: 800;
  }
  .r-tab-fw-900 {
    font-weight: 900;
  }
  .r-tab-lh-1 {
    line-height: 1;
  }
  .r-tab-lh-sm {
    line-height: 1.25;
  }
  .r-tab-lh-base {
    line-height: 1.4;
  }
  .r-tab-lh-lg {
    line-height: 2;
  }
  .r-tab-text-left {
    text-align: left;
  }
  .r-tab-text-right {
    text-align: right;
  }
  .r-tab-text-center {
    text-align: center;
  }
  .r-tab-text-decoration-none {
    text-decoration: none;
  }
  .r-tab-text-decoration-underline {
    text-decoration: underline;
  }
  .r-tab-text-decoration-line-through {
    text-decoration: line-through;
  }
  .r-tab-text-lowercase {
    text-transform: lowercase;
  }
  .r-tab-text-uppercase {
    text-transform: uppercase;
  }
  .r-tab-text-capitalize {
    text-transform: capitalize;
  }
  .r-tab-text-wrap {
    white-space: normal;
  }
  .r-tab-text-nowrap {
    white-space: nowrap;
  }
  .r-tab-text-break {
    word-wrap: break-word;
    word-break: break-word;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-fs-1 {
    font-size: var(--font-size-1);
  }
  .r-lm-fs-2 {
    font-size: var(--font-size-2);
  }
  .r-lm-fs-3 {
    font-size: var(--font-size-3);
  }
  .r-lm-fs-4 {
    font-size: var(--font-size-4);
  }
  .r-lm-fs-5 {
    font-size: var(--font-size-5);
  }
  .r-lm-fs-6 {
    font-size: var(--font-size-6);
  }
  .r-lm-fs-regular {
    font-size: var(--font-size-regular);
  }
  .r-lm-fs-large {
    font-size: var(--font-size-large);
  }
  .r-lm-fs-larger {
    font-size: var(--font-size-larger);
  }
  .r-lm-fst-italic {
    font-style: italic;
  }
  .r-lm-fst-normal {
    font-style: normal;
  }
  .r-lm-fw-light {
    font-weight: 300;
  }
  .r-lm-fw-lighter {
    font-weight: lighter;
  }
  .r-lm-fw-normal {
    font-weight: 400;
  }
  .r-lm-fw-bold {
    font-weight: 700;
  }
  .r-lm-fw-bolder {
    font-weight: bolder;
  }
  .r-lm-fw-100 {
    font-weight: 100;
  }
  .r-lm-fw-200 {
    font-weight: 200;
  }
  .r-lm-fw-300 {
    font-weight: 300;
  }
  .r-lm-fw-400 {
    font-weight: 400;
  }
  .r-lm-fw-500 {
    font-weight: 500;
  }
  .r-lm-fw-600 {
    font-weight: 600;
  }
  .r-lm-fw-700 {
    font-weight: 700;
  }
  .r-lm-fw-800 {
    font-weight: 800;
  }
  .r-lm-fw-900 {
    font-weight: 900;
  }
  .r-lm-lh-1 {
    line-height: 1;
  }
  .r-lm-lh-sm {
    line-height: 1.25;
  }
  .r-lm-lh-base {
    line-height: 1.4;
  }
  .r-lm-lh-lg {
    line-height: 2;
  }
  .r-lm-text-left {
    text-align: left;
  }
  .r-lm-text-right {
    text-align: right;
  }
  .r-lm-text-center {
    text-align: center;
  }
  .r-lm-text-decoration-none {
    text-decoration: none;
  }
  .r-lm-text-decoration-underline {
    text-decoration: underline;
  }
  .r-lm-text-decoration-line-through {
    text-decoration: line-through;
  }
  .r-lm-text-lowercase {
    text-transform: lowercase;
  }
  .r-lm-text-uppercase {
    text-transform: uppercase;
  }
  .r-lm-text-capitalize {
    text-transform: capitalize;
  }
  .r-lm-text-wrap {
    white-space: normal;
  }
  .r-lm-text-nowrap {
    white-space: nowrap;
  }
  .r-lm-text-break {
    word-wrap: break-word;
    word-break: break-word;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-fs-1 {
    font-size: var(--font-size-1);
  }
  .r-sm-fs-2 {
    font-size: var(--font-size-2);
  }
  .r-sm-fs-3 {
    font-size: var(--font-size-3);
  }
  .r-sm-fs-4 {
    font-size: var(--font-size-4);
  }
  .r-sm-fs-5 {
    font-size: var(--font-size-5);
  }
  .r-sm-fs-6 {
    font-size: var(--font-size-6);
  }
  .r-sm-fs-regular {
    font-size: var(--font-size-regular);
  }
  .r-sm-fs-large {
    font-size: var(--font-size-large);
  }
  .r-sm-fs-larger {
    font-size: var(--font-size-larger);
  }
  .r-sm-fst-italic {
    font-style: italic;
  }
  .r-sm-fst-normal {
    font-style: normal;
  }
  .r-sm-fw-light {
    font-weight: 300;
  }
  .r-sm-fw-lighter {
    font-weight: lighter;
  }
  .r-sm-fw-normal {
    font-weight: 400;
  }
  .r-sm-fw-bold {
    font-weight: 700;
  }
  .r-sm-fw-bolder {
    font-weight: bolder;
  }
  .r-sm-fw-100 {
    font-weight: 100;
  }
  .r-sm-fw-200 {
    font-weight: 200;
  }
  .r-sm-fw-300 {
    font-weight: 300;
  }
  .r-sm-fw-400 {
    font-weight: 400;
  }
  .r-sm-fw-500 {
    font-weight: 500;
  }
  .r-sm-fw-600 {
    font-weight: 600;
  }
  .r-sm-fw-700 {
    font-weight: 700;
  }
  .r-sm-fw-800 {
    font-weight: 800;
  }
  .r-sm-fw-900 {
    font-weight: 900;
  }
  .r-sm-lh-1 {
    line-height: 1;
  }
  .r-sm-lh-sm {
    line-height: 1.25;
  }
  .r-sm-lh-base {
    line-height: 1.4;
  }
  .r-sm-lh-lg {
    line-height: 2;
  }
  .r-sm-text-left {
    text-align: left;
  }
  .r-sm-text-right {
    text-align: right;
  }
  .r-sm-text-center {
    text-align: center;
  }
  .r-sm-text-decoration-none {
    text-decoration: none;
  }
  .r-sm-text-decoration-underline {
    text-decoration: underline;
  }
  .r-sm-text-decoration-line-through {
    text-decoration: line-through;
  }
  .r-sm-text-lowercase {
    text-transform: lowercase;
  }
  .r-sm-text-uppercase {
    text-transform: uppercase;
  }
  .r-sm-text-capitalize {
    text-transform: capitalize;
  }
  .r-sm-text-wrap {
    white-space: normal;
  }
  .r-sm-text-nowrap {
    white-space: nowrap;
  }
  .r-sm-text-break {
    word-wrap: break-word;
    word-break: break-word;
  }
}
/* ////////////////////////////////// */
/*      COLOR                         */
/* ////////////////////////////////// */
.r-bg-primary {
  background: var(--color-primary);
}

.r-bg-secondary {
  background: var(--color-secondary);
}

.r-bg-success {
  background: var(--color-theme-success);
}

.r-bg-danger {
  background: var(--color-theme-danger);
}

.r-bg-warning {
  background: var(--color-theme-warning);
}

.r-bg-info {
  background: var(--color-theme-info);
}

.r-bg-white {
  background: var(--color-theme-white);
}

.r-bg-black {
  background: var(--color-theme-black);
}

.r-bg-layout-1 {
  background: var(--color-layout-1);
}

.r-bg-layout-2 {
  background: var(--color-layout-2);
}

.r-bg-layout-3 {
  background: var(--color-layout-3);
}

.r-bg-layout-4 {
  background: var(--color-layout-4);
}

.r-bg-transparent {
  background: transparent;
}

/*Text Color*/
.r-fc-primary {
  color: var(--color-primary);
}

.r-fc-secondary {
  color: var(--color-secondary);
}

.r-fc-success {
  color: var(--color-theme-success);
}

.r-fc-danger {
  color: var(--color-theme-danger);
}

.r-fc-warning {
  color: var(--color-theme-warning);
}

.r-fc-info {
  color: var(--color-theme-info);
}

.r-fc-white {
  color: var(--color-theme-white);
}

.r-fc-black {
  color: var(--color-theme-black);
}

.r-fc-heading {
  color: var(--heading-color);
}

.r-fc-default {
  color: var(--font-color);
}

.r-fc-light {
  color: var(--font-color-2);
}

.r-fc-lighter {
  color: var(--font-color-3);
}

.r-bg-primary-hov,
.r-bg-secondary-hov,
.r-fc-primary-hov,
.r-fc-secondary-hov,
.r-fc-heading-hov,
.r-fc-default-hov,
.r-fc-light-hov {
  transition: 0.3s;
}

.r-bg-primary-hov:hover {
  background: var(--color-primary);
}

.r-bg-secondary-hov:hover {
  background: var(--color-secondary);
}

.r-fc-primary-hov:hover {
  color: var(--color-primary);
}

.r-fc-secondary-hov:hover {
  color: var(--color-secondary);
}

.r-fc-heading-hov:hover {
  color: var(--heading-color);
}

.r-fc-default-hov:hover {
  color: var(--font-color);
}

.r-fc-light-hov:hover {
  color: var(--font-color-2);
}

/*Border Color*/
.r-bc-layout {
  border-color: var(--color-layout-border);
}

.r-bc-layout-2 {
  border-color: var(--color-layout-border-2);
}

.r-bc-layout-3 {
  border-color: var(--color-layout-border-3);
}

.r-bc-primary {
  border-color: var(--color-primary);
}

.r-bc-secondary {
  border-color: var(--color-secondary);
}

.r-bc-success {
  border-color: var(--color-theme-success);
}

.r-bc-danger {
  border-color: var(--color-theme-danger);
}

.r-bc-warning {
  border-color: var(--color-theme-warning);
}

.r-bc-info {
  border-color: var(--color-theme-info);
}

.r-bc-white {
  border-color: var(--color-theme-white);
}

.r-bc-black {
  border-color: var(--color-theme-black);
}

.r-bc-transparent {
  border-color: transparent;
}

/* ////////////////////////////////// */
/*      OVERFLOW                      */
/* ////////////////////////////////// */
.r-overflow-auto {
  overflow: auto;
}

.r-overflow-hidden {
  overflow: hidden;
}

.r-overflow-visible {
  overflow: visible;
}

.r-overflow-scroll {
  overflow: scroll;
}

/* Small Desktop */
@media (min-width: 900px) {
  .r-sd-overflow-auto {
    overflow: auto;
  }
  .r-sd-overflow-hidden {
    overflow: hidden;
  }
  .r-sd-overflow-visible {
    overflow: visible;
  }
  .r-sd-overflow-scroll {
    overflow: scroll;
  }
}
/* Large Desktop */
@media (min-width: 1400px) {
  .r-ld-overflow-auto {
    overflow: auto;
  }
  .r-ld-overflow-hidden {
    overflow: hidden;
  }
  .r-ld-overflow-visible {
    overflow: visible;
  }
  .r-ld-overflow-scroll {
    overflow: scroll;
  }
}
/* Tablet */
@media (max-width: 899px) {
  .r-tab-overflow-auto {
    overflow: auto;
  }
  .r-tab-overflow-hidden {
    overflow: hidden;
  }
  .r-tab-overflow-visible {
    overflow: visible;
  }
  .r-tab-overflow-scroll {
    overflow: scroll;
  }
}
/* Large Mobile */
@media (max-width: 767px) {
  .r-lm-overflow-auto {
    overflow: auto;
  }
  .r-lm-overflow-hidden {
    overflow: hidden;
  }
  .r-lm-overflow-visible {
    overflow: visible;
  }
  .r-lm-overflow-scroll {
    overflow: scroll;
  }
}
/* Small Mobile */
@media (max-width: 500px) {
  .r-sm-overflow-auto {
    overflow: auto;
  }
  .r-sm-overflow-hidden {
    overflow: hidden;
  }
  .r-sm-overflow-visible {
    overflow: visible;
  }
  .r-sm-overflow-scroll {
    overflow: scroll;
  }
}
.r-nav-menu,
.r-menu-inline,
.r-menu-inline-reverse,
.r-menu-stacked,
.r-menu-stacked-reverse {
  margin: 0;
  padding: 0;
}

.r-nav-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.r-menu-inline {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.r-menu-inline-reverse {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

.r-menu-stacked,
.r-menu-stacked-reverse {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.r-nav-menu-item,
.r-nav-menu > li {
  height: var(--nav-menu-height);
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.r-menu-stacked-reverse .r-nav-menu-item,
.r-menu-stacked-reverse .r-nav-menu > li,
.r-ld-menu-stacked-reverse .r-nav-menu-item,
.r-ld-menu-stacked-reverse .r-nav-menu > li,
.r-sd-menu-stacked-reverse .r-nav-menu-item,
.r-sd-menu-stacked-reverse .r-nav-menu > li,
.r-tab-menu-stacked-reverse .r-nav-menu-item,
.r-tab-menu-stacked-reverse .r-nav-menu > li,
.r-lm-menu-stacked-reverse .r-nav-menu-item,
.r-lm-menu-stacked-reverse .r-nav-menu > li,
.r-sd-menu-stacked-reverse .r-nav-menu-item,
.r-sd-menu-stacked-reverse .r-nav-menu > li {
  justify-content: flex-end;
  align-items: center;
}

.r-menu-stacked .r-nav-menu-item,
.r-menu-stacked .r-nav-menu > li,
.r-ld-menu-stacked .r-nav-menu-item,
.r-ld-menu-stacked .r-nav-menu > li,
.r-sd-menu-stacked .r-nav-menu-item,
.r-sd-menu-stacked .r-nav-menu > li,
.r-tab-menu-stacked .r-nav-menu-item,
.r-tab-menu-stacked .r-nav-menu > li,
.r-lm-menu-stacked .r-nav-menu-item,
.r-lm-menu-stacked .r-nav-menu > li,
.r-sd-menu-stacked .r-nav-menu-item,
.r-sd-menu-stacked .r-nav-menu > li {
  justify-content: flex-start;
  align-items: center;
}

.r-simple-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.r-vis-focus {
  opacity: 0;
  position: absolute;
  left: -5000px;
}

.r-vis-focus:focus {
  opacity: 1;
  position: unset;
}

.r-vis-focus-within {
  opacity: 0;
  position: absolute;
  left: -5000px;
}

.r-vis-focus-within:focus-within {
  opacity: 1;
  position: unset;
}

@media (min-width: 900px) {
  .r-sd-menu-inline {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .r-sd-menu-inline-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  .r-sd-menu-stacked,
.r-sd-menu-stacked-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media (min-width: 1400px) {
  .r-ld-menu-inline {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .r-ld-menu-inline-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  .r-ld-menu-stacked,
.r-ld-menu-stacked-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media (max-width: 899px) {
  .r-tab-menu-inline {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .r-tab-menu-inline-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  .r-tab-menu-stacked,
.r-tab-menu-stacked-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .r-lm-menu-inline {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .r-lm-menu-inline-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  .r-lm-menu-stacked,
.r-lm-menu-stacked-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}
@media (max-width: 500px) {
  .r-sm-menu-inline {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .r-sm-menu-inline-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
  .r-sm-menu-stacked,
.r-sm-menu-stacked-reverse {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
}